@bit-sun/business-component 4.2.1-alpha.7-longya → 4.2.1-alpha.8

package/src/components/Functional/QueryAutoComplete/buildOptions.ts

@@ -1,17 +0,0 @@
-export function buildAutoCompleteOptions(
-  list: Array<Record<string, any>> | null | undefined,
-  mappingTextField = 'name',
-): { value: string }[] {
-  if (!Array.isArray(list)) return [];
-  const seen = new Set<string>();
-  const options: { value: string }[] = [];
-  for (const item of list) {
-    const text = item?.[mappingTextField];
-    if (text == null) continue;
-    const value = String(text).trim();
-    if (!value || seen.has(value)) continue;
-    seen.add(value);
-    options.push({ value });
-  }
-  return options;
-}

package/src/components/Functional/QueryAutoComplete/index.tsx

@@ -1,140 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { AutoComplete, Input } from 'antd';
-import { useDebounceFn } from 'ahooks';
-import { stringify } from 'querystring';
-import request from '@/utils/request';
-import { judgeIsRequestError } from '@/utils/requestUtils';
-import { buildAutoCompleteOptions } from './buildOptions';
-
-export type QueryAutoCompleteRequestConfig = {
-  url: string;
-  method?: 'get' | 'GET' | 'post' | 'POST' | 'patch' | 'PATCH' | 'put' | 'PUT';
-  otherParams?: Record<string, any>;
-  mappingTextField?: string;
-  pageSize?: number;
-  debounceWait?: number;
-  /** 写入查询串的 like 参数名，默认 qp-skuName-like */
-  likeParamName?: string;
-};
-
-export type QueryAutoCompleteProps = {
-  value?: string;
-  onChange?: (value: string) => void;
-  onPressEnter?: () => void;
-  requestConfig: QueryAutoCompleteRequestConfig;
-  placeholder?: string;
-  allowClear?: boolean;
-  style?: React.CSSProperties;
-  disabled?: boolean;
-};
-
-const QueryAutoComplete: React.FC<QueryAutoCompleteProps> = ({
-  value,
-  onChange,
-  onPressEnter,
-  requestConfig,
-  placeholder = '请输入',
-  allowClear = true,
-  style,
-  disabled,
-}) => {
-  const {
-    url,
-    method = 'get',
-    otherParams = {},
-    mappingTextField = 'name',
-    pageSize = 50,
-    debounceWait = 300,
-    likeParamName = 'qp-skuName-like',
-  } = requestConfig || ({} as QueryAutoCompleteRequestConfig);
-
-  const [options, setOptions] = useState<{ value: string }[]>([]);
-  const seqRef = useRef(0);
-  const mountedRef = useRef(true);
-
-  useEffect(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-      seqRef.current += 1;
-    };
-  }, []);
-
-  const fetchSuggest = (keyword: string) => {
-    const trimmed = (keyword || '').trim();
-    if (!url || !trimmed) {
-      setOptions([]);
-      return;
-    }
-    const seq = ++seqRef.current;
-    const queryParams = {
-      pageSize,
-      currentPage: 1,
-      ...otherParams,
-      [likeParamName]: trimmed,
-    };
-    const qs = stringify(queryParams);
-    const fullUrl = `${url}${url.includes('?') ? '&' : '?'}${qs}`;
-    const methodName = String(method).toLowerCase();
-    const pending =
-      ['post', 'patch', 'put'].includes(methodName)
-        ? // 与 SearchSelect 弹窗列表一致：参数在 query，body 为空
-          (request as any)[methodName](fullUrl, null)
-        : request.get(fullUrl);
-
-    pending
-      .then((result: any) => {
-        if (!mountedRef.current || seq !== seqRef.current) return;
-        const body = result?.data;
-        if (judgeIsRequestError(body)) {
-          setOptions([]);
-          return;
-        }
-        const res = body?.data;
-        const list = res?.list || res?.items || (Array.isArray(res) ? res : []);
-        // sku 名称：列表列用 skuName，pager 用 name；其它字段（如 itemName）不做跨字段回退
-        const primary = buildAutoCompleteOptions(list, mappingTextField);
-        if (primary.length) {
-          setOptions(primary);
-          return;
-        }
-        if (mappingTextField === 'skuName' || mappingTextField === 'name') {
-          const fallbackField = mappingTextField === 'skuName' ? 'name' : 'skuName';
-          setOptions(buildAutoCompleteOptions(list, fallbackField));
-          return;
-        }
-        setOptions([]);
-      })
-      .catch(() => {
-        if (!mountedRef.current || seq !== seqRef.current) return;
-        setOptions([]);
-      });
-  };
-
-  const { run: debouncedFetch } = useDebounceFn(fetchSuggest, { wait: debounceWait });
-
-  return (
-    <AutoComplete
-      value={value}
-      options={options}
-      onSearch={(text) => {
-        debouncedFetch(text);
-      }}
-      onSelect={(text) => {
-        onChange?.(String(text ?? ''));
-      }}
-      onChange={(next) => onChange?.(next ?? '')}
-      disabled={disabled}
-      style={{ width: '100%', ...style }}
-    >
-      <Input
-        allowClear={allowClear}
-        disabled={disabled}
-        placeholder={placeholder}
-        onPressEnter={() => onPressEnter?.()}
-      />
-    </AutoComplete>
-  );
-};
-
-export default QueryAutoComplete;

package/src/components/Functional/SearchSelect/currentPageFilter.ts

@@ -1,135 +0,0 @@
-export interface CurrentPageFilterColumn {
-  dataIndex?: string;
-  currentPageFilter?: boolean;
-  children?: CurrentPageFilterColumn[];
-  [key: string]: any;
-}
-
-export interface CurrentPageFilterOption {
-  text: string;
-  value: string;
-}
-
-/**
- * SKU 选择弹框「当前页列筛选」默认字段（合并 BusinessSearchSelect / AddSkuSelect 命名）。
- * Functional 层按 dataIndex 命中自动开启，业务列不必再散标 currentPageFilter。
- */
-export const SKU_CURRENT_PAGE_FILTER_DATA_INDEXES = [
-  'skuCode',
-  'skuName',
-  'name',
-  'itemName',
-  'itemCode',
-  'styleCode',
-  'pinCode',
-  'longyaStyleCode',
-  'longyaPinCode',
-  'colorName',
-  'sizeName',
-];
-
-/**
- * 按 dataIndex 白名单为表格列打上 currentPageFilter。
- *
- * @param columns 原始表格列
- * @param dataIndexes 需要开启当前页筛选的字段
- * @returns 已标记的表格列
- */
-export const markCurrentPageFilterByDataIndex = (
-  columns: CurrentPageFilterColumn[] = [],
-  dataIndexes: string[] = SKU_CURRENT_PAGE_FILTER_DATA_INDEXES,
-): CurrentPageFilterColumn[] =>
-  columns.map((column) =>
-    dataIndexes.includes(column?.dataIndex as string)
-      ? { ...column, currentPageFilter: true, width: column.width || 140 }
-      : column,
-  );
-
-/**
- * 从当前页数据中提取指定字段的筛选项，过滤空值后按名称去重、排序。
- *
- * @param dataSource 当前页表格数据
- * @param dataIndex 作为筛选值的数据字段
- * @returns 当前页可用的筛选项
- */
-export const getCurrentPageFilterOptions = (
-  dataSource: any[] = [],
-  dataIndex?: string,
-): CurrentPageFilterOption[] => {
-  if (!dataIndex) {
-    return [];
-  }
-
-  const optionMap = new Map<string, CurrentPageFilterOption>();
-  dataSource.forEach((record: any) => {
-    const rawValue = record?.[dataIndex];
-    if (rawValue === null || rawValue === undefined) {
-      return;
-    }
-
-    const value = String(rawValue).trim();
-    if (!value || optionMap.has(value)) {
-      return;
-    }
-
-    optionMap.set(value, { text: value, value });
-  });
-
-  return Array.from(optionMap.values()).sort((left, right) =>
-    left.text.localeCompare(right.text, 'zh-CN', { numeric: true }),
-  );
-};
-
-/**
- * 为声明了 currentPageFilter 的表格列注入当前页筛选能力。
- *
- * @param columns 原始表格列
- * @param dataSource 当前页表格数据
- * @param filteredValues 当前已选筛选值
- * @param enabled 是否启用筛选；已选结果表仅移除内部配置，不启用筛选
- * @returns 可直接传给 Ant Design Table 的表格列
- */
-export const buildCurrentPageFilterColumns = (
-  columns: CurrentPageFilterColumn[] = [],
-  dataSource: any[] = [],
-  filteredValues: Record<string, any[] | null> = {},
-  enabled = true,
-): CurrentPageFilterColumn[] =>
-  columns.map((column: CurrentPageFilterColumn) => {
-    const { currentPageFilter, children, ...columnProps } = column;
-    const nextColumn = {
-      ...columnProps,
-      ...(children?.length
-        ? {
-            children: buildCurrentPageFilterColumns(
-              children,
-              dataSource,
-              filteredValues,
-              enabled,
-            ),
-          }
-        : {}),
-    };
-
-    if (!currentPageFilter || !enabled || !column.dataIndex) {
-      return nextColumn;
-    }
-
-    const dataIndex = column.dataIndex;
-    const currentPageFilterClassName = [
-      columnProps.className,
-      'search_select_current_page_filter_column',
-    ]
-      .filter(Boolean)
-      .join(' ');
-    return {
-      ...nextColumn,
-      width: columnProps.width || 140,
-      className: currentPageFilterClassName,
-      filters: getCurrentPageFilterOptions(dataSource, dataIndex),
-      filterSearch: true,
-      filteredValue: filteredValues[dataIndex] || null,
-      onFilter: (filterValue: any, record: any) =>
-        String(record?.[dataIndex] ?? '') === String(filterValue),
-    };
-  });