tntd 1.4.17 → 2.0.0-beta

package/dist/es/business-components/pro-select/index.js

@@ -0,0 +1,509 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { PureComponent } from 'react';
+import { Select, Empty } from 'antd';
+import DropDownWrap from './DropDownWrap';
+// 页面实际渲染的下拉菜单数量，实际为 2 * ITEM_ELEMENT_NUMBER
+const ITEM_ELEMENT_NUMBER = 30;
+// Select size 配置
+const ITEM_HEIGHT_CFG = {
+    small: 24,
+    large: 40,
+    default: 32,
+};
+const ARROW_CODE = {
+    40: 'down',
+    38: 'up',
+};
+const DROPDOWN_HEIGHT = 224;
+const Option = Select.Option;
+class SuperSelect extends PureComponent {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "turnChildren", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (children) => {
+                if (!children)
+                    return [];
+                let arr = [];
+                if (children && children.props) {
+                    arr.push(children);
+                }
+                else {
+                    children.forEach((item) => {
+                        if (item) {
+                            if (item instanceof Array) {
+                                arr = arr.concat(item);
+                            }
+                            else {
+                                arr.push(item);
+                            }
+                        }
+                    });
+                }
+                return arr;
+            }
+        });
+        Object.defineProperty(this, "formulaWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                // 获取dom设置宽度
+                const { children: arr2, dropdownMatchSelectWidth = true, maxWidth } = this.props;
+                const selectDom = document.getElementById(this.id);
+                const selectWidth = selectDom.clientWidth || selectDom.offsetWidth;
+                let arr = [];
+                let formulaMaxWidth = 10;
+                if (!dropdownMatchSelectWidth) {
+                    formulaMaxWidth = maxWidth || 10;
+                }
+                if (!dropdownMatchSelectWidth && !maxWidth) {
+                    const children = this.turnChildren(arr2);
+                    for (let i = 0; i < children.length; i++) {
+                        const val = children[i].props.children;
+                        const textWidth = this.getTextPixelWith(val);
+                        arr.push(textWidth.toFixed(2));
+                    }
+                    if (arr.length > 0) {
+                        formulaMaxWidth = Math.max(...arr);
+                    }
+                }
+                this.setState({
+                    selectWidth,
+                    maxWidth: formulaMaxWidth,
+                });
+            }
+        });
+        // 获取单行文本的像素宽度
+        Object.defineProperty(this, "getTextPixelWith", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (text, fontStyle = '14px') => {
+                let canvas = document.createElement('canvas'); // 创建 canvas 画布
+                let context = canvas.getContext('2d'); // 获取 canvas 绘图上下文环境
+                context.font = fontStyle; // 设置字体样式，使用前设置好对应的 font 样式才能准确获取文字的像素长度
+                let dimension = context.measureText(text); // 测量文字
+                return dimension.width;
+            }
+        });
+        Object.defineProperty(this, "getItemStyle", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (i) => ({
+                position: 'absolute',
+                top: this.ITEM_HEIGHT * i,
+                width: '100%',
+                height: this.ITEM_HEIGHT,
+            })
+        });
+        Object.defineProperty(this, "addEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.scrollEle = document.querySelector(`.${this.dropdownClassName}`);
+                // 下拉菜单未展开时元素不存在
+                if (!this.scrollEle)
+                    return;
+                this.scrollEle.addEventListener('scroll', this.onScroll, false);
+                this.inputEle = document.querySelector(`#${this.id}`);
+                if (!this.inputEle)
+                    return;
+                this.inputEle.addEventListener('keydown', this.onKeyDown, false);
+            }
+        });
+        // 模拟 antd select 按下 上下箭头 键时滚动列表
+        Object.defineProperty(this, "onKeyDown", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (e) => {
+                const { keyCode } = e || {};
+                setTimeout(() => {
+                    const activeItem = document.querySelector(`.${this.dropdownClassName} .ant-select-dropdown-menu-item-active`);
+                    if (!activeItem)
+                        return;
+                    const { offsetTop } = activeItem;
+                    const isUp = ARROW_CODE[keyCode] === 'up';
+                    const isDown = ARROW_CODE[keyCode] === 'down';
+                    // 在所有列表第一行按上键
+                    if (offsetTop - this.prevTop > DROPDOWN_HEIGHT && isUp) {
+                        this.scrollEle.scrollTo(0, this.allHeight - DROPDOWN_HEIGHT);
+                        this.prevTop = this.allHeight;
+                        return;
+                    }
+                    // 在所有列表中最后一行按下键
+                    if (this.prevTop > offsetTop + DROPDOWN_HEIGHT && isDown) {
+                        this.scrollEle.scrollTo(0, 0);
+                        this.prevTop = 0;
+                        return;
+                    }
+                    this.prevTop = offsetTop;
+                    // 向下滚动到下拉框最后一行时，向下滚动一行的高度
+                    if (offsetTop > this.scrollEle.scrollTop + DROPDOWN_HEIGHT - this.ITEM_HEIGHT + 10 &&
+                        isDown) {
+                        this.scrollEle.scrollTo(0, this.scrollTop + this.ITEM_HEIGHT);
+                        return;
+                    }
+                    // 向上滚动到下拉框第一一行时，向上滚动一行的高度
+                    if (offsetTop < this.scrollEle.scrollTop && isUp) {
+                        this.scrollEle.scrollTo(0, this.scrollTop - this.ITEM_HEIGHT);
+                    }
+                }, 100);
+            }
+        });
+        Object.defineProperty(this, "onScroll", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.throttleByHeight(this.onScrollReal)
+        });
+        Object.defineProperty(this, "onScrollReal", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.allList = this.getUseChildrenList();
+                const { startIndex, endIndex } = this.getStartAndEndIndex();
+                this.prevScrollTop = this.scrollTop;
+                // 重新渲染列表组件 Wrap
+                const allHeight = this.allList.length * this.ITEM_HEIGHT || 100;
+                this.wrap.reactList(allHeight, startIndex, endIndex);
+            }
+        });
+        Object.defineProperty(this, "throttleByHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.scrollTop = this.scrollEle.scrollTop;
+                // 滚动的高度
+                let delta = this.prevScrollTop - this.scrollTop;
+                delta = delta < 0 ? 0 - delta : delta;
+                delta > this.reactDelta && this.onScrollReal();
+            }
+        });
+        // 列表可展示所有 children
+        Object.defineProperty(this, "getUseChildrenList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.state.filterChildren || this.state.children
+        });
+        Object.defineProperty(this, "getStartAndEndIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                // 滚动后显示在列表可视区中的第一个 item 的 index
+                const showIndex = Number((this.scrollTop / this.ITEM_HEIGHT).toFixed(0));
+                const startIndex = showIndex - ITEM_ELEMENT_NUMBER < 0 ? 0 : showIndex - ITEM_ELEMENT_NUMBER / 2;
+                const endIndex = showIndex + ITEM_ELEMENT_NUMBER;
+                return { startIndex, endIndex };
+            }
+        });
+        // 须使用 setTimeout 确保在 dom 加载完成之后添加事件
+        Object.defineProperty(this, "setSuperDrowDownMenu", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (visible) => {
+                if (!visible)
+                    return;
+                this.allList = this.getUseChildrenList();
+                if (!this.eventTimer || !this.scrollEle) {
+                    this.eventTimer = setTimeout(() => this.addEvent(), 0);
+                }
+                else {
+                    const allHeight = this.allList.length * this.ITEM_HEIGHT || 100;
+                    // 下拉列表单独重新渲染
+                    const { startIndex, endIndex } = this.getStartAndEndIndex();
+                    setTimeout(() => {
+                        this.wrap && this.wrap.reactList(allHeight, startIndex, endIndex);
+                    }, 0);
+                }
+            }
+        });
+        Object.defineProperty(this, "onDropdownVisibleChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (visible) => {
+                const { onDropdownVisibleChange } = this.props;
+                onDropdownVisibleChange && onDropdownVisibleChange(visible);
+                const { value, children } = this.state;
+                // 关闭下拉框前清空筛选条件，防止下次打开任然显示筛选后的 options
+                if (!visible) {
+                    // 定时器确保关闭后再设置 filterChildren,防止列表刷新闪烁
+                    setTimeout(() => {
+                        this.setState({ filterChildren: null });
+                        this.setDefaultScrollTop(value);
+                    }, 100);
+                    // this.removeEvent();
+                }
+                else {
+                    // this.addEvent();
+                    if (value) {
+                        // 如果已有 value, 设置默认滚动位置
+                        this.setDefaultScrollTop();
+                        // 设置下拉列表显示数据
+                        this.setSuperDrowDownMenu(visible);
+                    }
+                    else if (!value && value !== 0 && children && children.length > 0) {
+                        // 无数据时，下拉回归至第一个
+                        const val = children[0].props.value;
+                        this.setDefaultScrollTop(val);
+                    }
+                }
+            }
+        });
+        Object.defineProperty(this, "onDeselect", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (value) => {
+                const { onDeselect } = this.props;
+                onDeselect && onDeselect(value);
+            }
+        });
+        // 在搜索重新计算下拉滚动条高度
+        Object.defineProperty(this, "onChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (value, opt) => {
+                const { showSearch, onChange, autoClearSearchValue, maxCount, mode } = this.props;
+                if (showSearch || this.isMultiple) {
+                    // 搜索模式下选择后是否需要重置搜索状态
+                    if (autoClearSearchValue !== false) {
+                        this.setState({ filterChildren: null }, () => {
+                            // 搜索成功后重新设置列表的总高度
+                            this.setSuperDrowDownMenu(true);
+                        });
+                    }
+                }
+                if (mode === 'multiple') {
+                    if (value.length <= maxCount) {
+                        this.setState({ value });
+                    }
+                }
+                else {
+                    this.setState({ value });
+                }
+                onChange && onChange(value, opt);
+                if (mode !== 'multiple') {
+                    this.select && this.select.blur();
+                }
+            }
+        });
+        Object.defineProperty(this, "onSearch", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (v) => {
+                const { showSearch, onSearch, filterOption, children: arr } = this.props;
+                let children = this.turnChildren(arr);
+                if (showSearch && filterOption !== false) {
+                    // 须根据 filterOption（如有该自定义函数）手动 filter 搜索匹配的列表
+                    let filterChildren = null;
+                    if (typeof filterOption === 'function') {
+                        filterChildren = children.filter((item) => filterOption(v, item));
+                    }
+                    else if (filterOption === undefined) {
+                        filterChildren = children.filter((item) => this.filterOption(v, item));
+                    }
+                    // 搜索框有值，去除disabled=true的children
+                    let newFilterChild = [];
+                    filterChildren &&
+                        filterChildren.forEach((item, index) => {
+                            if (!item.props.disabled) {
+                                newFilterChild.push(item);
+                            }
+                        });
+                    filterChildren = newFilterChild;
+                    // 设置下拉列表显示数据
+                    this.setState({ filterChildren: v === '' ? null : filterChildren }, () => {
+                        setTimeout(() => {
+                            // 搜索后需要重置滚动位置到0，防止上次 scrollTop 位置无数据
+                            if (filterChildren) {
+                                this.scrollTop = 0;
+                                this.scrollEle.scrollTo(0, 0);
+                            }
+                            // 搜索成功后需要重新设置列表的总高度
+                            this.setSuperDrowDownMenu(true);
+                        }, 0);
+                    });
+                }
+                onSearch && onSearch(v);
+            }
+        });
+        Object.defineProperty(this, "filterOption", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (v, option) => {
+                // 自定义过滤对应的 option 属性配置
+                const filterProps = this.props.optionFilterProp || 'value';
+                return `${option.props[filterProps]}`.indexOf(v) >= 0;
+            }
+        });
+        Object.defineProperty(this, "setDefaultScrollTop", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (data) => {
+                const { value } = this.state;
+                const { children: arr } = this.props;
+                const children = this.turnChildren(arr);
+                let val = data || data === 0 ? data : value;
+                for (let i = 0; i < children.length; i++) {
+                    const item = children[i];
+                    const itemValue = item.props.value;
+                    if (itemValue === val || (Array.isArray(val) && val.includes(itemValue))) {
+                        const targetScrollTop = i * this.ITEM_HEIGHT;
+                        setTimeout(() => {
+                            if (!this.scrollEle) {
+                                this.addEvent();
+                            }
+                            this.scrollEle && this.scrollEle.scrollTo(0, targetScrollTop);
+                        }, 100);
+                        return;
+                    }
+                }
+            }
+        });
+        Object.defineProperty(this, "removeEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.scrollEle)
+                    return;
+                this.scrollEle.removeEventListener('scroll', this.onScroll, false);
+                if (!this.inputEle)
+                    return;
+                this.inputEle.removeEventListener('keydown', this.onKeyDown, false);
+            }
+        });
+        const { mode, defaultValue, value, optionHeight, children: arr } = props;
+        this.isMultiple = ['tags', 'multiple'].includes(mode);
+        const children = this.turnChildren(arr);
+        // 设置默认 value
+        let defaultV = this.isMultiple ? [] : '';
+        defaultV = value || defaultValue || defaultV;
+        this.state = {
+            children: children || [],
+            filterChildren: null,
+            value: defaultV,
+            maxWidth: null,
+            selectWidth: null,
+        };
+        // 下拉菜单项行高
+        this.ITEM_HEIGHT = optionHeight || ITEM_HEIGHT_CFG[props.size || 'default'];
+        // 可视区 dom 高度
+        this.visibleDomHeight = this.ITEM_HEIGHT * ITEM_ELEMENT_NUMBER;
+        // 滚动时重新渲染的 scrollTop 判断值，大于 reactDelta 则刷新下拉列表
+        this.reactDelta = this.visibleDomHeight / 3;
+        // 是否拖动滚动条快速滚动状态
+        this.isStopReact = false;
+        // 上一次滚动的 scrollTop 值
+        this.prevScrollTop = 0;
+        // 上一次按下方向键时 scrollTop 值
+        this.prevTop = 0;
+        this.scrollTop = 0;
+        // className
+        this.dropdownClassName = `dc${+new Date()}`;
+        this.id = `sid${+new Date()}`;
+    }
+    componentDidMount() {
+        // defaultOpens=true 时添加滚动事件
+        setTimeout(() => {
+            this.addEvent();
+        }, 500);
+        const { children: arr } = this.props;
+        const children = this.turnChildren(arr);
+        // if (children && children.length > 0) {
+        this.formulaWidth();
+        // }
+    }
+    componentDidUpdate(prevProps) {
+        const { mode, defaultValue, value, children } = this.props;
+        let arr = this.turnChildren(children);
+        if (prevProps.children !== children) {
+            this.isMultiple = ['tags', 'multiple'].includes(mode);
+            this.setState({
+                children: arr || [],
+                filterChildren: null,
+            });
+            if (arr && arr.length > 0) {
+                this.formulaWidth();
+            }
+        }
+        if (prevProps.value !== value) {
+            // 更新时设置默认 value
+            let defaultV = this.isMultiple ? [] : '';
+            defaultV = value || defaultValue || defaultV;
+            this.setState({ value: defaultV });
+        }
+    }
+    componentWillUnmount() {
+        this.removeEvent();
+    }
+    render() {
+        const { maxWidth, selectWidth } = this.state;
+        let _a = this.props, { dropdownStyle, optionLabelProp, dropdownClassName } = _a, props = __rest(_a, ["dropdownStyle", "optionLabelProp", "dropdownClassName"]);
+        this.allList = this.getUseChildrenList();
+        this.allHeight = this.allList.length * this.ITEM_HEIGHT || 100;
+        const { startIndex, endIndex } = this.getStartAndEndIndex();
+        let dynamicWidth = maxWidth;
+        if (this.allList.length === 0 || maxWidth < selectWidth) {
+            dynamicWidth = selectWidth;
+        }
+        dropdownStyle = Object.assign(Object.assign({ maxHeight: `${DROPDOWN_HEIGHT}px` }, dropdownStyle), { overflow: 'auto', position: 'relative', maxWidth: dynamicWidth });
+        const { value } = this.state;
+        // 判断处于 antd Form 中时不自动设置 value
+        const _props = Object.assign({}, props);
+        // 先删除 value，再手动赋值，防止空 value 影响 placeholder
+        delete _props.value;
+        // value 为空字符会隐藏 placeholder，改为 undefined
+        if (typeof value === 'string' && !value) {
+            _props.value = undefined;
+        }
+        else {
+            _props.value = value;
+        }
+        optionLabelProp = optionLabelProp || 'children';
+        return (React.createElement(Select, Object.assign({}, _props, { id: this.id, onSearch: this.onSearch, onChange: this.onChange, dropdownClassName: `${this.dropdownClassName} ${dropdownClassName || ''}`, optionLabelProp: optionLabelProp, dropdownStyle: dropdownStyle, onDropdownVisibleChange: this.onDropdownVisibleChange, onDeselect: this.onDeselect, ref: (ele) => (this.select = ele), dropdownRender: (menu, props) => {
+                if (this.allList.length === 0) {
+                    return (React.createElement("div", { style: { padding: '5px 12px' } },
+                        React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })));
+                }
+                return (React.createElement(DropDownWrap, Object.assign({}, {
+                    startIndex,
+                    endIndex,
+                    allHeight: this.allHeight,
+                    menu,
+                    itemHeight: this.ITEM_HEIGHT,
+                }, { ref: (ele) => {
+                        this.wrap = ele;
+                    } })));
+            } }), this.allList));
+    }
+}
+SuperSelect.Option = Option;
+export default SuperSelect;
+//# sourceMappingURL=index.js.map

package/dist/es/business-components/pro-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/business-components/pro-select/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react'\nimport { Select, Empty } from 'antd'\nimport DropDownWrap from './DropDownWrap'\n\n// 页面实际渲染的下拉菜单数量，实际为 2 * ITEM_ELEMENT_NUMBER\nconst ITEM_ELEMENT_NUMBER = 30\n// Select size 配置\nconst ITEM_HEIGHT_CFG = {\n  small: 24,\n  large: 40,\n  default: 32,\n}\n\nconst ARROW_CODE = {\n  40: 'down',\n  38: 'up',\n}\n\nconst DROPDOWN_HEIGHT = 224\n\nconst Option = Select.Option\n\nclass SuperSelect extends PureComponent {\n  constructor(props) {\n    super(props)\n\n    const { mode, defaultValue, value, optionHeight, children: arr } = props\n    this.isMultiple = ['tags', 'multiple'].includes(mode)\n    const children = this.turnChildren(arr)\n\n    // 设置默认 value\n    let defaultV = this.isMultiple ? [] : ''\n    defaultV = value || defaultValue || defaultV\n\n    this.state = {\n      children: children || [],\n      filterChildren: null, // 筛选后的 options，优先显示，所以清除筛选后手动设为 null\n      value: defaultV,\n      maxWidth: null,\n      selectWidth: null,\n    }\n    // 下拉菜单项行高\n    this.ITEM_HEIGHT = optionHeight || ITEM_HEIGHT_CFG[props.size || 'default']\n    // 可视区 dom 高度\n    this.visibleDomHeight = this.ITEM_HEIGHT * ITEM_ELEMENT_NUMBER\n    // 滚动时重新渲染的 scrollTop 判断值，大于 reactDelta 则刷新下拉列表\n    this.reactDelta = this.visibleDomHeight / 3\n    // 是否拖动滚动条快速滚动状态\n    this.isStopReact = false\n    // 上一次滚动的 scrollTop 值\n    this.prevScrollTop = 0\n    // 上一次按下方向键时 scrollTop 值\n    this.prevTop = 0\n\n    this.scrollTop = 0\n\n    // className\n    this.dropdownClassName = `dc${+new Date()}`\n\n    this.id = `sid${+new Date()}`\n  }\n\n  componentDidMount() {\n    // defaultOpens=true 时添加滚动事件\n    setTimeout(() => {\n      this.addEvent()\n    }, 500)\n    const { children: arr } = this.props\n    const children = this.turnChildren(arr)\n    // if (children && children.length > 0) {\n    this.formulaWidth()\n    // }\n  }\n\n  turnChildren = (children) => {\n    if (!children) return []\n    let arr = []\n    if (children && children.props) {\n      arr.push(children)\n    } else {\n      children.forEach((item) => {\n        if (item) {\n          if (item instanceof Array) {\n            arr = arr.concat(item)\n          } else {\n            arr.push(item)\n          }\n        }\n      })\n    }\n    return arr\n  }\n\n  formulaWidth = () => {\n    // 获取dom设置宽度\n    const { children: arr2, dropdownMatchSelectWidth = true, maxWidth } = this.props\n    const selectDom = document.getElementById(this.id)\n    const selectWidth = selectDom.clientWidth || selectDom.offsetWidth\n    let arr = []\n    let formulaMaxWidth = 10\n    if (!dropdownMatchSelectWidth) {\n      formulaMaxWidth = maxWidth || 10\n    }\n    if (!dropdownMatchSelectWidth && !maxWidth) {\n      const children = this.turnChildren(arr2)\n      for (let i = 0; i < children.length; i++) {\n        const val = children[i].props.children\n        const textWidth = this.getTextPixelWith(val)\n        arr.push(textWidth.toFixed(2))\n      }\n      if (arr.length > 0) {\n        formulaMaxWidth = Math.max(...arr)\n      }\n    }\n\n    this.setState({\n      selectWidth,\n      maxWidth: formulaMaxWidth,\n    })\n  }\n\n  // 获取单行文本的像素宽度\n  getTextPixelWith = (text, fontStyle = '14px') => {\n    let canvas = document.createElement('canvas') // 创建 canvas 画布\n    let context = canvas.getContext('2d') // 获取 canvas 绘图上下文环境\n    context.font = fontStyle // 设置字体样式，使用前设置好对应的 font 样式才能准确获取文字的像素长度\n    let dimension = context.measureText(text) // 测量文字\n    return dimension.width\n  }\n\n  componentDidUpdate(prevProps) {\n    const { mode, defaultValue, value, children } = this.props\n    let arr = this.turnChildren(children)\n    if (prevProps.children !== children) {\n      this.isMultiple = ['tags', 'multiple'].includes(mode)\n\n      this.setState({\n        children: arr || [],\n        filterChildren: null,\n      })\n      if (arr && arr.length > 0) {\n        this.formulaWidth()\n      }\n    }\n    if (prevProps.value !== value) {\n      // 更新时设置默认 value\n      let defaultV = this.isMultiple ? [] : ''\n      defaultV = value || defaultValue || defaultV\n      this.setState({ value: defaultV })\n    }\n  }\n\n  componentWillUnmount() {\n    this.removeEvent()\n  }\n\n  getItemStyle = (i) => ({\n    position: 'absolute',\n    top: this.ITEM_HEIGHT * i,\n    width: '100%',\n    height: this.ITEM_HEIGHT,\n  })\n\n  addEvent = () => {\n    this.scrollEle = document.querySelector(`.${this.dropdownClassName}`)\n    // 下拉菜单未展开时元素不存在\n    if (!this.scrollEle) return\n\n    this.scrollEle.addEventListener('scroll', this.onScroll, false)\n    this.inputEle = document.querySelector(`#${this.id}`)\n\n    if (!this.inputEle) return\n    this.inputEle.addEventListener('keydown', this.onKeyDown, false)\n  }\n\n  // 模拟 antd select 按下 上下箭头 键时滚动列表\n  onKeyDown = (e) => {\n    const { keyCode } = e || {}\n\n    setTimeout(() => {\n      const activeItem = document.querySelector(\n        `.${this.dropdownClassName} .ant-select-dropdown-menu-item-active`\n      )\n      if (!activeItem) return\n\n      const { offsetTop } = activeItem\n      const isUp = ARROW_CODE[keyCode] === 'up'\n      const isDown = ARROW_CODE[keyCode] === 'down'\n\n      // 在所有列表第一行按上键\n      if (offsetTop - this.prevTop > DROPDOWN_HEIGHT && isUp) {\n        this.scrollEle.scrollTo(0, this.allHeight - DROPDOWN_HEIGHT)\n        this.prevTop = this.allHeight\n\n        return\n      }\n\n      // 在所有列表中最后一行按下键\n      if (this.prevTop > offsetTop + DROPDOWN_HEIGHT && isDown) {\n        this.scrollEle.scrollTo(0, 0)\n        this.prevTop = 0\n\n        return\n      }\n\n      this.prevTop = offsetTop\n      // 向下滚动到下拉框最后一行时，向下滚动一行的高度\n      if (\n        offsetTop > this.scrollEle.scrollTop + DROPDOWN_HEIGHT - this.ITEM_HEIGHT + 10 &&\n        isDown\n      ) {\n        this.scrollEle.scrollTo(0, this.scrollTop + this.ITEM_HEIGHT)\n        return\n      }\n      // 向上滚动到下拉框第一一行时，向上滚动一行的高度\n      if (offsetTop < this.scrollEle.scrollTop && isUp) {\n        this.scrollEle.scrollTo(0, this.scrollTop - this.ITEM_HEIGHT)\n      }\n    }, 100)\n  }\n\n  onScroll = () => this.throttleByHeight(this.onScrollReal)\n\n  onScrollReal = () => {\n    this.allList = this.getUseChildrenList()\n    const { startIndex, endIndex } = this.getStartAndEndIndex()\n\n    this.prevScrollTop = this.scrollTop\n    // 重新渲染列表组件 Wrap\n    const allHeight = this.allList.length * this.ITEM_HEIGHT || 100\n    this.wrap.reactList(allHeight, startIndex, endIndex)\n  }\n\n  throttleByHeight = () => {\n    this.scrollTop = this.scrollEle.scrollTop\n    // 滚动的高度\n    let delta = this.prevScrollTop - this.scrollTop\n    delta = delta < 0 ? 0 - delta : delta\n\n    delta > this.reactDelta && this.onScrollReal()\n  }\n\n  // 列表可展示所有 children\n  getUseChildrenList = () => this.state.filterChildren || this.state.children\n\n  getStartAndEndIndex = () => {\n    // 滚动后显示在列表可视区中的第一个 item 的 index\n    const showIndex = Number((this.scrollTop / this.ITEM_HEIGHT).toFixed(0))\n\n    const startIndex = showIndex - ITEM_ELEMENT_NUMBER < 0 ? 0 : showIndex - ITEM_ELEMENT_NUMBER / 2\n    const endIndex = showIndex + ITEM_ELEMENT_NUMBER\n    return { startIndex, endIndex }\n  }\n\n  // 须使用 setTimeout 确保在 dom 加载完成之后添加事件\n  setSuperDrowDownMenu = (visible) => {\n    if (!visible) return\n\n    this.allList = this.getUseChildrenList()\n\n    if (!this.eventTimer || !this.scrollEle) {\n      this.eventTimer = setTimeout(() => this.addEvent(), 0)\n    } else {\n      const allHeight = this.allList.length * this.ITEM_HEIGHT || 100\n      // 下拉列表单独重新渲染\n      const { startIndex, endIndex } = this.getStartAndEndIndex()\n      setTimeout(() => {\n        this.wrap && this.wrap.reactList(allHeight, startIndex, endIndex)\n      }, 0)\n    }\n  }\n\n  onDropdownVisibleChange = (visible) => {\n    const { onDropdownVisibleChange } = this.props\n    onDropdownVisibleChange && onDropdownVisibleChange(visible)\n\n    const { value, children } = this.state\n    // 关闭下拉框前清空筛选条件，防止下次打开任然显示筛选后的 options\n    if (!visible) {\n      // 定时器确保关闭后再设置 filterChildren,防止列表刷新闪烁\n      setTimeout(() => {\n        this.setState({ filterChildren: null })\n        this.setDefaultScrollTop(value)\n      }, 100)\n      // this.removeEvent();\n    } else {\n      // this.addEvent();\n      if (value) {\n        // 如果已有 value, 设置默认滚动位置\n        this.setDefaultScrollTop()\n        // 设置下拉列表显示数据\n        this.setSuperDrowDownMenu(visible)\n      } else if (!value && value !== 0 && children && children.length > 0) {\n        // 无数据时，下拉回归至第一个\n        const val = children[0].props.value\n        this.setDefaultScrollTop(val)\n      }\n    }\n  }\n\n  onDeselect = (value) => {\n    const { onDeselect } = this.props\n    onDeselect && onDeselect(value)\n  }\n\n  // 在搜索重新计算下拉滚动条高度\n  onChange = (value, opt) => {\n    const { showSearch, onChange, autoClearSearchValue, maxCount, mode } = this.props\n    if (showSearch || this.isMultiple) {\n      // 搜索模式下选择后是否需要重置搜索状态\n      if (autoClearSearchValue !== false) {\n        this.setState({ filterChildren: null }, () => {\n          // 搜索成功后重新设置列表的总高度\n          this.setSuperDrowDownMenu(true)\n        })\n      }\n    }\n\n    if (mode === 'multiple') {\n      if (value.length <= maxCount) {\n        this.setState({ value })\n      }\n    } else {\n      this.setState({ value })\n    }\n    onChange && onChange(value, opt)\n\n    if (mode !== 'multiple') {\n      this.select && this.select.blur()\n    }\n  }\n\n  onSearch = (v) => {\n    const { showSearch, onSearch, filterOption, children: arr } = this.props\n    let children = this.turnChildren(arr)\n    if (showSearch && filterOption !== false) {\n      // 须根据 filterOption（如有该自定义函数）手动 filter 搜索匹配的列表\n      let filterChildren = null\n      if (typeof filterOption === 'function') {\n        filterChildren = children.filter((item) => filterOption(v, item))\n      } else if (filterOption === undefined) {\n        filterChildren = children.filter((item) => this.filterOption(v, item))\n      }\n\n      // 搜索框有值，去除disabled=true的children\n      let newFilterChild = []\n      filterChildren &&\n        filterChildren.forEach((item, index) => {\n          if (!item.props.disabled) {\n            newFilterChild.push(item)\n          }\n        })\n      filterChildren = newFilterChild\n\n      // 设置下拉列表显示数据\n      this.setState({ filterChildren: v === '' ? null : filterChildren }, () => {\n        setTimeout(() => {\n          // 搜索后需要重置滚动位置到0，防止上次 scrollTop 位置无数据\n          if (filterChildren) {\n            this.scrollTop = 0\n            this.scrollEle.scrollTo(0, 0)\n          }\n          // 搜索成功后需要重新设置列表的总高度\n          this.setSuperDrowDownMenu(true)\n        }, 0)\n      })\n    }\n    onSearch && onSearch(v)\n  }\n\n  filterOption = (v, option) => {\n    // 自定义过滤对应的 option 属性配置\n    const filterProps = this.props.optionFilterProp || 'value'\n    return `${option.props[filterProps]}`.indexOf(v) >= 0\n  }\n\n  setDefaultScrollTop = (data) => {\n    const { value } = this.state\n    const { children: arr } = this.props\n    const children = this.turnChildren(arr)\n\n    let val = data || data === 0 ? data : value\n\n    for (let i = 0; i < children.length; i++) {\n      const item = children[i]\n      const itemValue = item.props.value\n      if (itemValue === val || (Array.isArray(val) && val.includes(itemValue))) {\n        const targetScrollTop = i * this.ITEM_HEIGHT\n\n        setTimeout(() => {\n          if (!this.scrollEle) {\n            this.addEvent()\n          }\n          this.scrollEle && this.scrollEle.scrollTo(0, targetScrollTop)\n        }, 100)\n        return\n      }\n    }\n  }\n\n  removeEvent = () => {\n    if (!this.scrollEle) return\n    this.scrollEle.removeEventListener('scroll', this.onScroll, false)\n    if (!this.inputEle) return\n    this.inputEle.removeEventListener('keydown', this.onKeyDown, false)\n  }\n\n  render() {\n    const { maxWidth, selectWidth } = this.state\n    let { dropdownStyle, optionLabelProp, dropdownClassName, ...props } = this.props\n\n    this.allList = this.getUseChildrenList()\n\n    this.allHeight = this.allList.length * this.ITEM_HEIGHT || 100\n    const { startIndex, endIndex } = this.getStartAndEndIndex()\n\n    let dynamicWidth = maxWidth\n    if (this.allList.length === 0 || maxWidth < selectWidth) {\n      dynamicWidth = selectWidth\n    }\n\n    dropdownStyle = {\n      maxHeight: `${DROPDOWN_HEIGHT}px`,\n      ...dropdownStyle,\n      overflow: 'auto',\n      position: 'relative',\n      maxWidth: dynamicWidth,\n    }\n\n    const { value } = this.state\n    // 判断处于 antd Form 中时不自动设置 value\n    const _props = { ...props }\n    // 先删除 value，再手动赋值，防止空 value 影响 placeholder\n    delete _props.value\n\n    // value 为空字符会隐藏 placeholder，改为 undefined\n    if (typeof value === 'string' && !value) {\n      _props.value = undefined\n    } else {\n      _props.value = value\n    }\n\n    optionLabelProp = optionLabelProp || 'children'\n    return (\n      <Select\n        {..._props}\n        id={this.id}\n        onSearch={this.onSearch}\n        onChange={this.onChange}\n        dropdownClassName={`${this.dropdownClassName} ${dropdownClassName || ''}`}\n        optionLabelProp={optionLabelProp}\n        dropdownStyle={dropdownStyle}\n        onDropdownVisibleChange={this.onDropdownVisibleChange}\n        onDeselect={this.onDeselect}\n        ref={(ele) => (this.select = ele)}\n        dropdownRender={(menu, props) => {\n          if (this.allList.length === 0) {\n            return (\n              <div style={{ padding: '5px 12px' }}>\n                <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n              </div>\n            )\n          }\n\n          return (\n            <DropDownWrap\n              {...{\n                startIndex,\n                endIndex,\n                allHeight: this.allHeight,\n                menu,\n                itemHeight: this.ITEM_HEIGHT,\n              }}\n              ref={(ele) => {\n                this.wrap = ele\n              }}\n            />\n          )\n        }}\n      >\n        {this.allList}\n      </Select>\n    )\n  }\n}\n\nSuperSelect.Option = Option\n\nexport default SuperSelect\n"]}

package/dist/es/business-components/query-form/Field/Checkbox.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Checkbox } from 'antd';
+export default (_a) => {
+    var { value, onChange } = _a, props = __rest(_a, ["value", "onChange"]);
+    return (React.createElement(Checkbox, Object.assign({}, props, { checked: value, onChange: (evt) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.checked);
+        } })));
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/es/business-components/query-form/Field/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/business-components/query-form/Field/Checkbox.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AAE/B,eAAe,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IAAO,OAAA,CAChD,oBAAC,QAAQ,oBACH,KAAK,IACT,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC,IACD,CACH,CAAA;CAAA,CAAA","sourcesContent":["import React from 'react'\nimport { Checkbox } from 'antd'\n\nexport default ({ value, onChange, ...props }) => (\n  <Checkbox\n    {...props}\n    checked={value}\n    onChange={(evt) => {\n      onChange?.(evt.target.checked)\n    }}\n  />\n)\n"]}

package/dist/es/business-components/query-form/Field/Select.js

@@ -0,0 +1,44 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useEffect } from 'react';
+import { Select } from 'antd';
+const { Option } = Select;
+export default (props) => {
+    const { options, params, queryKey = 'name', fieldNames = {
+        label: 'label',
+        value: 'value',
+    }, loadData } = props, rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
+    const [items, setItems] = useState(options || []);
+    const [query, setQuery] = useState('');
+    const onSearch = (val) => {
+        setQuery(val);
+    };
+    if (loadData) {
+        useEffect(() => {
+            loadData(Object.assign({ [queryKey]: query }, (params || {}))).then((items) => {
+                setItems(items);
+            });
+        }, [params, query]);
+    }
+    useEffect(() => {
+        setItems(options || []);
+    }, [options]);
+    return (React.createElement(Select, Object.assign({ allowClear: true, showSearch: true, optionFilterProp: "children", onSearch: onSearch }, rest), items.map((item) => {
+        const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+        const valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
+        const value = item instanceof Object ? item[valueKey] : item;
+        const label = item instanceof Object ? item[labelKey] : item;
+        const optionProps = item instanceof Object ? item : {};
+        return (React.createElement(Option, Object.assign({}, optionProps, { key: value, value: value }), label));
+    })));
+};
+//# sourceMappingURL=Select.js.map

package/dist/es/business-components/query-form/Field/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/business-components/query-form/Field/Select.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAE7B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf,EACD,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,2DAUL,CAAQ,CAAA;IACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE;QACvB,QAAQ,CAAC,GAAG,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,SAAS,CAAC,GAAG,EAAE;YACb,QAAQ,iBACN,CAAC,QAAQ,CAAC,EAAE,KAAK,IACd,CAAC,MAAM,IAAI,EAAE,CAAC,EACjB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAA;YACjB,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;KACpB;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,MAAM,kBAAC,UAAU,QAAC,UAAU,QAAC,gBAAgB,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,GACnF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAClB,MAAM,QAAQ,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAA;QAC7C,MAAM,QAAQ,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAA;QAC7C,MAAM,KAAK,GAAG,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5D,MAAM,KAAK,GAAG,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5D,MAAM,WAAW,GAAG,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;QAEtD,OAAO,CACL,oBAAC,MAAM,oBAAK,WAAW,IAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAC9C,KAAK,CACC,CACV,CAAA;IACH,CAAC,CAAC,CACK,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { Select } from 'antd'\n\nconst { Option } = Select\n\nexport default (props) => {\n  const {\n    options,\n    params,\n    queryKey = 'name',\n    fieldNames = {\n      label: 'label',\n      value: 'value',\n    },\n    loadData,\n    ...rest\n  } = props\n  const [items, setItems] = useState(options || [])\n  const [query, setQuery] = useState('')\n  const onSearch = (val) => {\n    setQuery(val)\n  }\n\n  if (loadData) {\n    useEffect(() => {\n      loadData({\n        [queryKey]: query,\n        ...(params || {}),\n      }).then((items) => {\n        setItems(items)\n      })\n    }, [params, query])\n  }\n\n  useEffect(() => {\n    setItems(options || [])\n  }, [options])\n\n  return (\n    <Select allowClear showSearch optionFilterProp=\"children\" onSearch={onSearch} {...rest}>\n      {items.map((item) => {\n        const labelKey = fieldNames?.label || 'label'\n        const valueKey = fieldNames?.value || 'value'\n        const value = item instanceof Object ? item[valueKey] : item\n        const label = item instanceof Object ? item[labelKey] : item\n        const optionProps = item instanceof Object ? item : {}\n\n        return (\n          <Option {...optionProps} key={value} value={value}>\n            {label}\n          </Option>\n        )\n      })}\n    </Select>\n  )\n}\n"]}