lw-cdp-ui 1.2.47 → 1.2.49

package/dist/components/lwFlow/nodeEdit/index.vue

@@ -1,306 +0,0 @@
-<template>
-  <el-drawer v-model="isShow"
-             title="节点编辑"
-             direction="rtl"
-             :append-to-body="true"
-             :size="600"
-             :before-close="close">
-    <div v-if="isShow"
-         class="drawer-form">
-      <el-collapse v-model="activeName"
-                   accordion>
-        <el-collapse-item title="基础信息"
-                          name="basicInfo">
-          <!-- 说明：
-                    此处如果对应的节点没有特别的处理直接使用 basicSettings 就可
-                    如果这个节点有特别的操作 请自定义节点组件 以防默认组件过于庞大-->
-
-          <!-- 营销目标 -->
-          <template v-if="['audience_receive'].includes(nodeData.type)">
-            <audienceReceive ref="dataFormRef"
-                             v-model="dataForm.properties.data"
-                             :type="nodeData.type"
-                             :lf="lf" />
-          </template>
-          <template v-if="['event_receive'].includes(nodeData.type)">
-            <eventReceive ref="dataFormRef"
-                          v-model="dataForm.properties.data"
-                          :config="config" />
-          </template>
-          <template v-if="['sms'].includes(nodeData.type)">
-            <sms ref="dataFormRef"
-                 v-model="dataForm.properties.data"
-                 :config="config" />
-          </template>
-          <!-- 默认 -->
-          <template v-else>
-            <basicSettings ref="dataFormRef"
-                           v-model="dataForm.properties.data"
-                           :soltList="soltList"
-                           :config="config">
-              <template v-slot:[soltName]="{itemCur, formCur}"
-                        v-for="soltName in soltList">
-                <slot :name="soltName"
-                      :itemCur="itemCur"
-                      :formCur="formCur"></slot>
-              </template>
-
-            </basicSettings>
-          </template>
-
-        </el-collapse-item>
-        <el-collapse-item title="样式设置"
-                          name="styleSettings">
-          <!-- 基础设置 -->
-          <el-alert title="基础属性修改就会同步显示，不需要点击保存"
-                    type="success"
-                    style="margin-bottom: 10px;"></el-alert>
-          <styleSettings v-model="dataForm.properties.style"
-                         :lf="lf"
-                         :id="dataForm.id" />
-        </el-collapse-item>
-      </el-collapse>
-    </div>
-
-    <template #footer>
-      <el-button @click="close">取 消</el-button>
-      <el-button type="primary"
-                 @click="onSubmit">保存</el-button>
-    </template>
-  </el-drawer>
-
-</template>
-<script>
-import audienceReceive from './audienceReceive.vue'
-import eventReceive from './eventReceive.vue'
-import sms from './sms.vue'
-import basicSettings from './basicSettings.vue'
-import styleSettings from './styleSettings.vue'
-
-import nodeDatas from '../nodesData/index.js'
-
-export default {
-  name: 'drawerForm',
-  components: {
-    audienceReceive,
-    eventReceive,
-    sms,
-    basicSettings,
-    styleSettings
-  },
-  props: {
-    nodeData: { type: Object, default: () => { } },
-    nodesDataConfig: { type: Object, default: () => { } },
-    lf: {
-      type: Object,
-      default: () => { }
-    },
-    drawerShow: { type: Boolean, default: false },
-    soltList: { type: Array, default: () => { return [] } },
-  },
-  watch: {
-    drawerShow: {
-      handler(val) {
-        if (val) {
-          this.dataForm = { ...this.dataForm, ...this.nodeData }
-        }
-        this.isShow = val
-      },
-      immediate: true
-    }
-  },
-  data() {
-    return {
-      activeName: 'basicInfo',
-      ...nodeDatas,
-      dataForm: {
-        text: { value: '' },
-        properties: {
-          data: {},
-          style: {},
-        }
-      },
-      isShow: false
-    }
-  },
-  computed: {
-    config() {
-
-      /**
-       * 深度合并两个对象
-       * @param {Object} target 基础对象
-       * @param {Object} source 覆盖的对象
-       * @returns {Object} 合并后的对象
-       */
-      function deepMerge(target, source) {
-        // 如果 target 不是对象，则直接返回 source（注意：这里假设 source 一定有意义）
-        if (typeof target !== 'object' || target === null) {
-          return source;
-        }
-
-        // 遍历 source 的每个属性
-        for (const key in source) {
-          if (source.hasOwnProperty(key)) {
-            const sourceValue = source[key];
-            const targetValue = target[key];
-
-            // 特殊处理 formItems 数组
-            if (key === 'formItems' && Array.isArray(sourceValue)) {
-              target[key] = mergeFormItems(targetValue, sourceValue);
-            } else if (Array.isArray(sourceValue)) {
-              // 非 formItems 数组直接覆盖（也可根据需要扩展其他数组的合并规则）
-              target[key] = sourceValue.slice();
-            } else if (typeof sourceValue === 'object' && sourceValue !== null) {
-              // 如果 target 中对应属性不是对象，则先置为空对象
-              if (typeof targetValue !== 'object' || targetValue === null) {
-                target[key] = {};
-              }
-              // 递归合并对象
-              target[key] = deepMerge(target[key], sourceValue);
-            } else {
-              // 基本数据类型直接覆盖
-              target[key] = sourceValue;
-            }
-
-          }
-        }
-        return target;
-      }
-
-      /**
-       * 对 formItems 数组进行合并
-       * @param {Array} baseItems 基础 formItems 数组（可能为空）
-       * @param {Array} overrideItems 覆盖的 formItems 数组
-       * @returns {Array} 合并后的 formItems 数组
-       */
-      function mergeFormItems(baseItems, overrideItems) {
-        // 如果基础数据不存在或不是数组，则初始化为空数组
-        if (!Array.isArray(baseItems)) {
-          baseItems = [];
-        }
-
-        // 遍历覆盖数组中的每一项
-        overrideItems.forEach(overrideItem => {
-          let matched = false;
-          // 遍历基础数组中所有 name 相同的项
-          baseItems.forEach((baseItem, index) => {
-            if (baseItem.name === overrideItem.name) {
-              // 如果覆盖项设置了 hideHandle，则只有在 hideHandle 值相同的情况下才进行合并
-              if (overrideItem.hasOwnProperty('hideHandle')) {
-                if (baseItem.hideHandle === overrideItem.hideHandle) {
-                  baseItems[index] = deepMerge(baseItem, overrideItem);
-                  matched = true;
-                }
-              } else {
-                // 如果没有设置 hideHandle，则覆盖所有 name 相同的项
-                baseItems[index] = deepMerge(baseItem, overrideItem);
-                matched = true;
-              }
-            }
-          });
-          // 如果没有找到匹配项，则直接添加新的项（深拷贝以防引用问题）
-          if (!matched) {
-            baseItems.push(JSON.parse(JSON.stringify(overrideItem)));
-          }
-        });
-
-        return baseItems;
-      }
-
-
-      // 默认配置
-      let config = {
-        labelWidth: '70px',
-        labelPosition: 'top',
-        formItems: [
-          {
-            label: '节点名称',
-            name: 'name',
-            value: '',
-            component: 'input',
-            options: {
-              placeholder: '请输入节点名称'
-            },
-            span: 24
-          }
-        ]
-      };
-
-      // 注意：基础数据以 nodeDatas 为主，节点配置（nodesDataConfig）覆盖其中的对应字段
-      let nodeDatasMerge = deepMerge(
-        nodeDatas,
-        this.nodesDataConfig
-      );
-
-      // 取出对应节点的表单配置
-      let nodeConfig = nodeDatasMerge[this.nodeData.type]?.formConfig || {};
-
-      // 深拷贝，避免直接修改全局配置
-      nodeConfig = JSON.parse(JSON.stringify(nodeConfig));
-
-      if (nodeConfig?.labelWidth) {
-        config.labelWidth = nodeConfig.labelWidth;
-      }
-      if (nodeConfig?.labelPosition) {
-        config.labelPosition = nodeConfig.labelPosition;
-      }
-
-      // 处理需要接口的内容
-      if (!this.$store.state[`lwFlow_${this.nodeData.type}`]) {
-        this.$store.state[`lwFlow_${this.nodeData.type}`] = {};
-      }
-      nodeConfig?.formItems?.forEach(async item => {
-        if (item?.options?.items) {
-          if (item.api) {
-            let items = await item.api(this.$http);
-            item.options.items = items || [];
-          }
-          // 全局化选项内容 用于回显数据
-          if (item?.options?.name) {
-            this.$store.state[`lwFlow_${this.nodeData.type}`][`${item.name}.${item.options.name}`] =
-              item?.options?.items || '';
-          } else {
-            this.$store.state[`lwFlow_${this.nodeData.type}`][item.name] =
-              item?.options?.items || '';
-          }
-        }
-      });
-
-      if (nodeConfig?.formItems) {
-        config.formItems = nodeConfig.formItems;
-      }
-      return config;
-    }
-
-  },
-  methods: {
-    async onSubmit() {
-      await this.$refs.dataFormRef.$refs.dataFormRef.validate();
-      const { id } = this.dataForm
-      this.lf.setProperties(id, {
-        ...this.dataForm.properties
-      });
-
-      this.close()
-    },
-    close() {
-      this.isShow = false
-      this.$nextTick(() => {
-        this.$emit('onClose')
-      })
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-// .drawer-form {
-//   padding: 10px;
-// }
-:deep(.el-collapse-item__content) {
-  padding: 0 10px;
-}
-:deep(.el-collapse-item__header) {
-  padding-left: 10px;
-  font-weight: bold;
-}
-</style>

package/dist/components/lwFlow/nodeEdit/sms.vue

@@ -1,107 +0,0 @@
-<template>
-  <lw-form-mini ref="dataFormRef"
-                :config="config"
-                v-model="dataForm">
-    <template #capabilityIdSelect>
-      <el-select v-model="dataForm.capabilityId"
-                 filterable
-                 allow-create
-                 @change="showContent"
-                 placeholder="请选择">
-        <el-option v-for="item in communicates"
-                   :key="item.value"
-                   :label="item.label"
-                   :value="item.value" />
-      </el-select>
-    </template>
-    <template #content>
-      <span class="sms-content">
-        {{ content }}
-      </span>
-    </template>
-
-    <span></span>
-  </lw-form-mini>
-</template>
-
-<script>
-export default {
-  name: 'basicSettings',
-  data() {
-    return {
-      dataForm: {},
-      communicates: [],
-      content: ''
-    }
-  },
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    config: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  watch: {
-    modelValue: {
-      handler(val) {
-        if (val) {
-          this.dataForm = val
-        }
-
-      },
-      immediate: true,
-      deep: true
-    },
-    dataForm: {
-      handler(val, old) {
-        if (Object.keys(old).length > 0) {
-          this.$emit('update:modelValue', val)
-        }
-
-      },
-      deep: true
-    }
-  },
-
-  methods: {
-    async getCommunicate() {
-      const params = { fields: "name,budgetSetting", expression: "" };
-      params.expression = "type eq sms AND status eq ENABLED";
-      let list = await this.$http.get(`/api/ma-manage/{tenantId}/{buCode}/communicate/list`, params)
-
-      list = list.map((item) => ({
-        value: item.id,
-        label: item.name
-      }))
-      // 全局化选项内容 用于回显数据
-      this.$store.state[`lwFlow_sms`]['capabilityId'] = list
-      this.communicates = list
-    },
-    async showContent(capabilityId) {
-      if (capabilityId) {
-        const communicate = await this.$http.get(`/api/ma-manage/{tenantId}/{buCode}/communicate/${capabilityId}`);
-        this.content = communicate.setting.template;
-        this.dataForm.budgetSetting.budgetValue = communicate.budget;
-      }
-    }
-  },
-  mounted() {
-    this.getCommunicate()
-    if (this.dataForm.capabilityId) {
-      this.showContent(this.dataForm.capabilityId)
-    }
-  }
-}
-
-</script>
-
-<style lang="scss" scoped>
-.sms-content {
-  color: #b3b3b3;
-}
-</style>

package/dist/components/lwFlow/nodeEdit/styleSettings.vue

@@ -1,236 +0,0 @@
-<template>
-  <lw-form-mini ref="dataFormRef"
-                :config="config"
-                v-model="dataForm">
-    <template #fontStyle>
-      <el-button size="small"
-                 :type="dataForm.fontWeight  === 'bold'? 'primary' : ''"
-                 @click="changeFontWeight">B</el-button>
-      <el-button size="small"
-                 :type="dataForm.textDecoration  === 'underline'? 'primary' : ''"
-                 @click="changeTextDecoration">U</el-button>
-      <el-button size="small"
-                 :type="dataForm.fontStyle  === 'italic'? 'primary' : ''"
-                 @click="changeFontStyle">I</el-button>
-    </template>
-    <span></span>
-  </lw-form-mini>
-
-</template>
-
-<script>
-export default {
-  name: 'styleSettings',
-  data() {
-    return {
-      dataForm: {}
-    }
-  },
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    lf: {
-      type: Object,
-      default: () => { }
-    },
-    id: {
-      type: String,
-      default: ''
-    },
-  },
-  watch: {
-    modelValue: {
-      handler(val) {
-        this.dataForm = val
-      },
-      deep: true
-    },
-    dataForm: {
-      handler(val) {
-        if (this.id) {
-          // 自动同步样式调整
-          this.lf.setProperties(this.id, {
-            style: val
-          });
-        }
-
-        this.$emit('update:modelValue', val)
-      },
-      deep: true
-    }
-  },
-  computed: {
-    config() {
-      return {
-        labelWidth: '70px',
-        labelPosition: 'right',
-        size: 'default',
-        formItems: [
-          {
-            label: '背景色',
-            name: 'backgroundColor',
-            value: '',
-            component: 'color',
-            span: 12
-          },
-          {
-            label: '线条样式',
-            name: 'borderStyle',
-            value: '',
-            component: 'select',
-            options: {
-              placeholder: '请选择',
-              items: [
-                {
-                  label: '实线 ─────────────',
-                  value: 'solid'
-                },
-                {
-                  label: '虚线 ---------------------',
-                  value: 'dashed'
-                },
-                {
-                  label: '点线 ·······································',
-                  value: 'dotted'
-                }
-              ]
-            },
-            span: 24
-          },
-          {
-            label: '线条颜色',
-            name: 'borderColor',
-            value: '',
-            component: 'color',
-            span: 8
-          },
-          {
-            label: '线条宽度',
-            name: 'borderWidth',
-            value: 2,
-            component: 'number',
-            options: {
-              placeholder: '请选择',
-              min: 1
-            },
-            span: 16
-          },
-          {
-            label: '文字颜色',
-            name: 'fontColor',
-            value: '',
-            component: 'color',
-            span: 8
-          },
-          {
-            label: '文本大小',
-            name: 'fontSize',
-            value: '',
-            component: 'number',
-            options: {
-              placeholder: '请选择',
-              min: 12,
-              suffix: 'px'
-            },
-            span: 16
-          },
-          {
-            label: '字体',
-            name: 'fontFamily',
-            value: '',
-            component: 'select',
-            options: {
-              placeholder: '请选择',
-              items: [
-                {
-                  label: '微软雅黑',
-                  value: 'Microsoft YaHei'
-                },
-                {
-                  label: '宋体',
-                  value: 'SimSun'
-                },
-                {
-                  label: '黑体',
-                  value: 'SimHei'
-                },
-                {
-                  label: '楷体',
-                  value: 'KaiTi'
-                },
-                {
-                  label: '隶书',
-                  value: 'LiSu'
-                },
-                {
-                  label: '幼圆',
-                  value: 'YouYuan'
-                }
-              ]
-            },
-            span: 24
-          },
-          {
-            label: '行高',
-            name: 'lineHeight',
-            value: 1,
-            component: 'number',
-            options: {
-              placeholder: '请选择',
-              min: 1,
-              step: 0.1
-            },
-            span: 16
-          },
-          {
-            label: '对齐',
-            name: 'textAlign',
-            value: '',
-            component: 'select',
-            options: {
-              placeholder: '请选择',
-              items: [
-                {
-                  label: '左对齐',
-                  value: 'left'
-                },
-                {
-                  label: '居中',
-                  value: 'center'
-                },
-                {
-                  label: '右对齐',
-                  value: 'right'
-                }
-              ]
-            },
-            span: 24
-          },
-          {
-            label: '文本样式',
-            component: 'fontStyle',
-            span: 24
-          }
-
-        ]
-      }
-    }
-  },
-  methods: {
-    changeFontWeight() {
-      this.dataForm.fontWeight = this.dataForm.fontWeight === 'bold' ? 'normal' : 'bold'
-    },
-    changeTextDecoration() {
-      this.dataForm.textDecoration = this.dataForm.textDecoration === 'underline' ? 'none' : 'underline'
-    },
-    changeFontStyle() {
-      this.dataForm.fontStyle = this.dataForm.fontStyle === 'italic' ? 'normal' : 'italic'
-    },
-  }
-}
-
-</script>

package/dist/components/lwFlow/nodes/basisEnd.js

@@ -1,56 +0,0 @@
-export default function registerStart(lf) {
-	lf.register('end', ({ HtmlNode, HtmlNodeModel, h }) => {
-		class HtmlNodeView extends HtmlNode {
-			setHtml(rootEl) {
-				const { properties, text } = this.props.model
-
-				const el = document.createElement('div')
-				el.className = 'lw-flow-node-end'
-				// 设置样式
-				el.style.backgroundColor = properties?.style?.backgroundColor || ''
-				el.style.borderStyle = properties?.style?.borderStyle || 'solid'
-				el.style.borderColor = properties?.style?.borderColor || ''
-				el.style.borderWidth = `${properties?.style?.borderWidth || 2}px`
-				el.style.color = properties?.style?.fontColor || '' // 使用 color 替代 font-color
-				el.style.fontSize = `${properties?.style?.fontSize || 14}px` // 默认字体大小为 12px
-				el.style.fontFamily = properties?.style?.fontFamily || 'Microsoft YaHei' // 添加默认字体
-				el.style.lineHeight = properties?.style?.lineHeight || '1'
-				el.style.fontWeight = properties?.style?.fontWeight || ''
-				el.style.justifyContent = properties?.style?.textAlign || ''
-				el.style.textDecoration = properties?.style?.textDecoration || ''
-				el.style.fontStyle = properties?.style?.fontStyle || ''
-				const html = `<span>${properties?.data?.name || '结束'}</span>`
-				el.innerHTML = html
-				rootEl.innerHTML = ''
-				rootEl.appendChild(el)
-				window.stop = (ev) => {
-					ev.stopPropagation()
-				}
-				window.setData = () => {
-					const { graphModel, model } = this.props
-					graphModel.eventCenter.emit('custom:button-click', model)
-				}
-			}
-		}
-		class HtmlNodeModelAttributes extends HtmlNodeModel {
-			setAttributes() {
-				this.width = 100
-				this.height = 40
-				this.text.editable = false
-			}
-			getConnectedSourceRules() {
-				const rules = super.getConnectedSourceRules()
-				const notAsTarget = {
-					message: '终止节点不能作为连线的起点',
-					validate: () => false
-				}
-				rules.push(notAsTarget)
-				return rules
-			}
-		}
-		return {
-			view: HtmlNodeView,
-			model: HtmlNodeModelAttributes
-		}
-	})
-}