dishui 0.0.65 → 0.0.67

package/dist/components/pro/DataTable/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","names":[],"sources":["../../../../src/components/pro/DataTable/Filters.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Column } from './tanstack-table';\nimport { useDebounce } from '../../../hooks/useDebounce';\n\n// 扩展列元数据接口（v9 的 ColumnMeta 位于 @tanstack/table-core，签名必须与原声明完全一致）\ndeclare module '@tanstack/table-core' {\n  interface ColumnMeta<\n    in out TFeatures extends import('@tanstack/table-core').TableFeatures,\n    in out TData extends import('@tanstack/table-core').RowData,\n    TValue extends import('@tanstack/table-core').CellData = import('@tanstack/table-core').CellData,\n  > {\n    filterType?: 'text' | 'number' | 'select' | 'boolean' | 'date' | 'multiSelect';\n    filterOptions?: { value: any; label: string }[];\n  }\n}\n\nexport interface TextFilterProps {\n  column: Column<any, unknown>;\n  placeholder?: string;\n}\n\n// 文本过滤器组件\nexport const TextFilter: React.FC<TextFilterProps> = ({\n  column,\n  placeholder = '搜索...'\n}) => {\n  const [value, setValue] = useState('');\n  const debouncedValue = useDebounce(value, 300);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const currentFilterValue = column.getFilterValue() as string || '';\n    if (currentFilterValue !== value) {\n      setValue(currentFilterValue);\n    }\n  }, [column.getFilterValue()]);\n\n  // 当 debouncedValue 变化时更新列过滤状态\n  useEffect(() => {\n    column.setFilterValue(debouncedValue || undefined);\n  }, [debouncedValue]);\n\n  // 处理输入变更\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setValue(e.target.value);\n  };\n\n  return (\n    <div className=\"flex items-center mt-2\">\n      <input\n        type=\"text\"\n        value={value}\n        onChange={onChange}\n        placeholder={placeholder}\n        className=\"input input-bordered input-sm w-full\"\n      />\n      {value && (\n        <button\n          className=\"btn btn-ghost btn-xs ml-1\"\n          onClick={() => {\n            setValue('');\n            column.setFilterValue(undefined);\n          }}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface NumberFilterProps {\n  column: Column<any, unknown>;\n  min?: number;\n  max?: number;\n  step?: number;\n}\n\n// 数字范围过滤器组件\nexport const NumberRangeFilter: React.FC<NumberFilterProps> = ({\n  column,\n  min,\n  max,\n  step = 1\n}) => {\n  const [minValue, setMinValue] = useState<string>('');\n  const [maxValue, setMaxValue] = useState<string>('');\n\n  const debouncedMin = useDebounce(minValue, 300);\n  const debouncedMax = useDebounce(maxValue, 300);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue() as [number, number] | undefined;\n    const newMin = filterValue && filterValue[0] !== undefined ? String(filterValue[0]) : '';\n    const newMax = filterValue && filterValue[1] !== undefined ? String(filterValue[1]) : '';\n\n    if (newMin !== minValue) setMinValue(newMin);\n    if (newMax !== maxValue) setMaxValue(newMax);\n  }, [column.getFilterValue()]);\n\n  // 当 debounced 值变化时更新列过滤状态\n  useEffect(() => {\n    const filterValue: [number | undefined, number | undefined] = [\n      debouncedMin === '' ? undefined : Number(debouncedMin),\n      debouncedMax === '' ? undefined : Number(debouncedMax)\n    ];\n\n    // 如果两者都是undefined，则清除过滤器\n    if (filterValue[0] === undefined && filterValue[1] === undefined) {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(filterValue);\n    }\n  }, [debouncedMin, debouncedMax]);\n\n\n\n  return (\n    <div className=\"flex flex-col gap-1 mt-2\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          type=\"number\"\n          value={minValue}\n          onChange={(e) => {\n            setMinValue(e.target.value);\n          }}\n          placeholder=\"最小值\"\n          min={min}\n          max={max}\n          step={step}\n          className=\"input input-bordered input-sm w-full\"\n        />\n        <span>至</span>\n        <input\n          type=\"number\"\n          value={maxValue}\n          onChange={(e) => {\n            setMaxValue(e.target.value);\n          }}\n          placeholder=\"最大值\"\n          min={min}\n          max={max}\n          step={step}\n          className=\"input input-bordered input-sm w-full\"\n        />\n      </div>\n      {(minValue || maxValue) && (\n        <button\n          className=\"btn btn-ghost btn-xs self-end\"\n          onClick={() => {\n            setMinValue('');\n            setMaxValue('');\n            column.setFilterValue(undefined);\n          }}\n        >\n          清除\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface SelectFilterProps {\n  column: Column<any, unknown>;\n  options: { value: any; label: string }[];\n  placeholder?: string;\n}\n\n// 选择过滤器组件\nexport const SelectFilter: React.FC<SelectFilterProps> = ({\n  column,\n  options,\n  placeholder = '全部'\n}) => {\n  const [value, setValue] = useState<string>('');\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue();\n    setValue(filterValue !== undefined ? String(filterValue) : '');\n  }, [column.getFilterValue()]);\n\n  // 处理选择变更\n  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = e.target.value;\n    setValue(selectedValue);\n\n    if (selectedValue === '') {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(selectedValue);\n    }\n  };\n\n  return (\n    <div className=\"mt-2\">\n      <select\n        value={value}\n        onChange={handleChange}\n        className=\"select select-bordered select-sm w-full\"\n      >\n        <option value=\"\">{placeholder}</option>\n        {options.map((option, index) => (\n          <option key={index} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n};\n\nexport interface BooleanFilterProps {\n  column: Column<any, unknown>;\n  trueLabel?: string;\n  falseLabel?: string;\n  allLabel?: string;\n}\n\n// 布尔值过滤器组件\nexport const BooleanFilter: React.FC<BooleanFilterProps> = ({\n  column,\n  trueLabel = '是',\n  falseLabel = '否',\n  allLabel = '全部'\n}) => {\n  const options = [\n    { value: '', label: allLabel },\n    { value: 'true', label: trueLabel },\n    { value: 'false', label: falseLabel }\n  ];\n\n  const [value, setValue] = useState<string>('');\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue();\n    setValue(filterValue !== undefined ? String(filterValue) : '');\n  }, [column.getFilterValue()]);\n\n  // 处理选择变更\n  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = e.target.value;\n    setValue(selectedValue);\n\n    if (selectedValue === '') {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(selectedValue === 'true');\n    }\n  };\n\n  return (\n    <div className=\"mt-2\">\n      <select\n        value={value}\n        onChange={handleChange}\n        className=\"select select-bordered select-sm w-full\"\n      >\n        {options.map((option, index) => (\n          <option key={index} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n};\n\nexport interface DateRangeFilterProps {\n  column: Column<any, unknown>;\n}\n\n// 日期范围过滤器组件\nexport const DateRangeFilter: React.FC<DateRangeFilterProps> = ({\n  column\n}) => {\n  const [startDate, setStartDate] = useState<string>('');\n  const [endDate, setEndDate] = useState<string>('');\n\n  const debouncedStart = useDebounce(startDate, 300);\n  const debouncedEnd = useDebounce(endDate, 300);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue() as [string, string] | undefined;\n    const newStart = filterValue && filterValue[0] ? filterValue[0] : '';\n    const newEnd = filterValue && filterValue[1] ? filterValue[1] : '';\n\n    if (newStart !== startDate) setStartDate(newStart);\n    if (newEnd !== endDate) setEndDate(newEnd);\n  }, [column.getFilterValue()]);\n\n  // 当 debounced 值变化时更新列过滤状态\n  useEffect(() => {\n    const filterValue: [string | undefined, string | undefined] = [\n      debouncedStart || undefined,\n      debouncedEnd || undefined\n    ];\n\n    // 如果两者都是undefined，则清除过滤器\n    if (!filterValue[0] && !filterValue[1]) {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(filterValue);\n    }\n  }, [debouncedStart, debouncedEnd]);\n\n\n\n  return (\n    <div className=\"flex flex-col gap-1 mt-2\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          type=\"date\"\n          value={startDate}\n          onChange={(e) => {\n            setStartDate(e.target.value);\n          }}\n          className=\"input input-bordered input-sm w-full\"\n        />\n        <span>至</span>\n        <input\n          type=\"date\"\n          value={endDate}\n          onChange={(e) => {\n            setEndDate(e.target.value);\n          }}\n          className=\"input input-bordered input-sm w-full\"\n        />\n      </div>\n      {(startDate || endDate) && (\n        <button\n          className=\"btn btn-ghost btn-xs self-end\"\n          onClick={() => {\n            setStartDate('');\n            setEndDate('');\n            column.setFilterValue(undefined);\n          }}\n        >\n          清除\n        </button>\n      )}\n    </div>\n  );\n};\n\n// 多选过滤器组件\nexport const MultiSelectFilter: React.FC<SelectFilterProps> = ({\n  column,\n  options,\n  placeholder = '选择选项'\n}) => {\n  const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue() as string[] | undefined;\n    setSelectedValues(filterValue || []);\n  }, [column.getFilterValue()]);\n\n  // 处理选择变更\n  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const values = Array.from(e.target.selectedOptions, option => option.value);\n    setSelectedValues(values);\n\n    if (values.length === 0) {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(values);\n    }\n  };\n\n  return (\n    <div className=\"mt-2\">\n      <select\n        multiple\n        value={selectedValues}\n        onChange={handleChange}\n        className=\"select select-bordered select-sm w-full max-h-32\"\n      >\n        {options.map((option, index) => (\n          <option key={index} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n      {selectedValues.length > 0 && (\n        <div className=\"flex justify-between mt-1\">\n          <span className=\"text-xs text-base-content/70\">已选择 {selectedValues.length} 项</span>\n          <button\n            className=\"btn btn-ghost btn-xs\"\n            onClick={() => {\n              setSelectedValues([]);\n              column.setFilterValue(undefined);\n            }}\n          >\n            清除\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 过滤器面板组件\nexport interface FilterPanelProps {\n  column: Column<any, unknown>;\n  onClose: () => void;\n}\n\nexport const FilterPanel: React.FC<FilterPanelProps> = ({\n  column,\n  onClose\n}) => {\n  // 确保column和column.columnDef存在\n  if (!column || !column.columnDef) {\n    return null;\n  }\n\n  // 获取过滤器类型，确保meta存在\n  const meta = column.columnDef.meta || {};\n  const filterType = meta.filterType;\n  const filterOptions = meta.filterOptions || [];\n\n  // 根据过滤器类型渲染相应的组件\n  const renderFilter = () => {\n    if (!filterType) return null;\n\n    switch (filterType) {\n      case 'text':\n        return <TextFilter column={column} />;\n      case 'number':\n        return <NumberRangeFilter column={column} />;\n      case 'select':\n        return <SelectFilter column={column} options={filterOptions} />;\n      case 'boolean':\n        return <BooleanFilter column={column} />;\n      case 'date':\n        return <DateRangeFilter column={column} />;\n      case 'multiSelect':\n        return <MultiSelectFilter column={column} options={filterOptions} />;\n      default:\n        return <TextFilter column={column} />;\n    }\n  };\n\n  // 列标题\n  const columnHeader = column.columnDef.header ?\n    (typeof column.columnDef.header === 'string' ?\n      column.columnDef.header :\n      column.id\n    ) : column.id;\n\n  return (\n    <div className=\"card bg-base-100 shadow-lg p-4 w-64 z-50\">\n      <div className=\"flex justify-between items-center mb-2\">\n        <h3 className=\"font-medium\">{columnHeader}</h3>\n        <button\n          className=\"btn btn-ghost btn-xs\"\n          onClick={onClose}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        </button>\n      </div>\n\n      {renderFilter()}\n\n      <div className=\"flex justify-end mt-2\">\n        <button\n          className=\"btn btn-ghost btn-xs\"\n          onClick={() => {\n            column.setFilterValue(undefined);\n            onClose();\n          }}\n        >\n          清除过滤\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default {\n  TextFilter,\n  NumberRangeFilter,\n  SelectFilter,\n  BooleanFilter,\n  DateRangeFilter,\n  MultiSelectFilter,\n  FilterPanel\n}; "],"mappings":";;;;;;;;;;;;;IAsBa,IAAA,CAAyC,EACpD,QAAA,GACA,aAAA,IAAc,QAAA,MACV;AACJ,QAAM,CAAC,GAAO,CAAA,IAAY,EAAS,EAAE,GAC/B,IAAiB,EAAY,GAAO,GAAG;AAG7C,SAAA,EAAA,MAAgB;AACd,UAAM,IAAqB,EAAO,eAAe,KAAe;AAChE,IAAI,MAAuB,KACzB,EAAS,CAAkB;AAAA,EAE/B,GAAG,CAAC,EAAO,eAAe,CAAC,CAAC,GAG5B,EAAA,MAAgB;AACd,IAAA,EAAO,eAAe,KAAkB,MAAS;AAAA,EACnD,GAAG,CAAC,CAAc,CAAC,GAQjB,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAf,UAAA,CACE,gBAAA,EAAC,SAAD;AAAA,MACE,MAAK;AAAA,MACE,OAAA;AAAA,MACG,UATV,CAAY,MAA2C;AAC3D,QAAA,EAAS,EAAE,OAAO,KAAK;AAAA,MACzB;AAAA,MAQmB,aAAA;AAAA,MACb,WAAU;AAAA,IACX,CAAA,GACA,KACC,gBAAA,EAAC,UAAD;AAAA,MACE,WAAU;AAAA,MACV,SAAA,MAAe;AACb,QAAA,EAAS,EAAE,GACX,EAAO,eAAe,MAAS;AAAA,MACjC;AAAA,MAEA,UAAA,gBAAA,EAAC,OAAD;AAAA,QAAK,OAAM;AAAA,QAA6B,WAAU;AAAA,QAAU,MAAK;AAAA,QAAO,SAAQ;AAAA,QAAY,QAAO;AAAA,QACjG,UAAA,gBAAA,EAAC,QAAD;AAAA,UAAM,eAAc;AAAA,UAAQ,gBAAe;AAAA,UAAQ,aAAY;AAAA,UAAI,GAAE;AAAA,QAAwB,CAAA;AAAA,MAC1F,CAAA;AAAA,IACC,CAAA,CAEP;AAAA;AAET,GAUa,IAAA,CAAkD,EAC7D,QAAA,GACA,KAAA,GACA,KAAA,GACA,MAAA,IAAO,EAAA,MACH;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAiB,EAAE,GAC7C,CAAC,GAAU,CAAA,IAAe,EAAiB,EAAE,GAE7C,IAAe,EAAY,GAAU,GAAG,GACxC,IAAe,EAAY,GAAU,GAAG;AAG9C,SAAA,EAAA,MAAgB;AACd,UAAM,IAAc,EAAO,eAAe,GACpC,IAAS,KAAe,EAAY,CAAA,MAAO,SAAY,OAAO,EAAY,CAAA,CAAE,IAAI,IAChF,IAAS,KAAe,EAAY,CAAA,MAAO,SAAY,OAAO,EAAY,CAAA,CAAE,IAAI;AAEtF,IAAI,MAAW,KAAU,EAAY,CAAM,GACvC,MAAW,KAAU,EAAY,CAAM;AAAA,EAC7C,GAAG,CAAC,EAAO,eAAe,CAAC,CAAC,GAG5B,EAAA,MAAgB;AACd,UAAM,IAAwD,CAC5D,MAAiB,KAAK,SAAY,OAAO,CAAY,GACrD,MAAiB,KAAK,SAAY,OAAO,CAAY,CACvD;AAGA,IAAI,EAAY,CAAA,MAAO,UAAa,EAAY,CAAA,MAAO,SACrD,EAAO,eAAe,MAAS,IAE/B,EAAO,eAAe,CAAW;AAAA,EAErC,GAAG,CAAC,GAAc,CAAY,CAAC,GAK7B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAf,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA;AAAA,QACE,gBAAA,EAAC,SAAD;AAAA,UACE,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAA,CAAW,MAAM;AACf,YAAA,EAAY,EAAE,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,aAAY;AAAA,UACP,KAAA;AAAA,UACA,KAAA;AAAA,UACC,MAAA;AAAA,UACN,WAAU;AAAA,QACX,CAAA;AAAA,QACD,gBAAA,EAAC,QAAD,EAAA,UAAM,IAAO,CAAA;AAAA,QACb,gBAAA,EAAC,SAAD;AAAA,UACE,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAA,CAAW,MAAM;AACf,YAAA,EAAY,EAAE,OAAO,KAAK;AAAA,UAC5B;AAAA,UACA,aAAY;AAAA,UACP,KAAA;AAAA,UACA,KAAA;AAAA,UACC,MAAA;AAAA,UACN,WAAU;AAAA,QACX,CAAA;AAAA,MACE;AAAA,IACH,CAAA,IAAA,KAAY,MACZ,gBAAA,EAAC,UAAD;AAAA,MACE,WAAU;AAAA,MACV,SAAA,MAAe;AACb,QAAA,EAAY,EAAE,GACd,EAAY,EAAE,GACd,EAAO,eAAe,MAAS;AAAA,MACjC;AAAA,MACD,UAAA;AAAA,IAEO,CAAA,CAEP;AAAA;AAET,GASa,IAAA,CAA6C,EACxD,QAAA,GACA,SAAA,GACA,aAAA,IAAc,KAAA,MACV;AACJ,QAAM,CAAC,GAAO,CAAA,IAAY,EAAiB,EAAE;AAG7C,SAAA,EAAA,MAAgB;AACd,UAAM,IAAc,EAAO,eAAe;AAC1C,IAAA,EAAS,MAAgB,SAAY,OAAO,CAAW,IAAI,EAAE;AAAA,EAC/D,GAAG,CAAC,EAAO,eAAe,CAAC,CAAC,GAe1B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IACb,UAAA,gBAAA,EAAC,UAAD;AAAA,MACS,OAAA;AAAA,MACP,UAfA,CAAgB,MAA4C;AAChE,cAAM,IAAgB,EAAE,OAAO;AAC/B,QAAA,EAAS,CAAa,GAElB,MAAkB,KACpB,EAAO,eAAe,MAAS,IAE/B,EAAO,eAAe,CAAa;AAAA,MAEvC;AAAA,MAOM,WAAU;AAAA,MAHZ,UAAA,CAKE,gBAAA,EAAC,UAAD;AAAA,QAAQ,OAAM;AAAA,QAAI,UAAA;AAAA,MAAoB,CAAA,GACrC,EAAQ,IAAA,CAAK,GAAQ,MACpB,gBAAA,EAAC,UAAD;AAAA,QAAoB,OAAO,EAAO;AAAA,QAC/B,UAAA,EAAO;AAAA,MACF,GAFK,CAEL,CACT,CACK;AAAA;EACL,CAAA;AAET,GAUa,IAAA,CAA+C,EAC1D,QAAA,GACA,WAAA,IAAY,KACZ,YAAA,IAAa,KACb,UAAA,IAAW,KAAA,MACP;AACJ,QAAM,IAAU;AAAA,IACd;AAAA,MAAE,OAAO;AAAA,MAAI,OAAO;AAAA,IAAS;AAAA,IAC7B;AAAA,MAAE,OAAO;AAAA,MAAQ,OAAO;AAAA,IAAU;AAAA,IAClC;AAAA,MAAE,OAAO;AAAA,MAAS,OAAO;AAAA,IAAW;AAAA,EACtC,GAEM,CAAC,GAAO,CAAA,IAAY,EAAiB,EAAE;AAG7C,SAAA,EAAA,MAAgB;AACd,UAAM,IAAc,EAAO,eAAe;AAC1C,IAAA,EAAS,MAAgB,SAAY,OAAO,CAAW,IAAI,EAAE;AAAA,EAC/D,GAAG,CAAC,EAAO,eAAe,CAAC,CAAC,GAe1B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IACb,UAAA,gBAAA,EAAC,UAAD;AAAA,MACS,OAAA;AAAA,MACP,UAfA,CAAgB,MAA4C;AAChE,cAAM,IAAgB,EAAE,OAAO;AAC/B,QAAA,EAAS,CAAa,GAElB,MAAkB,KACpB,EAAO,eAAe,MAAS,IAE/B,EAAO,eAAe,MAAkB,MAAM;AAAA,MAElD;AAAA,MAOM,WAAU;AAAA,MAET,UAAA,EAAQ,IAAA,CAAK,GAAQ,MACpB,gBAAA,EAAC,UAAD;AAAA,QAAoB,OAAO,EAAO;AAAA,QAC/B,UAAA,EAAO;AAAA,MACF,GAFK,CAEL,CACT;AAAA,IACK,CAAA;AAAA,EACL,CAAA;AAET,GAOa,IAAA,CAAmD,EAC9D,QAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAW,CAAA,IAAgB,EAAiB,EAAE,GAC/C,CAAC,GAAS,CAAA,IAAc,EAAiB,EAAE,GAE3C,IAAiB,EAAY,GAAW,GAAG,GAC3C,IAAe,EAAY,GAAS,GAAG;AAG7C,SAAA,EAAA,MAAgB;AACd,UAAM,IAAc,EAAO,eAAe,GACpC,IAAW,KAAe,EAAY,CAAA,IAAK,EAAY,CAAA,IAAK,IAC5D,IAAS,KAAe,EAAY,CAAA,IAAK,EAAY,CAAA,IAAK;AAEhE,IAAI,MAAa,KAAW,EAAa,CAAQ,GAC7C,MAAW,KAAS,EAAW,CAAM;AAAA,EAC3C,GAAG,CAAC,EAAO,eAAe,CAAC,CAAC,GAG5B,EAAA,MAAgB;AACd,UAAM,IAAwD,CAC5D,KAAkB,QAClB,KAAgB,MAClB;AAGA,IAAI,CAAC,EAAY,CAAA,KAAM,CAAC,EAAY,CAAA,IAClC,EAAO,eAAe,MAAS,IAE/B,EAAO,eAAe,CAAW;AAAA,EAErC,GAAG,CAAC,GAAgB,CAAY,CAAC,GAK/B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAf,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA;AAAA,QACE,gBAAA,EAAC,SAAD;AAAA,UACE,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAA,CAAW,MAAM;AACf,YAAA,EAAa,EAAE,OAAO,KAAK;AAAA,UAC7B;AAAA,UACA,WAAU;AAAA,QACX,CAAA;AAAA,QACD,gBAAA,EAAC,QAAD,EAAA,UAAM,IAAO,CAAA;AAAA,QACb,gBAAA,EAAC,SAAD;AAAA,UACE,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAA,CAAW,MAAM;AACf,YAAA,EAAW,EAAE,OAAO,KAAK;AAAA,UAC3B;AAAA,UACA,WAAU;AAAA,QACX,CAAA;AAAA,MACE;AAAA,IACH,CAAA,IAAA,KAAa,MACb,gBAAA,EAAC,UAAD;AAAA,MACE,WAAU;AAAA,MACV,SAAA,MAAe;AACb,QAAA,EAAa,EAAE,GACf,EAAW,EAAE,GACb,EAAO,eAAe,MAAS;AAAA,MACjC;AAAA,MACD,UAAA;AAAA,IAEO,CAAA,CAEP;AAAA;AAET,GAGa,IAAA,CAAkD,EAC7D,QAAA,GACA,SAAA,GACA,aAAA,IAAc,OAAA,MACV;AACJ,QAAM,CAAC,GAAgB,CAAA,IAAqB,EAAmB,CAAC,CAAC;AAGjE,SAAA,EAAA,MAAgB;AACd,UAAM,IAAc,EAAO,eAAe;AAC1C,IAAA,EAAkB,KAAe,CAAC,CAAC;AAAA,EACrC,GAAG,CAAC,EAAO,eAAe,CAAC,CAAC,GAe1B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAf,UAAA,CACE,gBAAA,EAAC,UAAD;AAAA,MACE,UAAA;AAAA,MACA,OAAO;AAAA,MACP,UAhBA,CAAgB,MAA4C;AAChE,cAAM,IAAS,MAAM,KAAK,EAAE,OAAO,iBAAA,CAAiB,MAAU,EAAO,KAAK;AAC1E,QAAA,EAAkB,CAAM,GAEpB,EAAO,WAAW,IACpB,EAAO,eAAe,MAAS,IAE/B,EAAO,eAAe,CAAM;AAAA,MAEhC;AAAA,MAQM,WAAU;AAAA,MAET,UAAA,EAAQ,IAAA,CAAK,GAAQ,MACpB,gBAAA,EAAC,UAAD;AAAA,QAAoB,OAAO,EAAO;AAAA,QAC/B,UAAA,EAAO;AAAA,MACF,GAFK,CAEL,CACT;AAAA,IACK,CAAA,GACP,EAAe,SAAS,KACvB,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACE,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,QAAhB,UAAA;AAAA,UAA+C;AAAA,UAAK,EAAe;AAAA,UAAO;AAAA,QAAQ;AAAA,MAClF,CAAA,GAAA,gBAAA,EAAC,UAAD;AAAA,QACE,WAAU;AAAA,QACV,SAAA,MAAe;AACb,UAAA,EAAkB,CAAC,CAAC,GACpB,EAAO,eAAe,MAAS;AAAA,QACjC;AAAA,QACD,UAAA;AAAA,MAEO,CAAA,CACL;AAAA,IAEJ,CAAA,CAAA;AAAA;AAET,GAQa,IAAA,CAA2C,EACtD,QAAA,GACA,SAAA,EAAA,MACI;AAEJ,MAAI,CAAC,KAAU,CAAC,EAAO,UACrB,QAAO;AAIT,QAAM,IAAO,EAAO,UAAU,QAAQ,CAAC,GACjC,IAAa,EAAK,YAClB,IAAgB,EAAK,iBAAiB,CAAC,GAGvC,IAAA,MAAqB;AACzB,QAAI,CAAC,EAAY,QAAO;AAExB,YAAQ,GAAR;AAAA,MACE,KAAK;AACH,eAAO,gBAAA,EAAC,GAAD,EAAoB,QAAA,EAAS,CAAA;AAAA,MACtC,KAAK;AACH,eAAO,gBAAA,EAAC,GAAD,EAA2B,QAAA,EAAS,CAAA;AAAA,MAC7C,KAAK;AACH,eAAO,gBAAA,EAAC,GAAD;AAAA,UAAsB,QAAA;AAAA,UAAQ,SAAS;AAAA,QAAgB,CAAA;AAAA,MAChE,KAAK;AACH,eAAO,gBAAA,EAAC,GAAD,EAAuB,QAAA,EAAS,CAAA;AAAA,MACzC,KAAK;AACH,eAAO,gBAAA,EAAC,GAAD,EAAyB,QAAA,EAAS,CAAA;AAAA,MAC3C,KAAK;AACH,eAAO,gBAAA,EAAC,GAAD;AAAA,UAA2B,QAAA;AAAA,UAAQ,SAAS;AAAA,QAAgB,CAAA;AAAA,MACrE;AACE,eAAO,gBAAA,EAAC,GAAD,EAAoB,QAAA,EAAS,CAAA;AAAA,IACxC;AAAA,EACF,GAGM,IAAe,EAAO,UAAU,UACnC,OAAO,EAAO,UAAU,UAAW,WAClC,EAAO,UAAU,SAEf,EAAO;AAEb,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAf,UAAA;AAAA,MACE,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAf,UAAA,CACE,gBAAA,EAAC,MAAD;AAAA,UAAI,WAAU;AAAA,UAAe,UAAA;AAAA,QAAiB,CAAA,GAC9C,gBAAA,EAAC,UAAD;AAAA,UACE,WAAU;AAAA,UACV,SAAS;AAAA,UAET,UAAA,gBAAA,EAAC,OAAD;AAAA,YAAK,OAAM;AAAA,YAA6B,WAAU;AAAA,YAAU,MAAK;AAAA,YAAO,SAAQ;AAAA,YAAY,QAAO;AAAA,YACjG,UAAA,gBAAA,EAAC,QAAD;AAAA,cAAM,eAAc;AAAA,cAAQ,gBAAe;AAAA,cAAQ,aAAY;AAAA,cAAI,GAAE;AAAA,YAAwB,CAAA;AAAA,UAC1F,CAAA;AAAA,QACC,CAAA,CACL;AAAA;MAEJ,EAAa;AAAA,MAEd,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QACb,UAAA,gBAAA,EAAC,UAAD;AAAA,UACE,WAAU;AAAA,UACV,SAAA,MAAe;AACb,YAAA,EAAO,eAAe,MAAS,GAC/B,EAAQ;AAAA,UACV;AAAA,UACD,UAAA;AAAA,QAEO,CAAA;AAAA,MACL,CAAA;AAAA,IACF;AAAA;AAET,GAEA,IAAe;AAAA,EACb,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,mBAAA;AAAA,EACA,aAAA;AACF"}
+{"version":3,"file":"Filters.js","names":[],"sources":["../../../../src/components/pro/DataTable/Filters.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Column } from './tanstack-table';\nimport { useDebounce } from '../../../hooks/useDebounce';\n\n// 扩展列元数据接口（v9 的 ColumnMeta 位于 @tanstack/table-core，签名必须与原声明完全一致）\ndeclare module '@tanstack/table-core' {\n  interface ColumnMeta<\n    in out TFeatures extends import('@tanstack/table-core').TableFeatures,\n    in out TData extends import('@tanstack/table-core').RowData,\n    TValue extends import('@tanstack/table-core').CellData = import('@tanstack/table-core').CellData,\n  > {\n    filterType?: 'text' | 'number' | 'select' | 'boolean' | 'date' | 'multiSelect';\n    filterOptions?: { value: any; label: string }[];\n  }\n}\n\nexport interface TextFilterProps {\n  column: Column<any, unknown>;\n  placeholder?: string;\n}\n\n// 文本过滤器组件\nexport const TextFilter: React.FC<TextFilterProps> = ({\n  column,\n  placeholder = '搜索...'\n}) => {\n  const [value, setValue] = useState('');\n  const debouncedValue = useDebounce(value, 300);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const currentFilterValue = column.getFilterValue() as string || '';\n    if (currentFilterValue !== value) {\n      setValue(currentFilterValue);\n    }\n  }, [column.getFilterValue()]);\n\n  // 当 debouncedValue 变化时更新列过滤状态\n  useEffect(() => {\n    column.setFilterValue(debouncedValue || undefined);\n  }, [debouncedValue]);\n\n  // 处理输入变更\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setValue(e.target.value);\n  };\n\n  return (\n    <div className=\"flex items-center mt-2\">\n      <input\n        type=\"text\"\n        value={value}\n        onChange={onChange}\n        placeholder={placeholder}\n        className=\"input input-bordered input-sm w-full\"\n      />\n      {value && (\n        <button\n          className=\"btn btn-ghost btn-xs ml-1\"\n          onClick={() => {\n            setValue('');\n            column.setFilterValue(undefined);\n          }}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface NumberFilterProps {\n  column: Column<any, unknown>;\n  min?: number;\n  max?: number;\n  step?: number;\n}\n\n// 数字范围过滤器组件\nexport const NumberRangeFilter: React.FC<NumberFilterProps> = ({\n  column,\n  min,\n  max,\n  step = 1\n}) => {\n  const [minValue, setMinValue] = useState<string>('');\n  const [maxValue, setMaxValue] = useState<string>('');\n\n  const debouncedMin = useDebounce(minValue, 300);\n  const debouncedMax = useDebounce(maxValue, 300);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue() as [number, number] | undefined;\n    const newMin = filterValue && filterValue[0] !== undefined ? String(filterValue[0]) : '';\n    const newMax = filterValue && filterValue[1] !== undefined ? String(filterValue[1]) : '';\n\n    if (newMin !== minValue) setMinValue(newMin);\n    if (newMax !== maxValue) setMaxValue(newMax);\n  }, [column.getFilterValue()]);\n\n  // 当 debounced 值变化时更新列过滤状态\n  useEffect(() => {\n    const filterValue: [number | undefined, number | undefined] = [\n      debouncedMin === '' ? undefined : Number(debouncedMin),\n      debouncedMax === '' ? undefined : Number(debouncedMax)\n    ];\n\n    // 如果两者都是undefined，则清除过滤器\n    if (filterValue[0] === undefined && filterValue[1] === undefined) {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(filterValue);\n    }\n  }, [debouncedMin, debouncedMax]);\n\n\n\n  return (\n    <div className=\"flex flex-col gap-1 mt-2\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          type=\"number\"\n          value={minValue}\n          onChange={(e) => {\n            setMinValue(e.target.value);\n          }}\n          placeholder=\"最小值\"\n          min={min}\n          max={max}\n          step={step}\n          className=\"input input-bordered input-sm w-full\"\n        />\n        <span>至</span>\n        <input\n          type=\"number\"\n          value={maxValue}\n          onChange={(e) => {\n            setMaxValue(e.target.value);\n          }}\n          placeholder=\"最大值\"\n          min={min}\n          max={max}\n          step={step}\n          className=\"input input-bordered input-sm w-full\"\n        />\n      </div>\n      {(minValue || maxValue) && (\n        <button\n          className=\"btn btn-ghost btn-xs self-end\"\n          onClick={() => {\n            setMinValue('');\n            setMaxValue('');\n            column.setFilterValue(undefined);\n          }}\n        >\n          清除\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface SelectFilterProps {\n  column: Column<any, unknown>;\n  options: { value: any; label: string }[];\n  placeholder?: string;\n}\n\n// 选择过滤器组件\nexport const SelectFilter: React.FC<SelectFilterProps> = ({\n  column,\n  options,\n  placeholder = '全部'\n}) => {\n  const [value, setValue] = useState<string>('');\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue();\n    setValue(filterValue !== undefined ? String(filterValue) : '');\n  }, [column.getFilterValue()]);\n\n  // 处理选择变更\n  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = e.target.value;\n    setValue(selectedValue);\n\n    if (selectedValue === '') {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(selectedValue);\n    }\n  };\n\n  return (\n    <div className=\"mt-2\">\n      <select\n        value={value}\n        onChange={handleChange}\n        className=\"select select-bordered select-sm w-full\"\n      >\n        <option value=\"\">{placeholder}</option>\n        {options.map((option, index) => (\n          <option key={index} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n};\n\nexport interface BooleanFilterProps {\n  column: Column<any, unknown>;\n  trueLabel?: string;\n  falseLabel?: string;\n  allLabel?: string;\n}\n\n// 布尔值过滤器组件\nexport const BooleanFilter: React.FC<BooleanFilterProps> = ({\n  column,\n  trueLabel = '是',\n  falseLabel = '否',\n  allLabel = '全部'\n}) => {\n  const options = [\n    { value: '', label: allLabel },\n    { value: 'true', label: trueLabel },\n    { value: 'false', label: falseLabel }\n  ];\n\n  const [value, setValue] = useState<string>('');\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue();\n    setValue(filterValue !== undefined ? String(filterValue) : '');\n  }, [column.getFilterValue()]);\n\n  // 处理选择变更\n  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = e.target.value;\n    setValue(selectedValue);\n\n    if (selectedValue === '') {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(selectedValue === 'true');\n    }\n  };\n\n  return (\n    <div className=\"mt-2\">\n      <select\n        value={value}\n        onChange={handleChange}\n        className=\"select select-bordered select-sm w-full\"\n      >\n        {options.map((option, index) => (\n          <option key={index} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n};\n\nexport interface DateRangeFilterProps {\n  column: Column<any, unknown>;\n}\n\n// 日期范围过滤器组件\nexport const DateRangeFilter: React.FC<DateRangeFilterProps> = ({\n  column\n}) => {\n  const [startDate, setStartDate] = useState<string>('');\n  const [endDate, setEndDate] = useState<string>('');\n\n  const debouncedStart = useDebounce(startDate, 300);\n  const debouncedEnd = useDebounce(endDate, 300);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue() as [string, string] | undefined;\n    const newStart = filterValue && filterValue[0] ? filterValue[0] : '';\n    const newEnd = filterValue && filterValue[1] ? filterValue[1] : '';\n\n    if (newStart !== startDate) setStartDate(newStart);\n    if (newEnd !== endDate) setEndDate(newEnd);\n  }, [column.getFilterValue()]);\n\n  // 当 debounced 值变化时更新列过滤状态\n  useEffect(() => {\n    const filterValue: [string | undefined, string | undefined] = [\n      debouncedStart || undefined,\n      debouncedEnd || undefined\n    ];\n\n    // 如果两者都是undefined，则清除过滤器\n    if (!filterValue[0] && !filterValue[1]) {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(filterValue);\n    }\n  }, [debouncedStart, debouncedEnd]);\n\n\n\n  return (\n    <div className=\"flex flex-col gap-1 mt-2\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          type=\"date\"\n          value={startDate}\n          onChange={(e) => {\n            setStartDate(e.target.value);\n          }}\n          className=\"input input-bordered input-sm w-full\"\n        />\n        <span>至</span>\n        <input\n          type=\"date\"\n          value={endDate}\n          onChange={(e) => {\n            setEndDate(e.target.value);\n          }}\n          className=\"input input-bordered input-sm w-full\"\n        />\n      </div>\n      {(startDate || endDate) && (\n        <button\n          className=\"btn btn-ghost btn-xs self-end\"\n          onClick={() => {\n            setStartDate('');\n            setEndDate('');\n            column.setFilterValue(undefined);\n          }}\n        >\n          清除\n        </button>\n      )}\n    </div>\n  );\n};\n\n// 多选过滤器组件\nexport const MultiSelectFilter: React.FC<SelectFilterProps> = ({\n  column,\n  options,\n  placeholder = '选择选项'\n}) => {\n  const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n  // 将组件状态与列过滤状态同步\n  useEffect(() => {\n    const filterValue = column.getFilterValue() as string[] | undefined;\n    setSelectedValues(filterValue || []);\n  }, [column.getFilterValue()]);\n\n  // 处理选择变更\n  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const values = Array.from(e.target.selectedOptions, option => option.value);\n    setSelectedValues(values);\n\n    if (values.length === 0) {\n      column.setFilterValue(undefined);\n    } else {\n      column.setFilterValue(values);\n    }\n  };\n\n  return (\n    <div className=\"mt-2\">\n      <select\n        multiple\n        value={selectedValues}\n        onChange={handleChange}\n        className=\"select select-bordered select-sm w-full max-h-32\"\n      >\n        {options.map((option, index) => (\n          <option key={index} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n      {selectedValues.length > 0 && (\n        <div className=\"flex justify-between mt-1\">\n          <span className=\"text-xs text-base-content/70\">已选择 {selectedValues.length} 项</span>\n          <button\n            className=\"btn btn-ghost btn-xs\"\n            onClick={() => {\n              setSelectedValues([]);\n              column.setFilterValue(undefined);\n            }}\n          >\n            清除\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 过滤器面板组件\nexport interface FilterPanelProps {\n  column: Column<any, unknown>;\n  onClose: () => void;\n}\n\nexport const FilterPanel: React.FC<FilterPanelProps> = ({\n  column,\n  onClose\n}) => {\n  // 确保column和column.columnDef存在\n  if (!column || !column.columnDef) {\n    return null;\n  }\n\n  // 获取过滤器类型，确保meta存在\n  const meta = column.columnDef.meta || {};\n  const filterType = meta.filterType;\n  const filterOptions = meta.filterOptions || [];\n\n  // 根据过滤器类型渲染相应的组件\n  const renderFilter = () => {\n    if (!filterType) return null;\n\n    switch (filterType) {\n      case 'text':\n        return <TextFilter column={column} />;\n      case 'number':\n        return <NumberRangeFilter column={column} />;\n      case 'select':\n        return <SelectFilter column={column} options={filterOptions} />;\n      case 'boolean':\n        return <BooleanFilter column={column} />;\n      case 'date':\n        return <DateRangeFilter column={column} />;\n      case 'multiSelect':\n        return <MultiSelectFilter column={column} options={filterOptions} />;\n      default:\n        return <TextFilter column={column} />;\n    }\n  };\n\n  // 列标题\n  const columnHeader = column.columnDef.header ?\n    (typeof column.columnDef.header === 'string' ?\n      column.columnDef.header :\n      column.id\n    ) : column.id;\n\n  return (\n    <div className=\"card bg-base-100 shadow-lg p-4 w-64 z-50\">\n      <div className=\"flex justify-between items-center mb-2\">\n        <h3 className=\"font-medium\">{columnHeader}</h3>\n        <button\n          className=\"btn btn-ghost btn-xs\"\n          onClick={onClose}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        </button>\n      </div>\n\n      {renderFilter()}\n\n      <div className=\"flex justify-end mt-2\">\n        <button\n          className=\"btn btn-ghost btn-xs\"\n          onClick={() => {\n            column.setFilterValue(undefined);\n            onClose();\n          }}\n        >\n          清除过滤\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default {\n  TextFilter,\n  NumberRangeFilter,\n  SelectFilter,\n  BooleanFilter,\n  DateRangeFilter,\n  MultiSelectFilter,\n  FilterPanel\n}; "],"mappings":"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"}

package/dist/components/pro/DataTable/PivotPanel.js

@@ -1,208 +1,207 @@
-import { useEffect as J, useRef as _, useState as k } from "react";
-import { Fragment as g, jsx as o, jsxs as l } from "react/jsx-runtime";
-var U = [
-  "sum",
-  "avg",
-  "count",
-  "min",
-  "max"
-], V = {
-  zh: {
-    available: "可用字段",
-    rowGroups: "行分组",
-    colGroups: "列分组",
-    values: "数值",
-    empty: "（无字段）",
-    dropHint: "拖拽字段到此",
-    remove: "移除"
-  },
-  en: {
-    available: "Available",
-    rowGroups: "Row Groups",
-    colGroups: "Column Labels",
-    values: "Values",
-    empty: "(no fields)",
-    dropHint: "Drag fields here",
-    remove: "Remove"
-  }
-}, B = typeof Image < "u" ? (() => {
-  const f = new Image();
-  return f.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==", f;
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/PivotPanel.tsx
+var o = [
+	"sum",
+	"avg",
+	"count",
+	"min",
+	"max"
+], s = {
+	zh: {
+		available: "可用字段",
+		rowGroups: "行分组",
+		colGroups: "列分组",
+		values: "数值",
+		empty: "（无字段）",
+		dropHint: "拖拽字段到此",
+		remove: "移除"
+	},
+	en: {
+		available: "Available",
+		rowGroups: "Row Groups",
+		colGroups: "Column Labels",
+		values: "Values",
+		empty: "(no fields)",
+		dropHint: "Drag fields here",
+		remove: "Remove"
+	}
+}, c = typeof Image < "u" ? (() => {
+	let e = new Image();
+	return e.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==", e;
 })() : null;
-function ee({ orientation: f, lang: P, fieldLabels: Z, dimensionFields: j, numericFields: L, rowFields: A, colFields: w, values: d, setRowFields: b, setColFields: v, setValues: p, panelWidth: D = 224 }) {
-  const s = V[P], N = (e) => Z[e] ?? e, R = (e) => L.some((r) => r.field === e), [i, E] = k(null), [G, u] = k(null), C = _(null), h = _({
-    x: 0,
-    y: 0
-  }), S = i != null;
-  J(() => {
-    if (!S) return;
-    const e = () => {
-      const a = C.current;
-      a && (a.style.transform = `translate(${h.current.x + 12}px, ${h.current.y + 12}px)`);
-    };
-    e();
-    const r = (a) => {
-      a.clientX === 0 && a.clientY === 0 || (h.current = {
-        x: a.clientX,
-        y: a.clientY
-      }, e());
-    }, t = () => {
-      E(null), u(null);
-    };
-    return window.addEventListener("dragover", r), window.addEventListener("dragend", t), window.addEventListener("drop", t), () => {
-      window.removeEventListener("dragover", r), window.removeEventListener("dragend", t), window.removeEventListener("drop", t);
-    };
-  }, [S]);
-  const M = /* @__PURE__ */ new Set([...A, ...w]), H = j.filter((e) => !M.has(e.field)), K = new Set(d.map((e) => e.field)), I = L.filter((e) => !K.has(e.field)), T = (e) => {
-    b((r) => r.filter((t) => t !== e)), v((r) => r.filter((t) => t !== e)), p((r) => r.filter((t) => t.field !== e));
-  }, Q = (e) => i ? e === "available" ? !0 : e === "values" ? i.numeric : !i.numeric : !1, q = (e, r) => {
-    const t = R(r);
-    if (e === "values") {
-      if (!t) return;
-      b((a) => a.filter((n) => n !== r)), v((a) => a.filter((n) => n !== r)), p((a) => a.some((n) => n.field === r) ? a : [...a, {
-        field: r,
-        aggFn: "sum"
-      }]);
-      return;
-    }
-    if (e === "rows" || e === "cols") {
-      if (t) return;
-      p((a) => a.filter((n) => n.field !== r)), e === "rows" ? (v((a) => a.filter((n) => n !== r)), b((a) => a.includes(r) ? a : [...a, r])) : (b((a) => a.filter((n) => n !== r)), v((a) => a.includes(r) ? a : [...a, r]));
-      return;
-    }
-    T(r);
-  }, O = (e, r) => {
-    e.dataTransfer.setData("text/plain", r), e.dataTransfer.effectAllowed = "move", B && e.dataTransfer.setDragImage(B, 0, 0), h.current = {
-      x: e.clientX,
-      y: e.clientY
-    }, E({
-      field: r,
-      label: N(r),
-      numeric: R(r)
-    });
-  }, X = () => {
-    E(null), u(null);
-  }, m = f === "vertical", x = (e, r) => /* @__PURE__ */ l("span", {
-    draggable: !0,
-    onDragStart: (t) => O(t, e),
-    onDragEnd: X,
-    className: `badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${i?.field === e ? "opacity-40" : ""}`,
-    children: [
-      r?.prefix,
-      N(e),
-      r?.onRemove && /* @__PURE__ */ o("button", {
-        type: "button",
-        className: "text-xs opacity-60 hover:opacity-100",
-        onClick: r.onRemove,
-        "aria-label": s.remove,
-        children: "✕"
-      })
-    ]
-  }, e), y = (e, r, t, a) => {
-    const n = Q(e);
-    return /* @__PURE__ */ l("div", {
-      className: `flex flex-col gap-1 ${m ? "w-full" : "flex-1 min-w-40"}`,
-      onDragOver: (c) => {
-        n && (c.preventDefault(), c.dataTransfer.dropEffect = "move", G !== e && u(e));
-      },
-      onDragLeave: (c) => {
-        c.currentTarget.contains(c.relatedTarget) || G === e && u(null);
-      },
-      onDrop: (c) => {
-        c.preventDefault();
-        const Y = c.dataTransfer.getData("text/plain");
-        u(null), Y && q(e, Y);
-      },
-      children: [/* @__PURE__ */ l("span", {
-        className: "text-xs font-semibold opacity-60 flex items-center gap-1",
-        children: [/* @__PURE__ */ o("span", {
-          "aria-hidden": !0,
-          children: r
-        }), t]
-      }), /* @__PURE__ */ o("div", {
-        className: `flex flex-wrap gap-1 items-center content-start p-1.5 border rounded transition-colors ${m ? "min-h-16" : "min-h-9"} ${i ? n ? G === e ? "border-primary border-solid bg-primary/10" : "border-primary/60 border-dashed bg-primary/5" : "border-base-300 border-dashed opacity-40" : "border-base-300 border-dashed bg-base-100/50"}`,
-        children: a
-      })]
-    });
-  }, $ = m ? null : /* @__PURE__ */ o("div", { className: "w-px bg-base-300 self-stretch" });
-  return /* @__PURE__ */ l(g, { children: [/* @__PURE__ */ l("div", {
-    className: `gap-2 p-2 border border-base-300 rounded-box bg-base-200/40 ${m ? "flex flex-col shrink-0 self-stretch overflow-auto" : "w-full flex flex-wrap items-stretch"}`,
-    style: m ? { width: typeof D == "number" ? `${D}px` : D } : void 0,
-    children: [
-      y("available", "☷", s.available, /* @__PURE__ */ l(g, { children: [
-        H.length === 0 && I.length === 0 && /* @__PURE__ */ o("span", {
-          className: "text-xs opacity-40",
-          children: s.empty
-        }),
-        H.map((e) => x(e.field)),
-        I.map((e) => x(e.field, { prefix: /* @__PURE__ */ o("span", {
-          className: "opacity-70",
-          children: "#"
-        }) }))
-      ] })),
-      $,
-      y("rows", "≣", s.rowGroups, /* @__PURE__ */ l(g, { children: [A.length === 0 && /* @__PURE__ */ o("span", {
-        className: "text-xs opacity-40",
-        children: s.dropHint
-      }), A.map((e) => x(e, { onRemove: () => T(e) }))] })),
-      $,
-      y("cols", "║", s.colGroups, /* @__PURE__ */ l(g, { children: [w.length === 0 && /* @__PURE__ */ o("span", {
-        className: "text-xs opacity-40",
-        children: s.dropHint
-      }), w.map((e) => x(e, { onRemove: () => T(e) }))] })),
-      $,
-      y("values", "Σ", s.values, /* @__PURE__ */ l(g, { children: [d.length === 0 && /* @__PURE__ */ o("span", {
-        className: "text-xs opacity-40",
-        children: s.dropHint
-      }), d.map((e, r) => /* @__PURE__ */ l("span", {
-        draggable: !0,
-        onDragStart: (t) => O(t, e.field),
-        onDragEnd: X,
-        className: `badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${i?.field === e.field ? "opacity-40" : ""}`,
-        children: [
-          /* @__PURE__ */ o("select", {
-            className: "bg-transparent text-xs outline-none",
-            value: e.aggFn,
-            draggable: !1,
-            onChange: (t) => p(d.map((a, n) => n === r ? {
-              ...a,
-              aggFn: t.target.value
-            } : a)),
-            children: U.map((t) => /* @__PURE__ */ o("option", {
-              value: t,
-              children: t
-            }, t))
-          }),
-          /* @__PURE__ */ o("span", { children: N(e.field) }),
-          /* @__PURE__ */ o("button", {
-            type: "button",
-            className: "text-xs opacity-60 hover:opacity-100",
-            onClick: () => p(d.filter((t, a) => a !== r)),
-            "aria-label": s.remove,
-            children: "✕"
-          })
-        ]
-      }, `${e.field}:${r}`))] }))
-    ]
-  }), i && /* @__PURE__ */ l("div", {
-    ref: C,
-    className: "badge badge-primary gap-1 items-center shadow-lg pointer-events-none",
-    style: {
-      position: "fixed",
-      left: 0,
-      top: 0,
-      zIndex: 2e3,
-      willChange: "transform"
-    },
-    children: [i.numeric && /* @__PURE__ */ o("span", {
-      className: "opacity-80",
-      children: "#"
-    }), i.label]
-  })] });
+function l({ orientation: l, lang: u, fieldLabels: d, dimensionFields: f, numericFields: p, rowFields: m, colFields: h, values: g, setRowFields: _, setColFields: v, setValues: y, panelWidth: b = 224 }) {
+	let x = s[u], S = (e) => d[e] ?? e, C = (e) => p.some((t) => t.field === e), [w, T] = n(null), [E, D] = n(null), O = t(null), k = t({
+		x: 0,
+		y: 0
+	}), A = w != null;
+	e(() => {
+		if (!A) return;
+		let e = () => {
+			let e = O.current;
+			e && (e.style.transform = `translate(${k.current.x + 12}px, ${k.current.y + 12}px)`);
+		};
+		e();
+		let t = (t) => {
+			(t.clientX !== 0 || t.clientY !== 0) && (k.current = {
+				x: t.clientX,
+				y: t.clientY
+			}, e());
+		}, n = () => {
+			T(null), D(null);
+		};
+		return window.addEventListener("dragover", t), window.addEventListener("dragend", n), window.addEventListener("drop", n), () => {
+			window.removeEventListener("dragover", t), window.removeEventListener("dragend", n), window.removeEventListener("drop", n);
+		};
+	}, [A]);
+	let j = /* @__PURE__ */ new Set([...m, ...h]), M = f.filter((e) => !j.has(e.field)), N = new Set(g.map((e) => e.field)), P = p.filter((e) => !N.has(e.field)), F = (e) => {
+		_((t) => t.filter((t) => t !== e)), v((t) => t.filter((t) => t !== e)), y((t) => t.filter((t) => t.field !== e));
+	}, I = (e) => w ? e === "available" ? !0 : e === "values" ? w.numeric : !w.numeric : !1, L = (e, t) => {
+		let n = C(t);
+		if (e === "values") {
+			if (!n) return;
+			_((e) => e.filter((e) => e !== t)), v((e) => e.filter((e) => e !== t)), y((e) => e.some((e) => e.field === t) ? e : [...e, {
+				field: t,
+				aggFn: "sum"
+			}]);
+			return;
+		}
+		if (e === "rows" || e === "cols") {
+			if (n) return;
+			y((e) => e.filter((e) => e.field !== t)), e === "rows" ? (v((e) => e.filter((e) => e !== t)), _((e) => e.includes(t) ? e : [...e, t])) : (_((e) => e.filter((e) => e !== t)), v((e) => e.includes(t) ? e : [...e, t]));
+			return;
+		}
+		F(t);
+	}, R = (e, t) => {
+		e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move", c && e.dataTransfer.setDragImage(c, 0, 0), k.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, T({
+			field: t,
+			label: S(t),
+			numeric: C(t)
+		});
+	}, z = () => {
+		T(null), D(null);
+	}, B = l === "vertical", V = (e, t) => /* @__PURE__ */ a("span", {
+		draggable: !0,
+		onDragStart: (t) => R(t, e),
+		onDragEnd: z,
+		className: `badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${w?.field === e ? "opacity-40" : ""}`,
+		children: [
+			t?.prefix,
+			S(e),
+			t?.onRemove && /* @__PURE__ */ i("button", {
+				type: "button",
+				className: "text-xs opacity-60 hover:opacity-100",
+				onClick: t.onRemove,
+				"aria-label": x.remove,
+				children: "✕"
+			})
+		]
+	}, e), H = (e, t, n, r) => {
+		let o = I(e);
+		return /* @__PURE__ */ a("div", {
+			className: `flex flex-col gap-1 ${B ? "w-full" : "flex-1 min-w-40"}`,
+			onDragOver: (t) => {
+				o && (t.preventDefault(), t.dataTransfer.dropEffect = "move", E !== e && D(e));
+			},
+			onDragLeave: (t) => {
+				t.currentTarget.contains(t.relatedTarget) || E === e && D(null);
+			},
+			onDrop: (t) => {
+				t.preventDefault();
+				let n = t.dataTransfer.getData("text/plain");
+				D(null), n && L(e, n);
+			},
+			children: [/* @__PURE__ */ a("span", {
+				className: "text-xs font-semibold opacity-60 flex items-center gap-1",
+				children: [/* @__PURE__ */ i("span", {
+					"aria-hidden": !0,
+					children: t
+				}), n]
+			}), /* @__PURE__ */ i("div", {
+				className: `flex flex-wrap gap-1 items-center content-start p-1.5 border rounded transition-colors ${B ? "min-h-16" : "min-h-9"} ${w ? o ? E === e ? "border-primary border-solid bg-primary/10" : "border-primary/60 border-dashed bg-primary/5" : "border-base-300 border-dashed opacity-40" : "border-base-300 border-dashed bg-base-100/50"}`,
+				children: r
+			})]
+		});
+	}, U = B ? null : /* @__PURE__ */ i("div", { className: "w-px bg-base-300 self-stretch" });
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+		className: `gap-2 p-2 border border-base-300 rounded-box bg-base-200/40 ${B ? "flex flex-col shrink-0 self-stretch overflow-auto" : "w-full flex flex-wrap items-stretch"}`,
+		style: B ? { width: typeof b == "number" ? `${b}px` : b } : void 0,
+		children: [
+			H("available", "☷", x.available, /* @__PURE__ */ a(r, { children: [
+				M.length === 0 && P.length === 0 && /* @__PURE__ */ i("span", {
+					className: "text-xs opacity-40",
+					children: x.empty
+				}),
+				M.map((e) => V(e.field)),
+				P.map((e) => V(e.field, { prefix: /* @__PURE__ */ i("span", {
+					className: "opacity-70",
+					children: "#"
+				}) }))
+			] })),
+			U,
+			H("rows", "≣", x.rowGroups, /* @__PURE__ */ a(r, { children: [m.length === 0 && /* @__PURE__ */ i("span", {
+				className: "text-xs opacity-40",
+				children: x.dropHint
+			}), m.map((e) => V(e, { onRemove: () => F(e) }))] })),
+			U,
+			H("cols", "║", x.colGroups, /* @__PURE__ */ a(r, { children: [h.length === 0 && /* @__PURE__ */ i("span", {
+				className: "text-xs opacity-40",
+				children: x.dropHint
+			}), h.map((e) => V(e, { onRemove: () => F(e) }))] })),
+			U,
+			H("values", "Σ", x.values, /* @__PURE__ */ a(r, { children: [g.length === 0 && /* @__PURE__ */ i("span", {
+				className: "text-xs opacity-40",
+				children: x.dropHint
+			}), g.map((e, t) => /* @__PURE__ */ a("span", {
+				draggable: !0,
+				onDragStart: (t) => R(t, e.field),
+				onDragEnd: z,
+				className: `badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${w?.field === e.field ? "opacity-40" : ""}`,
+				children: [
+					/* @__PURE__ */ i("select", {
+						className: "bg-transparent text-xs outline-none",
+						value: e.aggFn,
+						draggable: !1,
+						onChange: (e) => y(g.map((n, r) => r === t ? {
+							...n,
+							aggFn: e.target.value
+						} : n)),
+						children: o.map((e) => /* @__PURE__ */ i("option", {
+							value: e,
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ i("span", { children: S(e.field) }),
+					/* @__PURE__ */ i("button", {
+						type: "button",
+						className: "text-xs opacity-60 hover:opacity-100",
+						onClick: () => y(g.filter((e, n) => n !== t)),
+						"aria-label": x.remove,
+						children: "✕"
+					})
+				]
+			}, `${e.field}:${t}`))] }))
+		]
+	}), w && /* @__PURE__ */ a("div", {
+		ref: O,
+		className: "badge badge-primary gap-1 items-center shadow-lg pointer-events-none",
+		style: {
+			position: "fixed",
+			left: 0,
+			top: 0,
+			zIndex: 2e3,
+			willChange: "transform"
+		},
+		children: [w.numeric && /* @__PURE__ */ i("span", {
+			className: "opacity-80",
+			children: "#"
+		}), w.label]
+	})] });
 }
-export {
-  ee as PivotPanel,
-  ee as default
-};
+//#endregion
+export { l as PivotPanel, l as default };
 
 //# sourceMappingURL=PivotPanel.js.map