@hi-ui/check-select 4.0.0-alpha.2 → 4.0.0-alpha.23

package/lib/esm/use-check-select.js

@@ -10,12 +10,13 @@
 import { __rest } from 'tslib';
 import React, { useMemo, useCallback } from 'react';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
-import { useSearch } from './hooks/use-search.js';
 import { useCheck } from '@hi-ui/use-check';
 import { useLatestCallback } from '@hi-ui/use-latest';
 import { toArray } from '@hi-ui/use-children';
+import { flattenTree } from '@hi-ui/tree-utils';
 var NOOP_ARRAY = [];
 var NOOP_VALUE = [];
+var DEFAULT_FIELD_NAMES = {};
 
 var useCheckSelect = function useCheckSelect(_a) {
   var _a$data = _a.data,
@@ -30,46 +31,93 @@ var useCheckSelect = function useCheckSelect(_a) {
       onSelect = _a.onSelect,
       _a$emptyContent = _a.emptyContent,
       emptyContent = _a$emptyContent === void 0 ? '无匹配选项' : _a$emptyContent,
-      searchPlaceholder = _a.searchPlaceholder,
-      titleRender = _a.titleRender,
-      rest = __rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "titleRender"]);
+      _a$fieldNames = _a.fieldNames,
+      fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
+      rest = __rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "filter", "fieldNames"]);
 
   var data = useMemo(function () {
     if (children) {
-      var list = toArray(children);
-      var arr = [];
-
-      var dfs = function dfs(list) {
+      var dfs = function dfs(child) {
+        var arr = [];
+        var list = toArray(child);
         list.forEach(function (item) {
           if (! /*#__PURE__*/React.isValidElement(item)) return; // @ts-ignore
 
-          if (item.type && item.type.HiName === 'CheckSelectOption') {
-            arr.push(item); // @ts-ignore
-          } else if (item.type && item.type.HiName === 'CheckSelectOptionGroup') {
-            // @ts-ignore
-            if (item.props && item.props.children) {
-              // @ts-ignore
-              var _list = toArray(item.props.children);
+          if (item.type.HiName === 'CheckSelectOption') {
+            var props = item.props;
+
+            var _value = props.value,
+                _children = props.children,
+                _disabled = props.disabled,
+                _rest = __rest(props, ["value", "children", "disabled", "groupTitle"]);
+
+            var option = {
+              id: _value,
+              title: _children,
+              disabled: _disabled,
+              rootProps: _rest
+            };
+            arr.push(option); // @ts-ignore
+          } else if (item.type.HiName === 'CheckSelectOptionGroup') {
+            var _props = item.props;
+
+            var groupId = _props.groupId,
+                label = _props.label,
+                _children2 = _props.children,
+                _rest2 = __rest(_props, ["groupId", "label", "children"]);
 
-              dfs(_list);
+            var optGroup = {
+              groupId: groupId,
+              groupTitle: label,
+              children: [],
+              rootProps: _rest2
+            }; // @ts-ignore
+
+            if (_children2) {
+              // @ts-ignore
+              optGroup.children = dfs(_children2);
             }
+
+            arr.push(optGroup);
           }
         });
+        return arr;
       };
 
-      dfs(list);
-      return arr.map(function (_ref) {
-        var props = _ref.props;
-        return {
-          id: props.value,
-          title: props.children,
-          disabled: props.disabled || false
-        };
-      });
+      return dfs(children);
     }
 
     return dataProp;
   }, [children, dataProp]);
+  /**
+   * 转换对象
+   */
+
+  var getKeyFields = useCallback(function (node, key) {
+    return node[fieldNames[key] || key];
+  }, [fieldNames]);
+  var flattedData = useMemo(function () {
+    // @ts-ignore
+    return flattenTree(data, function (node) {
+      if ('groupId' in node.raw) {
+        // @ts-ignore
+        node.id = node.raw.groupId; // @ts-ignore
+
+        node.groupTitle = node.raw.groupTitle; // @ts-ignore
+
+        node.groupId = node.raw.groupId;
+      } else {
+        // TODO：support children field map
+        node.id = getKeyFields(node.raw, 'id'); // @ts-ignore
+
+        node.title = getKeyFields(node.raw, 'title'); // @ts-ignore
+
+        node.disabled = getKeyFields(node.raw, 'disabled');
+      }
+
+      return node;
+    });
+  }, [data, getKeyFields]);
 
   var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChangeProp),
       value = _useUncontrolledState[0],
@@ -88,34 +136,30 @@ var useCheckSelect = function useCheckSelect(_a) {
     allowCheck: allowCheck
   }),
       onOptionCheck = _useCheckDefault[0],
-      isSelectedId = _useCheckDefault[1];
-
-  var _useSearch = useSearch(data),
-      inSearch = _useSearch[0],
-      matchedItems = _useSearch[1],
-      inputProps = _useSearch[2],
-      isEmpty = _useSearch[3],
-      resetSearch = _useSearch[4];
-
-  var getSearchInputProps = useCallback(function () {
-    return {
-      placeholder: searchPlaceholder,
-      value: inputProps.value,
-      onChange: inputProps.onChange
-    };
-  }, [searchPlaceholder, inputProps]);
+      isSelectedId = _useCheckDefault[1]; // const [inSearch, matchedItems, inputProps, isEmpty, resetSearch] = useSearch(data, filter)
+  // const getSearchInputProps = useCallback(
+  //   () => ({
+  //     placeholder: searchPlaceholder,
+  //     value: inputProps.value,
+  //     onChange: inputProps.onChange,
+  //   }),
+  //   [searchPlaceholder, inputProps]
+  // )
+
+
   return {
     rootProps: rest,
-    data: inSearch ? matchedItems : data,
+    // data: inSearch ? matchedItems : data,
+    data: data,
+    flattedData: flattedData,
     value: value,
+    tryChangeValue: tryChangeValue,
     onSelect: onOptionCheck,
     isSelectedId: isSelectedId,
-    emptyContent: emptyContent,
-    getSearchInputProps: getSearchInputProps,
-    tryChangeValue: tryChangeValue,
-    isEmpty: isEmpty,
-    resetSearch: resetSearch,
-    titleRender: titleRender
+    emptyContent: emptyContent // getSearchInputProps,
+    // isEmpty,
+    // resetSearch,
+
   };
 };
 

package/lib/esm/use-check-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-check-select.js","sources":["../../src/use-check-select.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","useCheckSelect","_a","data","dataProp","children","disabled","valueProp","value","defaultValue","onChangeProp","onChange","onSelect","emptyContent","searchPlaceholder","titleRender","rest","useMemo","list","toArray","arr","dfs","forEach","item","React","isValidElement","type","HiName","push","props","map","id","title","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","useCallback","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId","useSearch","inSearch","matchedItems","inputProps","isEmpty","resetSearch","getSearchInputProps","placeholder","rootProps","option"],"mappings":"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"}
+{"version":3,"file":"use-check-select.js","sources":["../../src/use-check-select.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","DEFAULT_FIELD_NAMES","useCheckSelect","_a","data","dataProp","children","disabled","valueProp","value","defaultValue","onChangeProp","onChange","onSelect","emptyContent","fieldNames","rest","useMemo","dfs","child","arr","list","toArray","forEach","item","React","isValidElement","type","HiName","props","option","id","title","rootProps","push","groupId","label","optGroup","groupTitle","getKeyFields","useCallback","node","key","flattedData","flattenTree","raw","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,UAAU,GAAG,EAAnB;AACA,IAAMC,mBAAmB,GAAG,EAA5B;;IAEaC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,EAAD;mBAC5BC;MAAMC,gCAAWN;MACjBO,cAAAA;uBACAC;MAAAA,oCAAW;MACJC,eAAPC;2BACAC;MAAAA,4CAAeV;MACLW,kBAAVC;MACAC,cAAAA;2BACAC;MAAAA,4CAAe;yBAGfC;MAAAA,wCAAad;MACVe,kBAZ0B,OAAA,YAAA,YAAA,SAAA,gBAAA,YAAA,YAAA,gBAAA,qBAAA,UAAA,cAAA;;MAcvBZ,IAAI,GAAGa,OAAO,CAAC;QACfX,UAAU;UACNY,GAAG,GAAG,SAANA,GAAM,CAACC,KAAD;YACJC,GAAG,GAAU;YACbC,IAAI,GAAGC,OAAO,CAACH,KAAD;AAEpBE,QAAAA,IAAI,CAACE,OAALF,CAAa,UAACG,IAAD;cACP,eAACC,KAAK,CAACC,cAAND,CAAqBD,IAArBC,GAA4B;;cAG7BD,IAAI,CAACG,IAALH,CAAUI,MAAVJ,KAAqB,qBAAqB;gBACpCK,KAAR,GAAkBL,IAAlB,CAAQK;;gBACApB,MAAR,GAA2DoB,KAA3D,CAAQpB;gBAAOH,SAAf,GAA2DuB,KAA3D,CAAevB;gBAAUC,SAAzB,GAA2DsB,KAA3D,CAAyBtB;gBAAyBS,KAAlD,UAA2Da,OAArD,QAAA,YAAA,YAAA,cAAA;;gBACAC,MAAM,GAAG;AACbC,cAAAA,EAAE,EAAEtB,MADS;AAEbuB,cAAAA,KAAK,EAAE1B,SAFM;AAGbC,cAAAA,QAAQ,EAAEA,SAHG;AAIb0B,cAAAA,SAAS,EAAEjB;AAJE;AAMfI,YAAAA,GAAG,CAACc,IAAJd,CAASU,MAATV,EAT4C;AAA9C,iBAWO,IAAII,IAAI,CAACG,IAALH,CAAUI,MAAVJ,KAAqB,wBAAzB,EAAmD;gBAChDK,MAAR,GAAkBL,IAAlB,CAAQK;;gBACAM,OAAR,GAA8CN,MAA9C,CAAQM;gBAASC,KAAjB,GAA8CP,MAA9C,CAAiBO;gBAAO9B,UAAxB,GAA8CuB,MAA9C,CAAwBvB;gBAAaU,MAArC,UAA8Ca,QAAxC,UAAA,SAAA,YAAA;;gBAEAQ,QAAQ,GAAG;AACfF,cAAAA,OAAO,EAAPA,OADe;AAEfG,cAAAA,UAAU,EAAEF,KAFG;AAGf9B,cAAAA,QAAQ,EAAE,EAHK;AAIf2B,cAAAA,SAAS,EAAEjB;AAJI,cAJuC;;gBAYpDV,YAAU;;AAEZ+B,cAAAA,QAAQ,CAAC/B,QAAT+B,GAAoBnB,GAAG,CAACZ,UAAD,CAAvB+B;;;AAGFjB,YAAAA,GAAG,CAACc,IAAJd,CAASiB,QAATjB;;AAhCJ,SAAAC;eAoCOD;AAxCT;;aA2COF,GAAG,CAACZ,QAAD;;;WAGLD;AAhDW,GAAA,EAiDjB,CAACC,QAAD,EAAWD,QAAX,CAjDiB;;;;;MAsDdkC,YAAY,GAAGC,WAAW,CAC9B,UAACC,IAAD,EAAYC,GAAZ;WACSD,IAAI,CAAC1B,UAAU,CAAC2B,GAAD,CAAV3B,IAAmB2B,GAApB;AAFiB,GAAA,EAI9B,CAAC3B,UAAD,CAJ8B;MAO1B4B,WAAW,GAAG1B,OAAO,CAAC;;WAEnB2B,WAAW,CAACxC,IAAD,EAAO,UAACqC,IAAD;UACnB,aAAaA,IAAI,CAACI,KAAK;;AAEzBJ,QAAAA,IAAI,CAACV,EAALU,GAAUA,IAAI,CAACI,GAALJ,CAASN,OAAnBM,CAFyB;;AAIzBA,QAAAA,IAAI,CAACH,UAALG,GAAkBA,IAAI,CAACI,GAALJ,CAASH,UAA3BG,CAJyB;;AAMzBA,QAAAA,IAAI,CAACN,OAALM,GAAeA,IAAI,CAACI,GAALJ,CAASN,OAAxBM;AANF,aAOO;;AAELA,QAAAA,IAAI,CAACV,EAALU,GAAUF,YAAY,CAACE,IAAI,CAACI,GAAN,EAAW,IAAX,CAAtBJ,CAFK;;AAILA,QAAAA,IAAI,CAACT,KAALS,GAAaF,YAAY,CAACE,IAAI,CAACI,GAAN,EAAW,OAAX,CAAzBJ,CAJK;;AAMLA,QAAAA,IAAI,CAAClC,QAALkC,GAAgBF,YAAY,CAACE,IAAI,CAACI,GAAN,EAAW,UAAX,CAA5BJ;;;aAEKA;AAhBS,KAAA;AAFO,GAAA,EAoBxB,CAACrC,IAAD,EAAOmC,YAAP,CApBwB;;8BAsBKO,oBAAoB,CAACpC,YAAD,EAAeF,SAAf,EAA0BG,YAA1B;MAA7CF,KAAP;MAAcsC,cAAd;;MAEMC,cAAc,GAAGC,iBAAiB,CAACpC,QAAD;MAElCqC,mBAAmB,GAAGV,WAAW,CACrC,UAAC/B,KAAD,EAA2Be,IAA3B,EAAuD2B,aAAvD;AACEJ,IAAAA,cAAc,CAACtC,KAAD,EAAQe,IAAR,EAAc2B,aAAd,CAAdJ;AACAC,IAAAA,cAAc,CAACvC,KAAD,EAAQe,IAAR,EAAc2B,aAAd,CAAdH;AAHmC,GAAA,EAKrC,CAACD,cAAD,EAAiBC,cAAjB,CALqC;;yBAQDI,QAAe,CAAC;AACpD7C,IAAAA,QAAQ,EAARA,QADoD;AAEpD8C,IAAAA,UAAU,EAAE5C,KAFwC;AAGpD6C,IAAAA,OAAO,EAAEJ,mBAH2C;AAIpDK,IAAAA,UAAU,EAAVA;AAJoD,GAAD;MAA9CC,aAAP;MAAsBC,YAAtB;;;;;;;;;;;SAkBO;AACLxB,IAAAA,SAAS,EAAEjB,IADN;;AAGLZ,IAAAA,IAAI,EAAJA,IAHK;AAILuC,IAAAA,WAAW,EAAXA,WAJK;AAKLlC,IAAAA,KAAK,EAALA,KALK;AAMLsC,IAAAA,cAAc,EAAdA,cANK;AAOLlC,IAAAA,QAAQ,EAAE2C,aAPL;AAQLC,IAAAA,YAAY,EAAZA,YARK;AASL3C,IAAAA,YAAY,EAAZA,YATK;;;;AAAA;;;AAiFT,IAAMyC,UAAU,GAAG,SAAbA,UAAa,CAACzB,MAAD;SAAiB,CAACA,MAAM,CAACvB;AAA5C,CAAA;;"}

package/lib/types/CheckSelect.d.ts

@@ -1,28 +1,31 @@
 import React from 'react';
+import { UseCheckSelectProps } from './use-check-select';
 import type { HiBaseHTMLProps } from '@hi-ui/core';
 import { PopperProps } from '@hi-ui/popper';
-import { CheckSelectItem } from './types';
+import { CheckSelectDataItem, CheckSelectEventData } from './types';
+import { PickerProps } from '@hi-ui/picker';
+import { UseDataSource } from '@hi-ui/use-data-source';
 /**
  * TODO: What is CheckSelect
  */
 export declare const CheckSelect: React.ForwardRefExoticComponent<CheckSelectProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface CheckSelectProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange' | 'onSelect' | 'defaultValue'> {
+export interface CheckSelectProps extends Omit<PickerProps, 'trigger'>, UseCheckSelectProps {
     /**
-     * 设置当前选中值
+     * 自定义控制 popper 行为
      */
-    value?: React.ReactText[];
+    popper?: PopperProps;
     /**
-     * 设置当前选中值默认值
+     * 设置虚拟滚动容器的可视高度
      */
-    defaultValue?: React.ReactText[];
+    height?: number;
     /**
-     * 选中值改变时的回调
+     * 设置虚拟列表每项的固定高度
      */
-    onChange?: (value: React.ReactText[], targetOption?: CheckSelectItem, shouldChecked?: boolean) => void;
+    itemHeight?: number;
     /**
-     * 选中值时回调
+     * 	设置 `true` 开启虚拟滚动
      */
-    onSelect?: (value: React.ReactText[], targetOption?: CheckSelectItem, shouldChecked?: boolean) => void;
+    virtual?: boolean;
     /**
      * 是否可搜索（仅在 title 为字符串时支持）
      */
@@ -32,45 +35,77 @@ export interface CheckSelectProps extends Omit<HiBaseHTMLProps<'div'>, 'onChange
      */
     clearable?: boolean;
     /**
-     * 是否禁止使用
+     * 是否开启换行全展示
+     */
+    wrap?: boolean;
+    /**
+     * 是否点击清理 tags
      */
-    disabled?: boolean;
+    onClear?: () => void;
     /**
-     * 设置选项为空时展示的内容
+     * 自定义尺寸
      */
-    emptyContent?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
     /**
      * 自定义渲染节点的 title 内容
      */
-    titleRender?: (item: CheckSelectItem) => React.ReactNode;
+    titleRender?: (item: CheckSelectEventData) => React.ReactNode;
     /**
      * 自定义选择后触发器所展示的内容，只在 title 为字符串时有效
      */
-    displayRender?: (option: CheckSelectItem) => React.ReactNode;
+    displayRender?: (option: CheckSelectDataItem) => React.ReactNode;
     /**
      * 触发器输入框占位符
      */
     placeholder?: string;
     /**
-     * 搜索输入框占位符
+     * 设置展现形式
      */
-    searchPlaceholder?: string;
+    appearance?: 'outline' | 'unset' | 'filled';
     /**
-     * 自定义控制 popper 行为
+     * 节点搜索模式，仅在mode=normal模式下生效
      */
-    popper?: PopperProps;
+    searchMode?: 'highlight' | 'filter';
     /**
-     * 搜索数据
+     * 自定义搜索过滤器，仅在 searchable 为 true 时有效
+     * 第一个参数为输入的关键字，
+     * 第二个为数据项，返回值为 true 时将出现在结果项
      */
-    onSearch?: (item: CheckSelectItem) => Promise<CheckSelectItem[] | void> | void;
+    filterOption?: (keyword: string, item: CheckSelectDataItem) => boolean;
     /**
-     * 选项数据
+     * 异步加载数据
      */
-    data?: CheckSelectItem[];
-}
-export declare const SelectSearch: React.ForwardRefExoticComponent<Pick<SelectSearchProps, string | number> & React.RefAttributes<HTMLInputElement | null>>;
-export interface SelectSearchProps extends HiBaseHTMLProps {
+    dataSource?: UseDataSource<CheckSelectDataItem>;
+    /**
+     * 自定义下拉菜单底部渲染
+     */
+    renderExtraFooter?: () => React.ReactNode;
+    /**
+     * 自定义 input 后缀 icon
+     */
+    suffixIcon?: React.ReactNode;
+    /**
+     * 自定义清除 tags 的 icon
+     */
+    clearIcon?: React.ReactNode;
+    /**
+     * 面板打开时回调
+     */
+    onOpen?: () => void;
+    /**
+     * 面板关闭时回调
+     */
+    onClose?: () => void;
 }
+/**
+ * TODO: What is CheckSelectOption
+ */
 export declare const CheckSelectOption: React.ForwardRefExoticComponent<Pick<CheckSelectOptionProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
 export interface CheckSelectOptionProps extends HiBaseHTMLProps {
 }
+/**
+ * TODO: What is CheckSelectOptionGroup
+ */
+export declare const CheckSelectOptionGroup: React.ForwardRefExoticComponent<Pick<CheckSelectOptionGroupProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
+export interface CheckSelectOptionGroupProps extends HiBaseHTMLProps {
+}