@hi-ui/check-cascader 4.0.0-alpha.23 → 4.0.0-alpha.28

package/lib/esm/hooks/use-tag-input.js

@@ -1,113 +0,0 @@
-/** @LICENSE
- * @hi-ui/check-cascader
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
- *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { useRef, useState, useReducer, useEffect, useCallback, useLayoutEffect } from 'react';
-import { debounce } from '../utils/index.js';
-var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度：suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
-
-var LEFT_SPACE_WIDTH = 100 + TAG_MARGIN_RIGHT;
-
-var useTagInput = function useTagInput(wrap, selector, tags, ref) {
-  var shouldCalcTagCountRef = useRef(false);
-
-  var _useState = useState(0),
-      showCount = _useState[0],
-      setShowCount = _useState[1];
-
-  var _useReducer = useReducer(function (v) {
-    return !v;
-  }, false),
-      trigger = _useReducer[0],
-      forceUpdate = _useReducer[1];
-
-  var inputWidth = useResizeWidth(ref);
-  useEffect(function () {
-    forceUpdate();
-  }, [inputWidth, tags]);
-  var calSowCount = useCallback(function () {
-    if (shouldCalcTagCountRef.current && ref.current) {
-      // tags 多个展示超过一行时，以数字显示
-      var tagElements = ref.current.querySelectorAll(selector);
-      var tagWrapperWidth = ref.current.getBoundingClientRect().width;
-      var width = 0;
-
-      for (var i = 0; i < tagElements.length; ++i) {
-        var tag = tagElements[i];
-        var tagRect = tag.getBoundingClientRect();
-        width += tagRect.width + TAG_MARGIN_RIGHT;
-
-        if (shouldCalcTagCountRef.current && width + LEFT_SPACE_WIDTH > tagWrapperWidth) {
-          shouldCalcTagCountRef.current = false; // 开始显示折行的位置，如果为 0，则必展示一个
-
-          var nextShowCount = i === 0 ? 1 : i;
-          setShowCount(nextShowCount);
-          break;
-        }
-      }
-    }
-  }, [ref, selector]);
-  var debouncedResizeRef = useRef();
-  useEffect(function () {
-    var _a;
-
-    (_a = debouncedResizeRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
-    debouncedResizeRef.current = debounce(calSowCount, 60);
-  }, [calSowCount]);
-  useEffect(function () {
-    var _a;
-
-    setShowCount(0);
-    shouldCalcTagCountRef.current = true;
-    (_a = debouncedResizeRef.current) === null || _a === void 0 ? void 0 : _a.call(debouncedResizeRef);
-    return function () {
-      var _a;
-
-      shouldCalcTagCountRef.current = false;
-      (_a = debouncedResizeRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
-    };
-  }, [trigger, ref]);
-  var showTagCount = showCount > 0 ? showCount : tags.length;
-  var leftTagCount = tags.length - showTagCount;
-  var tagMaxWidth = inputWidth ? inputWidth - (LEFT_SPACE_WIDTH + 1) : '100%';
-
-  if (wrap) {
-    return [tagMaxWidth, tags.length, 0];
-  }
-
-  return [tagMaxWidth, showTagCount, leftTagCount];
-};
-
-var useResizeWidth = function useResizeWidth(ref) {
-  var _useState2 = useState(0),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var tryUpdateWidth = useCallback(function () {
-    var _a;
-
-    var nextWidth = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
-    setWidth(function (prev) {
-      return nextWidth || prev || 0;
-    });
-  }, [ref]);
-  useLayoutEffect(function () {
-    // init with resize
-    tryUpdateWidth();
-    var debouncedResize = debounce(tryUpdateWidth, 60);
-    window.addEventListener('resize', debouncedResize);
-    return function () {
-      window.removeEventListener('resize', debouncedResize);
-      debouncedResize.cancel();
-    };
-  }, [tryUpdateWidth]);
-  return width;
-};
-
-export { useResizeWidth, useTagInput };
-//# sourceMappingURL=use-tag-input.js.map

package/lib/esm/hooks/use-tag-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tag-input.js","sources":["../../../src/hooks/use-tag-input.ts"],"sourcesContent":[null],"names":["TAG_MARGIN_RIGHT","LEFT_SPACE_WIDTH","useTagInput","wrap","selector","tags","ref","shouldCalcTagCountRef","useRef","useState","showCount","setShowCount","useReducer","v","trigger","forceUpdate","inputWidth","useResizeWidth","useEffect","calSowCount","useCallback","current","tagElements","querySelectorAll","tagWrapperWidth","getBoundingClientRect","width","i","length","tag","tagRect","nextShowCount","debouncedResizeRef","cancel","debounce","showTagCount","leftTagCount","tagMaxWidth","setWidth","tryUpdateWidth","nextWidth","prev","useLayoutEffect","debouncedResize","window","addEventListener","removeEventListener"],"mappings":"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"}

package/lib/types/TagInput.d.ts

@@ -1,68 +0,0 @@
-import React from 'react';
-import { CheckCascaderItem, FlattedCheckCascaderItem } from './types';
-/**
- * TODO: What is TagInput
- */
-export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface TagInputProps {
-    /**
-     * 组件默认的选择器类
-     */
-    prefixCls?: string;
-    /**
-     * 组件的语义化 Role 属性
-     */
-    role?: string;
-    /**
-     * 组件的注入选择器类
-     */
-    className?: string;
-    /**
-     * 组件的注入样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 设置当前多选值
-     */
-    value?: React.ReactText[];
-    /**
-     * 设置当前多选值默认值
-     */
-    defaultValue?: React.ReactText[];
-    /**
-     * 多选值改变时的回调
-     */
-    onChange?: (values: React.ReactText[]) => void;
-    /**
-     * 是否可清空	boolean	true | false	true
-     */
-    clearable?: boolean;
-    /**
-     * 是否禁止使用	boolean	true | false	false
-     */
-    disabled?: boolean;
-    /**
-     * 自定义选择后触发器所展示的内容
-     */
-    displayRender?: (checkedOption: FlattedCheckCascaderItem) => React.ReactNode;
-    /**
-     * 输入框占位符
-     */
-    placeholder?: string;
-    /**
-     * 是否开启换行全展示
-     */
-    wrap?: boolean;
-    /**
-     * 输入框后置内容
-     */
-    suffix?: React.ReactNode;
-    /**
-     * 点击 Tag Input 时触发回调
-     */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * tag 列表数据源
-     */
-    data: CheckCascaderItem[];
-}

package/lib/types/hooks/use-tag-input.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const useTagInput: <T>(wrap: boolean, selector: string, tags: T[], ref: React.MutableRefObject<HTMLDivElement | null>) => readonly [number | "100%", number, number];
-export declare const useResizeWidth: <T extends Element>(ref: React.MutableRefObject<T | null>) => number;