@gingkoo/pandora-metabase 1.0.104 → 1.0.106

package/lib/cjs/hooks/use-state.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SummarizeAlias = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
@@ -192,14 +193,18 @@ var useStore = function useStore() {
     _useState66 = (0, _slicedToArray2["default"])(_useState65, 2),
     isMetabaseCopy = _useState66[0],
     setIsMetabaseCopy = _useState66[1]; // 是否开启勾选组复制
-  var _useState67 = (0, _react.useState)([]),
+  var _useState67 = (0, _react.useState)(false),
     _useState68 = (0, _slicedToArray2["default"])(_useState67, 2),
-    existsError = _useState68[0],
-    setExistsError = _useState68[1]; // exists 的错误字段
-  var _useState69 = (0, _react.useState)(_storage["default"]._metabaseCopyModule || []),
+    joinAliasConflictCheck = _useState68[0],
+    setJoinAliasConflictCheck = _useState68[1]; // 是否开启关联别名冲突检测
+  var _useState69 = (0, _react.useState)([]),
     _useState70 = (0, _slicedToArray2["default"])(_useState69, 2),
-    metabaseCopyModule = _useState70[0],
-    setMetabaseCopyModule = _useState70[1]; // 复制的内容
+    existsError = _useState70[0],
+    setExistsError = _useState70[1]; // exists 的错误字段
+  var _useState71 = (0, _react.useState)(_storage["default"]._metabaseCopyModule || []),
+    _useState72 = (0, _slicedToArray2["default"])(_useState71, 2),
+    metabaseCopyModule = _useState72[0],
+    setMetabaseCopyModule = _useState72[1]; // 复制的内容
   var setFormulaTemplates = function setFormulaTemplates(data) {
     var newData = data === null || data === void 0 ? void 0 : data.map(function (v) {
       var children = v.children.map(function (vv) {
@@ -611,10 +616,102 @@ var useStore = function useStore() {
       _setMeta(defaultMeta);
     }
   };
-  var getNewMeta = function getNewMeta(_type, index, groupIndex, obj) {
+  // 重新生成 UUID 的辅助函数
+  // 只修改 table2 中的 alias、tableUuid，expressions 中相等的 tableUuid 和 tableAlias 同步修改
+  var _regenerateUuid = function regenerateUuid(obj) {
+    var uuidMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var aliasMap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var tableAliasMap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    var existingAliases = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+    var originalTable2Uuid = arguments.length > 5 ? arguments[5] : undefined;
+    var
+    // 原始 table2 的 tableUuid，用于同步 expressions
+    newTable2Uuid = arguments.length > 6 ? arguments[6] : undefined;
+    var
+    // 新的 table2 的 tableUuid
+    originalTable2Alias = arguments.length > 7 ? arguments[7] : undefined;
+    if (!obj) return obj;
+    if (Array.isArray(obj)) {
+      return obj.map(function (item) {
+        return _regenerateUuid(item, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      });
+    }
+    if ((0, _typeof2["default"])(obj) === 'object') {
+      var newObj = (0, _objectSpread2["default"])({}, obj);
+      // 处理 joinData 类型：只修改 table2 的 alias 和 tableUuid
+      if (newObj.type === 'joinData') {
+        if (newObj.table2) {
+          var table2 = (0, _objectSpread2["default"])({}, newObj.table2);
+          var originalAlias = table2.alias;
+          // 修改 table2.alias
+          if (table2.alias) {
+            if (!aliasMap[table2.alias]) {
+              table2.alias = (0, _helper.getAlias)(table2.alias, [], [], [].concat((0, _toConsumableArray2["default"])(Object.values(aliasMap)), (0, _toConsumableArray2["default"])(existingAliases)));
+              aliasMap[originalAlias] = table2.alias; // 用原始 alias 作为 key
+            } else {
+              table2.alias = aliasMap[table2.alias];
+            }
+          }
+          // 修改 table2.tableUuid
+          if (table2.tableUuid && !uuidMap[table2.tableUuid]) {
+            var originalUuid = table2.tableUuid;
+            var newUuid = (0, _helper.uuidv4)('table');
+            uuidMap[originalUuid] = newUuid;
+            table2.tableUuid = newUuid;
+            // 记录原始和新 tableUuid，用于 expressions 同步
+            originalTable2Uuid = originalUuid;
+            newTable2Uuid = newUuid;
+          } else if (uuidMap[table2.tableUuid]) {
+            table2.tableUuid = uuidMap[table2.tableUuid];
+            newTable2Uuid = table2.tableUuid;
+          }
+          // 记录原始 alias，用于 expressions 同步 tableAlias
+          if (originalAlias) {
+            originalTable2Alias = originalAlias;
+          }
+          newObj.table2 = table2;
+        }
+      }
+      // 处理 expressions 中 tableUuid 相等的情况
+      if (originalTable2Uuid && newTable2Uuid && newObj.tableUuid === originalTable2Uuid) {
+        newObj.tableUuid = newTable2Uuid;
+        // 如果 originalTable2Alias 存在，tableAlias 要跟修改后的 table2.alias 保持一致
+        if (originalTable2Alias && aliasMap[originalTable2Alias]) {
+          newObj.tableAlias = aliasMap[originalTable2Alias];
+        }
+      }
+      // 递归处理嵌套对象
+      if (newObj.filter) newObj.filter = _regenerateUuid(newObj.filter, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.lhs) newObj.lhs = _regenerateUuid(newObj.lhs, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.rhs) newObj.rhs = _regenerateUuid(newObj.rhs, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.expressions) newObj.expressions = _regenerateUuid(newObj.expressions, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.customColumn) newObj.customColumn = _regenerateUuid(newObj.customColumn, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.group) newObj.group = _regenerateUuid(newObj.group, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.by) newObj.by = _regenerateUuid(newObj.by, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.columns) newObj.columns = _regenerateUuid(newObj.columns, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.subquery) newObj.subquery = _regenerateUuid(newObj.subquery, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.list) newObj.list = _regenerateUuid(newObj.list, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.table) newObj.table = _regenerateUuid(newObj.table, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      if (newObj.args) newObj.args = _regenerateUuid(newObj.args, uuidMap, aliasMap, tableAliasMap, existingAliases, originalTable2Uuid, newTable2Uuid, originalTable2Alias);
+      return newObj;
+    }
+    return obj;
+  };
+  var getNewMeta = function getNewMeta(_type, index, groupIndex, obj, uuidMap, aliasMap, tableAliasMap, existingAliases) {
     var type = _type || obj.type;
     var item = false;
     var newMeta = metaList[groupIndex].list.slice();
+    // 如果没有传入 existingAliases，从 metaList 中提取
+    if (!existingAliases && newMeta) {
+      existingAliases = newMeta === null || newMeta === void 0 ? void 0 : newMeta.map(function (v) {
+        var _v$table3, _v$table4;
+        if (v.type === _enum.TypeEnum.data) return (_v$table3 = v.table) === null || _v$table3 === void 0 ? void 0 : _v$table3.alias;
+        if (v.type === _enum.TypeEnum.joinData) return (_v$table4 = v.table2) === null || _v$table4 === void 0 ? void 0 : _v$table4.alias;
+        return undefined;
+      }).filter(function (alias) {
+        return Boolean(alias);
+      });
+    }
     var mainTable = newMeta[0];
     metaKey += 1;
     if (type === _enum.TypeEnum.joinData) {
@@ -724,28 +821,105 @@ var useStore = function useStore() {
       return false;
     }
     if (obj) {
-      item = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, obj), {}, {
-        metaKey: metaKey
-      });
+      // 只对 joinData 类型调用 regenerateUuid
+      if (obj.type === _enum.TypeEnum.joinData) {
+        item = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _regenerateUuid(obj, uuidMap || {}, aliasMap || {}, tableAliasMap || {}, existingAliases || [])), {}, {
+          metaKey: metaKey
+        });
+      } else {
+        item = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, obj), {}, {
+          metaKey: metaKey
+        });
+      }
     }
     return item;
   };
-  var addMeta = function addMeta(type, index, groupIndex, obj) {
+  // 检查粘贴位置上下级的 table1 是否与被粘贴项的 table1 有相同的 alias
+  var checkTable1Conflict = function checkTable1Conflict(objList, index, groupIndex) {
+    var _metaList$groupIndex, _objList$;
+    if (!objList || objList.length === 0) return {
+      hasConflict: false
+    };
+    var groupList = ((_metaList$groupIndex = metaList[groupIndex]) === null || _metaList$groupIndex === void 0 ? void 0 : _metaList$groupIndex.list) || [];
+    // 获取被粘贴项的 table1 alias
+    var pastedTable1Alias = (_objList$ = objList[0]) === null || _objList$ === void 0 || (_objList$ = _objList$.table1) === null || _objList$ === void 0 ? void 0 : _objList$.alias;
+    if (!pastedTable1Alias) return {
+      hasConflict: false
+    };
+    // 检查上下级的 table1 和 table2 alias
+    var checkItem = function checkItem(item) {
+      if (!item) return undefined;
+      if (item.type === _enum.TypeEnum.joinData) {
+        var _item$table, _item$table2;
+        if (((_item$table = item.table1) === null || _item$table === void 0 ? void 0 : _item$table.alias) === pastedTable1Alias) return item.table1.alias;
+        if (((_item$table2 = item.table2) === null || _item$table2 === void 0 ? void 0 : _item$table2.alias) === pastedTable1Alias) return item.table2.alias;
+      }
+      if (item.type === _enum.TypeEnum.data) {
+        var _item$table3;
+        if (((_item$table3 = item.table) === null || _item$table3 === void 0 ? void 0 : _item$table3.alias) === pastedTable1Alias) return item.table.alias;
+      }
+      return undefined;
+    };
+    // 检查上邻（index - 1 位置）
+    var prevItem = groupList[index - 1];
+    var prevConflict = checkItem(prevItem);
+    if (prevConflict) {
+      return {
+        hasConflict: true,
+        conflictingAlias: pastedTable1Alias
+      };
+    }
+    // 检查下邻（index 位置，即被插入位置的原元素）
+    var nextItem = groupList[index];
+    var nextConflict = checkItem(nextItem);
+    if (nextConflict) {
+      return {
+        hasConflict: true,
+        conflictingAlias: pastedTable1Alias
+      };
+    }
+    return {
+      hasConflict: false
+    };
+  };
+  var addMeta = function addMeta(type, index, groupIndex, obj, onConflict) {
+    // 检查 table1 冲突（仅在启用配置时检测）
+    if (joinAliasConflictCheck && obj && obj.length > 0) {
+      var conflict = checkTable1Conflict(obj, index, groupIndex);
+      if (conflict.hasConflict && conflict.conflictingAlias && onConflict) {
+        onConflict(conflict.conflictingAlias);
+        return false;
+      }
+    }
     var newMeta = metaList[groupIndex].list.slice();
     var items = [];
+    // 创建共享的映射对象，确保循环调用时保持一致
+    var sharedUuidMap = {};
+    var sharedAliasMap = {};
+    var sharedTableAliasMap = {};
+    // 提取当前组中已存在的 alias
+    var existingAliases = newMeta === null || newMeta === void 0 ? void 0 : newMeta.map(function (v) {
+      var _v$table5, _v$table6;
+      if (v.type === _enum.TypeEnum.data) return (_v$table5 = v.table) === null || _v$table5 === void 0 ? void 0 : _v$table5.alias;
+      if (v.type === _enum.TypeEnum.joinData) return (_v$table6 = v.table2) === null || _v$table6 === void 0 ? void 0 : _v$table6.alias;
+      return undefined;
+    }).filter(function (alias) {
+      return Boolean(alias);
+    });
     if (obj) {
       items = obj.map(function (v) {
-        return getNewMeta(type, index, groupIndex, v);
+        return getNewMeta(type, index, groupIndex, v, sharedUuidMap, sharedAliasMap, sharedTableAliasMap, existingAliases);
       });
     } else {
-      items = [getNewMeta(type, index, groupIndex, obj)];
+      items = [getNewMeta(type, index, groupIndex, obj, sharedUuidMap, sharedAliasMap, sharedTableAliasMap, existingAliases)];
     }
     if (items[0] === false) {
-      return;
+      return false;
     }
     // @ts-ignore
     newMeta.splice.apply(newMeta, [index, 0].concat((0, _toConsumableArray2["default"])(items)));
     setMeta(newMeta, groupIndex);
+    return true;
   };
   var delMeta = function delMeta(meta, groupIndex) {
     if (meta.type === 'group') {
@@ -914,7 +1088,9 @@ var useStore = function useStore() {
     operatorList: operatorList,
     setOperatorList: setOperatorList,
     setExistsErrorFn: setExistsErrorFn,
-    existsError: existsError
+    existsError: existsError,
+    joinAliasConflictCheck: joinAliasConflictCheck,
+    setJoinAliasConflictCheck: setJoinAliasConflictCheck
   };
 };
 var _default = exports["default"] = useStore;

package/lib/cjs/index.js

@@ -81,6 +81,8 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     moduleDiff = _props$moduleDiff === void 0 ? false : _props$moduleDiff,
     _props$moduleCopy = props.moduleCopy,
     moduleCopy = _props$moduleCopy === void 0 ? false : _props$moduleCopy,
+    _props$joinAliasConfl = props.joinAliasConflictCheck,
+    joinAliasConflictCheck = _props$joinAliasConfl === void 0 ? false : _props$joinAliasConfl,
     _props$operatorList = props.operatorList,
     operatorList = _props$operatorList === void 0 ? EMPTY_ARRAY : _props$operatorList;
   var store = (0, _useState["default"])();
@@ -125,8 +127,9 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setModuleDiff(moduleDiff);
     store.setIsSubquery(isSubquery);
     store.setModuleCopy(moduleCopy);
+    store.setJoinAliasConflictCheck(joinAliasConflictCheck);
     store.setOperatorList(operatorList || []);
-  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, isSubquery, moduleCopy, operatorList]);
+  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, isSubquery, moduleCopy, joinAliasConflictCheck, operatorList]);
   _react["default"].useImperativeHandle(ref, function () {
     return {
       // setDatasource: (list) => {

package/lib/cjs/store/types.d.ts

@@ -107,10 +107,12 @@ export interface AtomsField {
 export interface AtomsInputString {
     val: string;
     type: AtomsTypeEnum.INPUT_STRING;
+    format?: string;
 }
 export interface AtomsInputStringList {
     val: string[];
     type: AtomsTypeEnum.INPUT_STRING_LIST;
+    format?: string;
 }
 export interface AtomsInputNumberList {
     val: number[];

package/lib/cjs/types.d.ts

@@ -52,6 +52,7 @@ export interface MetabaseProps {
     metabaseCopy?: boolean;
     moduleDiff?: boolean;
     moduleCopy?: boolean;
+    joinAliasConflictCheck?: boolean;
     getModuleDiffCode?: (obj: {
         oldCode: MetaListType;
         newCode: MetaListType;

package/lib/cjs/utils/helper.d.ts

@@ -16,5 +16,5 @@ export declare const replaceTpl: (inputString: string, values: {
     [key: string]: any;
 }) => string;
 export declare const uuidv4: (prefix?: string) => string;
-export declare const getAlias: (name: string | undefined, list: MetaListType[], columns?: any[]) => string;
+export declare const getAlias: (name?: string, list?: MetaListType[], columns?: any[], extraAliases?: string[]) => string;
 export declare const mergeNameAlias: (name: string, alias: string, isEnable: boolean) => string;

package/lib/cjs/utils/helper.js

@@ -140,15 +140,32 @@ var uuidv4 = exports.uuidv4 = function uuidv4() {
 };
 var getAlias = exports.getAlias = function getAlias() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var list = arguments.length > 1 ? arguments[1] : undefined;
+  var list = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var extraAliases = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
   // 提取所有有效的 alias
-  if (!list || list.length < 1) return name;
-  // const baseOld = oldName?.split('_')[0] ?? '';
-  // const baseNew = name?.split('_')[0] ?? '';
-  // if (oldName && baseOld === baseNew) {
-  //   return oldName;
-  // }
+  if (!list || list.length < 1) {
+    // 如果没有 list，只有 extraAliases，需要检查 extraAliases 中是否有冲突
+    if (extraAliases.length === 0) return name;
+    var _regex = new RegExp("^".concat(name, "_(\\d+)$"));
+    var _indexes = extraAliases.map(function (alias) {
+      var match = alias.match(_regex);
+      return match ? parseInt(match[1], 10) : 0;
+    }).filter(function (num) {
+      return num > 0;
+    });
+    var _hasPureName = extraAliases.includes(name);
+    if (_hasPureName) {
+      _indexes.push(1);
+    }
+    if (_indexes.length === 0) {
+      return name;
+    }
+    var _uniqueIndexes = (0, _toConsumableArray2["default"])(new Set(_indexes)).sort(function (a, b) {
+      return a - b;
+    });
+    return "".concat(name, "_").concat(Math.max.apply(Math, (0, _toConsumableArray2["default"])(_uniqueIndexes)) + 1);
+  }
   var aliass = list === null || list === void 0 ? void 0 : list.map(function (v) {
     if (v.type === _enum.TypeEnum.data) {
       var _v$table;
@@ -161,7 +178,7 @@ var getAlias = exports.getAlias = function getAlias() {
     return undefined;
   }).concat(columns.map(function (v) {
     return v.alias;
-  })).filter(function (alias) {
+  })).concat(extraAliases).filter(function (alias) {
     return Boolean(alias);
   });
   // 收集所有 name_x 中的数字

package/lib/es/components/dialog/expression/date-format-picker.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface DateRangeFormatPickerProps {
+    value?: string[];
+    format?: string;
+    onChange?: (val: string[], format?: string) => void;
+}
+export declare const DateRangeFormatPicker: React.FC<DateRangeFormatPickerProps>;
+interface DateFormatPickerProps {
+    value?: string;
+    format?: string;
+    onChange?: (val: string, format?: string) => void;
+}
+export declare const DateFormatPicker: React.FC<DateFormatPickerProps>;
+export {};

package/lib/es/components/dialog/expression/date-format-picker.js

@@ -0,0 +1,211 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { DatePicker, Select } from '@gingkoo/pandora';
+import dayjs from 'dayjs';
+var RangePicker = DatePicker.RangePicker,
+  YearPicker = DatePicker.YearPicker,
+  MonthPicker = DatePicker.MonthPicker;
+var DATE_FORMAT_OPTIONS = [{
+  value: 'YYYY',
+  label: 'YYYY'
+}, {
+  value: 'YYYY-MM',
+  label: 'YYYY-MM'
+}, {
+  value: 'YYYY-MM-DD',
+  label: 'YYYY-MM-DD'
+}, {
+  value: 'YYYY-MM-DD HH:mm',
+  label: 'YYYY-MM-DD HH:mm'
+}, {
+  value: 'YYYY/MM',
+  label: 'YYYY/MM'
+}, {
+  value: 'YYYY/MM/DD',
+  label: 'YYYY/MM/DD'
+}, {
+  value: 'YYYY/MM/DD HH:mm',
+  label: 'YYYY/MM/DD HH:mm'
+}];
+var DEFAULT_FORMAT = 'YYYY-MM-DD HH:mm';
+export var DateRangeFormatPicker = function DateRangeFormatPicker(_ref) {
+  var value = _ref.value,
+    format = _ref.format,
+    onChange = _ref.onChange;
+  var _useState = useState(format || DEFAULT_FORMAT),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentFormat = _useState2[0],
+    setCurrentFormat = _useState2[1];
+  useEffect(function () {
+    if (format) {
+      setCurrentFormat(format);
+    }
+  }, [format]);
+  var showTime = currentFormat.includes('HH:mm');
+  // 根据格式确定 RangePicker 的 mode
+  var getRangePickerMode = function getRangePickerMode() {
+    if (currentFormat === 'YYYY') return 'year';
+    if (currentFormat === 'YYYY-MM' || currentFormat === 'YYYY/MM') return 'month';
+    return 'date';
+  };
+  var handleFormatChange = function handleFormatChange(newFormat) {
+    // 切换格式时，用新格式重新格式化当前值
+    if (value && value.length > 0) {
+      var formattedValues = value.map(function (v) {
+        if (!v) return '';
+        var parsed = dayjs(v);
+        if (!parsed.isValid()) return '';
+        return parsed.format(newFormat);
+      });
+      // 只调用 onChange，传递新格式化的值和新格式
+      onChange === null || onChange === void 0 || onChange(formattedValues, newFormat);
+    }
+    setCurrentFormat(newFormat);
+  };
+  // 将字符串数组转为 dayjs 对象数组，供 RangePicker 使用
+  var rangeValue = (value === null || value === void 0 ? void 0 : value.map(function (v) {
+    if (!v) return null;
+    // 尝试用当前格式解析，失败则用 dayjs 默认解析
+    var parsed = dayjs(v, currentFormat, true);
+    if (parsed.isValid()) return parsed;
+    // 尝试不用严格模式解析
+    var looseParsed = dayjs(v, currentFormat);
+    if (looseParsed.isValid()) return looseParsed;
+    // 最后尝试不指定格式
+    var anyParsed = dayjs(v);
+    return anyParsed.isValid() ? anyParsed : null;
+  })) || undefined;
+  var handleRangeChange = function handleRangeChange(date, dateString) {
+    // 确保日期值按 currentFormat 格式化
+    var formattedValues = (date === null || date === void 0 ? void 0 : date.map(function (d) {
+      if (!d || !dayjs(d).isValid()) return '';
+      return dayjs(d).format(currentFormat);
+    })) || dateString;
+    onChange === null || onChange === void 0 || onChange(formattedValues, currentFormat);
+  };
+  return _jsxs("div", {
+    style: {
+      display: 'flex',
+      gap: 4
+    },
+    children: [_jsx(Select, {
+      style: {
+        width: 120
+      },
+      value: currentFormat,
+      onChange: handleFormatChange,
+      children: DATE_FORMAT_OPTIONS.map(function (option) {
+        return _jsx(Select.Option, {
+          value: option.value,
+          children: option.label
+        }, option.value);
+      })
+    }), _jsx(RangePicker, {
+      value: rangeValue,
+      onChange: handleRangeChange,
+      style: {
+        flex: 1
+      },
+      format: currentFormat,
+      showTime: showTime,
+      mode: getRangePickerMode()
+    })]
+  });
+};
+export var DateFormatPicker = function DateFormatPicker(_ref2) {
+  var value = _ref2.value,
+    format = _ref2.format,
+    onChange = _ref2.onChange;
+  var _useState3 = useState(format || DEFAULT_FORMAT),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentFormat = _useState4[0],
+    setCurrentFormat = _useState4[1];
+  useEffect(function () {
+    if (format) {
+      setCurrentFormat(format);
+    }
+  }, [format]);
+  var showTime = currentFormat.includes('HH:mm');
+  var isYearOnly = currentFormat === 'YYYY';
+  var isMonthOnly = currentFormat === 'YYYY-MM' || currentFormat === 'YYYY/MM';
+  var handleFormatChange = function handleFormatChange(newFormat) {
+    // 切换格式时，用新格式重新格式化当前值
+    if (value) {
+      var parsed = dayjs(value);
+      if (parsed.isValid()) {
+        onChange === null || onChange === void 0 || onChange(parsed.format(newFormat), newFormat);
+      }
+    }
+    setCurrentFormat(newFormat);
+  };
+  // 将字符串转为 dayjs 对象，使用宽松解析
+  var dateValue = function () {
+    if (!value) return undefined;
+    var parsed = dayjs(value, currentFormat, true);
+    if (parsed.isValid()) return parsed;
+    var looseParsed = dayjs(value, currentFormat);
+    if (looseParsed.isValid()) return looseParsed;
+    var anyParsed = dayjs(value);
+    return anyParsed.isValid() ? anyParsed : undefined;
+  }();
+  var handleDateChange = function handleDateChange(dateString) {
+    onChange === null || onChange === void 0 || onChange(dateString, currentFormat);
+  };
+  var handleYearChange = function handleYearChange(dateString) {
+    onChange === null || onChange === void 0 || onChange(dateString, currentFormat);
+  };
+  var handleMonthChange = function handleMonthChange(dateString) {
+    onChange === null || onChange === void 0 || onChange(dateString, currentFormat);
+  };
+  // 根据格式渲染不同的选择器
+  var renderPicker = function renderPicker() {
+    if (isYearOnly) {
+      return _jsx(YearPicker, {
+        value: dateValue,
+        onChange: handleYearChange,
+        style: {
+          flex: 1
+        }
+      });
+    }
+    if (isMonthOnly) {
+      return _jsx(MonthPicker, {
+        value: dateValue,
+        onChange: handleMonthChange,
+        style: {
+          flex: 1
+        },
+        format: currentFormat
+      });
+    }
+    return _jsx(DatePicker, {
+      value: dateValue,
+      onChange: handleDateChange,
+      style: {
+        flex: 1
+      },
+      format: currentFormat,
+      showTime: showTime
+    });
+  };
+  return _jsxs("div", {
+    style: {
+      display: 'flex',
+      gap: 4
+    },
+    children: [_jsx(Select, {
+      style: {
+        width: 120
+      },
+      value: currentFormat,
+      onChange: handleFormatChange,
+      children: DATE_FORMAT_OPTIONS.map(function (option) {
+        return _jsx(Select.Option, {
+          value: option.value,
+          children: option.label
+        }, option.value);
+      })
+    }), renderPicker()]
+  });
+};

package/lib/es/components/dialog/expression/date-format.d.ts

@@ -0,0 +1,5 @@
+export declare const DATE_FORMAT_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const DEFAULT_DATE_FORMAT = "YYYY-MM-DD HH:mm";

package/lib/es/components/dialog/expression/date-format.js

@@ -0,0 +1,20 @@
+export var DATE_FORMAT_OPTIONS = [{
+  value: 'YYYY-MM',
+  label: 'YYYY-MM'
+}, {
+  value: 'YYYY-MM-DD',
+  label: 'YYYY-MM-DD'
+}, {
+  value: 'YYYY-MM-DD HH:mm',
+  label: 'YYYY-MM-DD HH:mm'
+}, {
+  value: 'YYYY/MM',
+  label: 'YYYY/MM'
+}, {
+  value: 'YYYY/MM/DD',
+  label: 'YYYY/MM/DD'
+}, {
+  value: 'YYYY/MM/DD HH:mm',
+  label: 'YYYY/MM/DD HH:mm'
+}];
+export var DEFAULT_DATE_FORMAT = 'YYYY-MM-DD HH:mm';