npmapps 1.1.4 → 1.1.6

package/app/wujie-wk/wujie-vue2-child/src/components/EventCalendar/utils.js

@@ -0,0 +1,202 @@
+/**
+ * EventCalendar 工具函数集
+ * ------------------------------------------------------------------
+ * 说明：本文件不依赖任何第三方库（含 dayjs / moment / lodash），
+ *      仅使用原生 Date，保证组件文件夹可以整体拷贝到任意项目使用。
+ */
+
+/** 数字补零：7 -> '07' */
+export function pad2(n) {
+  return n < 10 ? '0' + n : String(n)
+}
+
+/**
+ * 默认字段映射表
+ * ------------------------------------------------------------------
+ * 后端返回的字段名往往与组件内部约定不一致，
+ * 使用者可通过 `field-names` prop 覆盖其中任意一项（支持 'a.b.c' 点路径）。
+ */
+export const DEFAULT_FIELD_NAMES = {
+  // —— 月份层（data 数组的每一项）——
+  month: 'month', // 月份标识，形如 '2026-09'
+  monthLabel: 'monthLabel', // 下拉框显示文案；缺省时自动生成「2026年9月」
+  days: 'days', // 该月的日期数组
+
+  // —— 日期层（days 数组的每一项）——
+  date: 'date', // 日期标识，形如 '2026-09-07'
+  items: 'items', // 当天的条目数组
+
+  // —— 条目层（items 数组的每一项）——
+  itemKey: 'id', // 条目唯一键（用于 v-for :key）
+  itemLabel: 'label', // 条目主文案，如「电子科技大学」
+  itemAddress: 'address', // 条目地址；为空时不渲染地址行
+  itemBadge: 'badge', // 条目右上角角标文案，如「宣讲」「双选」
+  itemType: 'type', // 条目类型，用于匹配 typeColors 配色
+  itemDisabled: 'disabled' // 条目是否禁用（禁用后不响应点击）
+}
+
+/**
+ * 按路径取值，支持 'a.b.c' 形式
+ * @param {Object} obj 源对象
+ * @param {String} path 字段路径
+ */
+export function getByPath(obj, path) {
+  if (obj == null || !path) return undefined
+  if (path.indexOf('.') === -1) return obj[path]
+  return path.split('.').reduce((acc, key) => (acc == null ? acc : acc[key]), obj)
+}
+
+/** 是否为合法 Date 对象 */
+function isValidDate(d) {
+  return d instanceof Date && !isNaN(d.getTime())
+}
+
+/**
+ * 把多种输入统一解析成 Date
+ * 支持：Date / '2026-09-07' / '2026/9/7' / 时间戳
+ */
+export function toDate(value) {
+  if (isValidDate(value)) return value
+  if (value == null || value === '') return null
+
+  if (typeof value === 'number') {
+    const d = new Date(value)
+    return isValidDate(d) ? d : null
+  }
+
+  const str = String(value).trim()
+  // 手动解析，规避 Safari / iOS 对 '2026-09-07' 的时区差异（会被当成 UTC）
+  const m = str.match(/^(\d{4})[-/](\d{1,2})(?:[-/](\d{1,2}))?/)
+  if (m) {
+    const d = new Date(Number(m[1]), Number(m[2]) - 1, m[3] ? Number(m[3]) : 1)
+    return isValidDate(d) ? d : null
+  }
+
+  const fallback = new Date(str)
+  return isValidDate(fallback) ? fallback : null
+}
+
+/** Date -> 'YYYY-MM-DD' */
+export function formatDateKey(date) {
+  const d = toDate(date)
+  if (!d) return ''
+  return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`
+}
+
+/** Date -> 'YYYY-MM' */
+export function formatMonthKey(date) {
+  const d = toDate(date)
+  if (!d) return ''
+  return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}`
+}
+
+/**
+ * 解析月份标识
+ * @param {String|Date} monthKey '2026-09' / '2026/9' / Date
+ * @returns {{ year: Number, month: Number }} month 为 1~12
+ */
+export function parseMonthKey(monthKey) {
+  const d = toDate(monthKey)
+  if (!d) {
+    const now = new Date()
+    return { year: now.getFullYear(), month: now.getMonth() + 1 }
+  }
+  return { year: d.getFullYear(), month: d.getMonth() + 1 }
+}
+
+/** 两个 Date 是否为同一天 */
+export function isSameDay(a, b) {
+  const d1 = toDate(a)
+  const d2 = toDate(b)
+  if (!d1 || !d2) return false
+  return (
+    d1.getFullYear() === d2.getFullYear() &&
+    d1.getMonth() === d2.getMonth() &&
+    d1.getDate() === d2.getDate()
+  )
+}
+
+/**
+ * 月份偏移，自动跨年
+ * @param {String} monthKey '2026-01'
+ * @param {Number} offset  -1 上个月 / 1 下个月
+ * @returns {String} '2025-12'
+ */
+export function shiftMonth(monthKey, offset) {
+  const { year, month } = parseMonthKey(monthKey)
+  // new Date 的月份允许越界（-1 / 12），会自动进位到上一年 / 下一年
+  return formatMonthKey(new Date(year, month - 1 + offset, 1))
+}
+
+/**
+ * 构建一个月的日历格子矩阵（核心逻辑）
+ * ------------------------------------------------------------------
+ * 需求要点：
+ *  1. 每个月天数不固定（28/29/30/31），且 1 号是星期几也不固定；
+ *  2. 需要用「上个月末尾几天」补齐第一行，用「下个月开头几天」补齐最后一行；
+ *  3. 跨年（1 月往前补 12 月、12 月往后补次年 1 月）必须正确。
+ *
+ * 实现方式：先算出本月 1 号相对「一周起始日」的偏移量 leading，
+ * 然后以 `new Date(year, month - 1, 1 - leading + i)` 递推生成所有格子。
+ * 原生 Date 对天数越界（负数或超出当月天数）会自动进位/借位，
+ * 因此跨月、跨年都会被自动处理，无需特判 1 月 / 12 月。
+ *
+ * @param {String} monthKey        '2026-02'
+ * @param {Number} firstDayOfWeek  一周起始日，0=周日（设计图）1=周一
+ * @param {Date}   today           今天（便于测试时注入）
+ * @returns {Array} 42 或 35 个格子（始终是 7 的整数倍）
+ */
+export function buildMonthMatrix(monthKey, firstDayOfWeek = 0, today = new Date()) {
+  const { year, month } = parseMonthKey(monthKey)
+
+  const firstDayOfMonth = new Date(year, month - 1, 1)
+  // new Date(y, m, 0) 表示「第 m 月的第 0 天」即上个月最后一天，用来取当月总天数
+  const daysInMonth = new Date(year, month, 0).getDate()
+
+  // 本月 1 号是星期几（0=周日），再换算成相对一周起始日的偏移
+  const leading = (firstDayOfMonth.getDay() - firstDayOfWeek + 7) % 7
+  // 向上取整到 7 的倍数，保证最后一行也被补满
+  const totalCells = Math.ceil((leading + daysInMonth) / 7) * 7
+
+  const cells = []
+  for (let i = 0; i < totalCells; i++) {
+    const date = new Date(year, month - 1, 1 - leading + i)
+    const cellMonth = date.getMonth() + 1
+    const isCurrentMonth = date.getFullYear() === year && cellMonth === month
+
+    cells.push({
+      date,
+      dateKey: formatDateKey(date),
+      monthKey: formatMonthKey(date),
+      year: date.getFullYear(),
+      month: cellMonth,
+      day: date.getDate(),
+      weekday: date.getDay(),
+      /** 是否属于当前渲染的月份（false 时置灰） */
+      isCurrentMonth,
+      /** 'prev' 上月补位 | 'current' 当月 | 'next' 下月补位 */
+      position: isCurrentMonth ? 'current' : i < leading ? 'prev' : 'next',
+      isToday: isSameDay(date, today),
+      isWeekend: date.getDay() === 0 || date.getDay() === 6,
+      /** 所在行索引，从 0 开始 */
+      rowIndex: Math.floor(i / 7),
+      colIndex: i % 7
+    })
+  }
+
+  return cells
+}
+
+/** 默认星期文案，下标即 Date.getDay() 的返回值 */
+export const DEFAULT_WEEK_LABELS = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+
+/** 默认日期文案格式化：{ month: 9, day: 7 } -> '9月7日' */
+export function defaultDayFormatter(cell) {
+  return `${cell.month}月${cell.day}日`
+}
+
+/** 默认月份下拉文案：'2026-09' -> '2026年9月' */
+export function defaultMonthFormatter(monthKey) {
+  const { year, month } = parseMonthKey(monthKey)
+  return `${year}年${month}月`
+}

package/app/wujie-wk/wujie-vue2-child/src/components/FormulaEditor/FunctionSelector.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="selector-container">
+    <div class="header">函数</div>
+    <div class="tree-wrapper">
+      <el-tree
+        :data="treeData"
+        :props="defaultProps"
+        @node-click="handleNodeClick"
+        default-expand-all
+        highlight-current
+      >
+        <span
+          class="custom-tree-node"
+          slot-scope="{ node, data }"
+          :draggable="!onlyLeafClickable || node.isLeaf"
+          @dragstart="handleDragStart(node, data, $event)"
+        >
+          {{ node.label }}
+        </span>
+      </el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getFunctions } from "./api";
+
+export default {
+  name: "FunctionSelector",
+  props: {
+    onlyLeafClickable: {
+      type: Boolean,
+      default: true,
+    },
+    prefix: {
+      type: String,
+      default: "F_",
+    },
+  },
+  data() {
+    return {
+      treeData: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+    };
+  },
+  mounted() {
+    this.fetchData();
+  },
+  methods: {
+    async fetchData() {
+      this.treeData = await getFunctions();
+    },
+    handleNodeClick(data, node) {
+      if (this.onlyLeafClickable && !node.isLeaf) {
+        return;
+      }
+      this.$emit("select", { ...data, value: `${this.prefix}${data.name}()` });
+    },
+    handleDragStart(node, data, e) {
+      if (this.onlyLeafClickable && !node.isLeaf) {
+        e.preventDefault();
+        return;
+      }
+      const value = `${this.prefix}${data.name}()`;
+      e.dataTransfer.setData("text/plain", value);
+      e.dataTransfer.effectAllowed = "copy";
+      
+      // 设置自定义拖拽镜像
+      const div = document.createElement('div');
+      div.innerText = value;
+      div.style.position = 'absolute';
+      div.style.top = '-9999px';
+      div.style.padding = '5px 10px';
+      div.style.background = '#fff';
+      div.style.border = '1px solid #409eff';
+      div.style.borderRadius = '4px';
+      div.style.fontSize = '14px';
+      div.style.color = '#303133';
+      div.style.boxShadow = '0 2px 12px 0 rgba(0,0,0,0.1)';
+      div.style.zIndex = '9999';
+      document.body.appendChild(div);
+      
+      e.dataTransfer.setDragImage(div, 0, 0);
+      
+      setTimeout(() => {
+        document.body.removeChild(div);
+      }, 0);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+.selector-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  padding: 10px;
+  background-color: #f5f7fa;
+  border-bottom: 1px solid #ebeef5;
+  font-weight: bold;
+  text-align: center;
+}
+
+.tree-wrapper {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px;
+}
+</style>

package/app/wujie-wk/wujie-vue2-child/src/components/FormulaEditor/OperatorSelector.vue

@@ -0,0 +1,184 @@
+<template>
+  <div class="selector-container">
+    <div class="header">操作符</div>
+    <div class="tree-wrapper">
+      <el-tree
+        :data="operatorData"
+        :props="defaultProps"
+        @node-click="handleNodeClick"
+        default-expand-all
+        :expand-on-click-node="false"
+      >
+        <span
+          class="custom-tree-node"
+          slot-scope="{ node, data }"
+          :draggable="!onlyLeafClickable || !data.children"
+          @dragstart="handleDragStart(node, data, $event)"
+        >
+          <span>{{ node.label }}</span>
+          <span v-if="!data.children && data.value" class="node-value">{{ data.value }}</span>
+        </span>
+      </el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "OperatorSelector",
+  props: {
+    onlyLeafClickable: {
+      type: Boolean,
+      default: true,
+    },
+    prefix: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      operatorData: [
+        {
+          label: "关键字",
+          children: [
+            { label: "如果", value: "if" },
+            { label: "否则", value: "else" },
+          ],
+        },
+        {
+          label: "计算运算符",
+          children: [
+            { label: "加", value: "+" },
+            { label: "减", value: "-" },
+            { label: "乘", value: "*" },
+            { label: "除", value: "/" },
+            { label: "取余", value: "%" },
+            { label: "左括号", value: "(" },
+            { label: "右括号", value: ")" },
+          ],
+        },
+        {
+          label: "比较运算符",
+          children: [
+            { label: "大于", value: ">" },
+            { label: "小于", value: "<" },
+            { label: "等于", value: "==" },
+            { label: "不等于", value: "!=" },
+            { label: "大于等于", value: ">=" },
+            { label: "小于等于", value: "<=" },
+          ],
+        },
+        {
+          label: "逻辑运算符",
+          children: [
+            { label: "并且", value: "&&" },
+            { label: "或者", value: "||" },
+            { label: "非", value: "!" },
+          ],
+        },
+      ],
+    };
+  },
+  methods: {
+    handleNodeClick(data) {
+      // 如果配置了只允许点击叶子节点，且当前节点有子节点，则不处理
+      if (this.onlyLeafClickable && data.children) {
+        return;
+      }
+      
+      // 处理特殊关键字
+      if (data.value === 'if') {
+        this.$emit("select", { label: data.label, value: `${this.prefix}如果(){\n  \n}` });
+      } else if (data.value === 'else') {
+        this.$emit("select", { label: data.label, value: `${this.prefix}否则{\n  \n}` });
+      } else {
+        this.$emit("select", { ...data, value: `${this.prefix}${data.value}` });
+      }
+    },
+    handleDragStart(node, data, e) {
+      if (this.onlyLeafClickable && data.children) {
+        e.preventDefault();
+        return;
+      }
+      
+      let value = '';
+      if (data.value === 'if') {
+        value = `${this.prefix}如果(){\n  \n}`;
+      } else if (data.value === 'else') {
+        value = `${this.prefix}否则{\n  \n}`;
+      } else {
+        value = `${this.prefix}${data.value}`;
+      }
+      
+      e.dataTransfer.setData("text/plain", value);
+      e.dataTransfer.effectAllowed = "copy";
+
+      // 设置自定义拖拽镜像
+      const div = document.createElement('div');
+      div.innerText = value;
+      div.style.position = 'absolute';
+      div.style.top = '-9999px';
+      div.style.padding = '5px 10px';
+      div.style.background = '#fff';
+      div.style.border = '1px solid #409eff';
+      div.style.borderRadius = '4px';
+      div.style.fontSize = '14px';
+      div.style.color = '#303133';
+      div.style.boxShadow = '0 2px 12px 0 rgba(0,0,0,0.1)';
+      div.style.zIndex = '9999';
+      // 保持换行
+      div.style.whiteSpace = 'pre';
+      document.body.appendChild(div);
+      
+      e.dataTransfer.setDragImage(div, 0, 0);
+      
+      setTimeout(() => {
+        document.body.removeChild(div);
+      }, 0);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.selector-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  padding: 10px;
+  background-color: #f5f7fa;
+  border-bottom: 1px solid #ebeef5;
+  font-weight: bold;
+  text-align: center;
+}
+
+.tree-wrapper {
+  flex: 1;
+  overflow-y: auto;
+  padding: 5px;
+}
+
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+
+.node-value {
+  color: #909399;
+  font-size: 12px;
+  font-family: monospace;
+}
+</style>

package/app/wujie-wk/wujie-vue2-child/src/components/FormulaEditor/ParameterSelector.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="selector-container">
+    <div class="header">参数</div>
+    <div class="tree-wrapper">
+      <el-tree
+        :data="treeData"
+        :props="defaultProps"
+        @node-click="handleNodeClick"
+        default-expand-all
+        highlight-current
+      >
+        <span
+          class="custom-tree-node"
+          slot-scope="{ node, data }"
+          :draggable="!onlyLeafClickable || node.isLeaf"
+          @dragstart="handleDragStart(node, data, $event)"
+        >
+          {{ node.label }}
+        </span>
+      </el-tree>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getParameters } from "./api";
+
+export default {
+  name: "ParameterSelector",
+  props: {
+    onlyLeafClickable: {
+      type: Boolean,
+      default: true,
+    },
+    prefix: {
+      type: String,
+      default: "P_",
+    },
+  },
+  data() {
+    return {
+      treeData: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+    };
+  },
+  mounted() {
+    this.fetchData();
+  },
+  methods: {
+    async fetchData() {
+      this.treeData = await getParameters();
+    },
+    handleNodeClick(data, node) {
+      if (this.onlyLeafClickable && !node.isLeaf) {
+        return;
+      }
+      this.$emit("select", { ...data, value: `${this.prefix}${data.name}` });
+    },
+    handleDragStart(node, data, e) {
+      if (this.onlyLeafClickable && !node.isLeaf) {
+        e.preventDefault();
+        return;
+      }
+      const value = `${this.prefix}${data.name}`;
+      e.dataTransfer.setData("text/plain", value);
+      e.dataTransfer.effectAllowed = "copy";
+
+      // 设置自定义拖拽镜像
+      const div = document.createElement('div');
+      div.innerText = value;
+      div.style.position = 'absolute';
+      div.style.top = '-9999px';
+      div.style.padding = '5px 10px';
+      div.style.background = '#fff';
+      div.style.border = '1px solid #409eff';
+      div.style.borderRadius = '4px';
+      div.style.fontSize = '14px';
+      div.style.color = '#303133';
+      div.style.boxShadow = '0 2px 12px 0 rgba(0,0,0,0.1)';
+      div.style.zIndex = '9999';
+      document.body.appendChild(div);
+      
+      e.dataTransfer.setDragImage(div, 0, 0);
+      
+      setTimeout(() => {
+        document.body.removeChild(div);
+      }, 0);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+.selector-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  padding: 10px;
+  background-color: #f5f7fa;
+  border-bottom: 1px solid #ebeef5;
+  font-weight: bold;
+  text-align: center;
+}
+
+.tree-wrapper {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px;
+}
+</style>

package/app/wujie-wk/wujie-vue2-child/src/components/FormulaEditor/api.js

@@ -0,0 +1,69 @@
+export const getFunctions = () => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve([
+        {
+          id: 1,
+          label: '数学函数',
+          children: [
+            { id: 11, label: '求和', name: '求和' },
+            { id: 12, label: '平均值', name: '平均值' },
+            { id: 13, label: '最大值', name: '最大值' },
+            { id: 14, label: '最小值', name: '最小值' }
+          ]
+        },
+        {
+          id: 2,
+          label: '逻辑函数',
+          children: [
+            { id: 21, label: '条件判断', name: '条件判断' },
+            { id: 22, label: '与', name: '与' },
+            { id: 23, label: '或', name: '或' }
+          ]
+        },
+        {
+            id: 3,
+            label: '文本函数',
+            children: [
+                { id: 31, label: '拼接', name: '拼接' },
+                { id: 32, label: '截取', name: '截取' }
+            ]
+        }
+      ]);
+    }, 500);
+  });
+};
+
+export const getParameters = () => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve([
+        {
+          id: 100,
+          label: '基础信息',
+          children: [
+            { id: 101, label: '员工姓名', name: '员工姓名' },
+            { id: 102, label: '入职日期', name: '入职日期' },
+            { id: 103, label: '部门', name: '部门' }
+          ]
+        },
+        {
+          id: 200,
+          label: '薪资数据',
+          children: [
+            {
+              id: 210,
+              label: '基本工资',
+              children: [
+                  { id: 211, label: '岗位工资', name: '岗位工资' },
+                  { id: 212, label: '绩效基数', name: '绩效基数' }
+              ]
+            },
+            { id: 220, label: '奖金', name: '奖金' },
+            { id: 230, label: '补贴', name: '补贴' }
+          ]
+        }
+      ]);
+    }, 500);
+  });
+};