@vtx/components 3.1.97 → 3.1.99

package/lib/vtx-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_select","_tag","_button","_empty","_popover","_tooltip","_checkbox","_divider","_MoreOutlined","_isObject","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","_toPrimitive","String","toPrimitive","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","minLen","toString","slice","constructor","name","test","len","arr2","l","f","next","done","VtxSelect","forwardRef","props","ref","_useState","useState","_useState2","popWidth","setPopWidth","elRef","useRef","elId","concat","Date","now","_useState3","_useState4","searchValue","setSearchValue","mode","_props$size","size","onChange","_props$maxTagCount","maxTagCount","_props$maxTagTextLeng","maxTagTextLength","_props$maxTagPlacehol","maxTagPlaceholder","_props$showAll","showAll","selectStyle","_props$selectAll","selectAll","_props$selectSearchAl","selectSearchAll","_props$defaultBindBod","defaultBindBodyToPopupContainer","_props$customEnumText","customEnumText","TextEnum","selectAllText","defaultPlaceholderText","emptyDescriptionText","useEffect","timer","setInterval","_elRef$current","_width","current","clientWidth","clearInterval","newChildren","children","getContent","child","item","_item$props","createElement","className","map","index","getChildren","style","margin","closable","disabled","onClose","preventDefault","valueClone","splice","options","ite","includes","title","substring","image","Empty","PRESENTED_IMAGE_SIMPLE","description","newProps","showSearch","optionFilterProp","placeholder","allowClear","onSearch","toLowerCase","onBlur","dropdownRender","menu","valueLength","onMouseDown","indeterminate","checked","tempChildren","indexOf","labelInValue","label","classnames","id","paddingRight","getPopupContainer","triggerNode","document","body","width","content","placement","trigger","overlayStyle","icon","undefined","isObject","Option","Select","OptGroup","propTypes","PropTypes","oneOfType","string","array","number","object","func","bool","node","_default","exports"],"sources":["vtx-select/index.jsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Select from 'antd/lib/select';\r\nimport Tag from 'antd/lib/tag';\r\nimport Button from 'antd/lib/button';\r\nimport Empty from 'antd/lib/empty';\r\nimport Popover from 'antd/lib/popover';\r\nimport Tooltip from 'antd/lib/tooltip';\r\nimport Checkbox from 'antd/lib/checkbox';\r\nimport Divider from 'antd/lib/divider';\r\nimport MoreOutlined from '@ant-design/icons/MoreOutlined';\r\nimport isObject from '../_util/isObject';\r\n\r\nconst VtxSelect = forwardRef((props, ref) => {\r\n    const [popWidth, setPopWidth] = useState(0);\r\n    const elRef = useRef();\r\n    const elId = useRef(`vtx-select-${Date.now()}`);\r\n    const [searchValue,setSearchValue] = useState('');\r\n\r\n    const {\r\n        value,\r\n        mode,\r\n        size = 'default', //同步button大小\r\n        onChange,\r\n        maxTagCount = 2,\r\n        maxTagTextLength = 5,\r\n        maxTagPlaceholder = '...',\r\n        showAll = true, //是否显示全部选项\r\n        selectStyle,\r\n        selectAll = true,\r\n        selectSearchAll = true,\r\n        defaultBindBodyToPopupContainer = true,\r\n        customEnumText={}\r\n    } = props;\r\n\r\n    const TextEnum = {\r\n        selectAllText: '全选',\r\n        defaultPlaceholderText: '请选择',\r\n        emptyDescriptionText: '暂无数据',\r\n\r\n        ...customEnumText\r\n    }\r\n\r\n    useEffect(() => {\r\n        if(mode === 'multiple') {\r\n            const timer = setInterval(() => {\r\n                const _width = elRef.current?.clientWidth;\r\n                if(_width > 0) {\r\n                    setPopWidth(_width);\r\n                    clearInterval(timer);\r\n                }\r\n            }, 1000)\r\n            return () => clearInterval(timer);\r\n        }\r\n    }, []);\r\n\r\n    const newChildren = props.children\r\n        ? Array.isArray(props.children)\r\n            ? props.children\r\n            : [props.children]\r\n        : [];\r\n\r\n    const getContent = () => {\r\n        const child = {};\r\n        newChildren.forEach(item => {\r\n            child[item.key] = item?.props?.children;\r\n        });\r\n        return (\r\n            <div className=\"vtx-all-list\">\r\n                {Array.isArray(value) && value.length ? (\r\n                    value.map((item, index) => {\r\n                        const name = getChildren(child, item);\r\n                        return (\r\n                            <Tag\r\n                                style={{ margin: '4px' }}\r\n                                key={index}\r\n                                closable={!props.disabled}\r\n                                onClose={e => {\r\n                                    e.preventDefault();\r\n                                    const valueClone = [...value];\r\n                                    valueClone.splice(index, 1);\r\n                                    const options = newChildren.filter(ite =>\r\n                                        valueClone.includes(ite.props.value),\r\n                                    );\r\n                                    onChange(valueClone, options);\r\n                                }}\r\n                            >\r\n                                <Tooltip title={name}>\r\n                                    {name.length > maxTagTextLength\r\n                                        ? `${name.substring(0, maxTagTextLength)}...`\r\n                                        : name}\r\n                                </Tooltip>\r\n                            </Tag>\r\n                        );\r\n                    })\r\n                ) : (\r\n                    <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={TextEnum.emptyDescriptionText}/>\r\n                )}\r\n            </div>\r\n        );\r\n    };\r\n\r\n    let newProps = {\r\n        showSearch: true,\r\n        optionFilterProp: 'children',\r\n        placeholder: TextEnum.defaultPlaceholderText,\r\n        allowClear: true,\r\n        ...props,\r\n        onSearch: value=>{\r\n            setSearchValue(value?String(value).toLowerCase():'');\r\n            props.onSearch && props.onSearch(value);\r\n        },\r\n        onBlur: e=>{\r\n            setSearchValue('');\r\n            props.onBlur && props.onBlur(e);\r\n        }\r\n    };\r\n\r\n    if (mode === 'multiple') {\r\n        newProps = {\r\n            ...newProps,\r\n            maxTagCount: maxTagCount,\r\n            maxTagTextLength: maxTagTextLength,\r\n            maxTagPlaceholder: maxTagPlaceholder,\r\n        };\r\n        if (selectAll) {\r\n            newProps = {\r\n                ...newProps,\r\n                dropdownRender: menu => {\r\n                    const valueLength = Array.isArray(value) && value.length ? value.length : 0;\r\n                    return (\r\n                        <div>\r\n                            <div\r\n                                className=\"vtx-multi-select-all\"\r\n                                onMouseDown={e => e.preventDefault()}\r\n                            >\r\n                                <Checkbox\r\n                                    indeterminate={valueLength && valueLength < newChildren.length}\r\n                                    checked={valueLength && valueLength === newChildren.length}\r\n                                    onChange={e => {\r\n                                        if (e.target.checked) {\r\n                                            let tempChildren = newChildren.filter(item=>{\r\n                                                if(selectSearchAll && searchValue){\r\n                                                    return String(item.props.children).toLowerCase().indexOf(searchValue)>-1;\r\n                                                }\r\n                                                return true;\r\n                                            })\r\n                                            let keys = [];\r\n                                            if(props.labelInValue){\r\n                                                keys = tempChildren.map(item => ({\r\n                                                    label: item.props.children,\r\n                                                    value: item.key\r\n                                                }));\r\n                                            }else {\r\n                                                keys = tempChildren.map(item => item.key);\r\n                                            }\r\n                                            onChange && onChange(keys, tempChildren);\r\n                                        } else {\r\n                                            onChange && onChange([], []);\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    {TextEnum.selectAllText}\r\n                                </Checkbox>\r\n                            </div>\r\n                            <Divider style={{ margin: '4px 0' }} />\r\n                            {menu}\r\n                        </div>\r\n                    );\r\n                },\r\n            };\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={classnames({\r\n                'vtx-select': mode !== 'multiple',\r\n                'vtx-multi-select': mode == 'multiple' || mode == 'tags',\r\n            })}\r\n            id={elId.current}\r\n            ref={elRef}\r\n            style={{\r\n                ...props.style,\r\n                paddingRight: (mode == 'multiple' || mode == 'tags') && showAll ? 32 : 0,\r\n            }}\r\n        >\r\n            <Select\r\n                ref={ref}\r\n                getPopupContainer={triggerNode => {\r\n                    return defaultBindBodyToPopupContainer ? document.body : triggerNode;\r\n                }}\r\n                {...newProps}\r\n                style={{ width: '100%', ...selectStyle }}\r\n            >\r\n                {props.children}\r\n            </Select>\r\n            {(mode == 'multiple' || mode == 'tags') && showAll ? (\r\n                <Popover\r\n                    content={getContent()}\r\n                    placement=\"bottomRight\"\r\n                    trigger=\"click\"\r\n                    overlayStyle={{ width: popWidth }}\r\n                >\r\n                    <Button className=\"vtx-select-count\" icon={<MoreOutlined />} size={size} />\r\n                </Popover>\r\n            ) : null}\r\n        </div>\r\n    );\r\n});\r\n\r\nfunction getChildren(child = {}, value) {\r\n    const key = isObject(value) ? value.key : value;\r\n    return child[key] || '';\r\n}\r\n\r\nVtxSelect.Option = Select.Option;\r\nVtxSelect.OptGroup = Select.OptGroup;\r\n\r\nVtxSelect.propTypes = {\r\n    value: PropTypes.oneOfType([\r\n        PropTypes.string,\r\n        PropTypes.array,\r\n        PropTypes.number,\r\n        PropTypes.object,\r\n    ]),\r\n    mode: PropTypes.string,\r\n    size: PropTypes.string,\r\n    style: PropTypes.object,\r\n    selectStyle: PropTypes.object,\r\n    onChange: PropTypes.func,\r\n    defaultBindBodyToPopupContainer: PropTypes.bool,\r\n    maxTagCount: PropTypes.number,\r\n    maxTagTextLength: PropTypes.number,\r\n    maxTagPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\r\n    showAll: PropTypes.bool,\r\n    children: PropTypes.node,\r\n    selectAll: PropTypes.bool,\r\n    selectSearchAll: PropTypes.bool,\r\n    customEnumText: PropTypes.object,\r\n};\r\n\r\nexport default VtxSelect;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["VtxSelect","forwardRef","props","ref","useState","popWidth","setPopWidth","elRef","useRef","elId","Date","now","searchValue","setSearchValue","value","mode","size","onChange","maxTagCount","maxTagTextLength","maxTagPlaceholder","showAll","selectStyle","selectAll","selectSearchAll","defaultBindBodyToPopupContainer","customEnumText","TextEnum","selectAllText","defaultPlaceholderText","emptyDescriptionText","useEffect","timer","setInterval","_width","current","clientWidth","clearInterval","newChildren","children","Array","isArray","getContent","child","forEach","item","key","length","map","index","name","getChildren","margin","disabled","e","preventDefault","valueClone","splice","options","filter","ite","includes","substring","Empty","PRESENTED_IMAGE_SIMPLE","newProps","showSearch","optionFilterProp","placeholder","allowClear","onSearch","String","toLowerCase","onBlur","dropdownRender","menu","valueLength","target","checked","tempChildren","indexOf","keys","labelInValue","label","classnames","style","paddingRight","triggerNode","document","body","width","isObject","Option","Select","OptGroup","propTypes","PropTypes","oneOfType","string","array","number","object","func","bool","node"],"sources":["vtx-select/index.jsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Select from 'antd/lib/select';\r\nimport Tag from 'antd/lib/tag';\r\nimport Button from 'antd/lib/button';\r\nimport Empty from 'antd/lib/empty';\r\nimport Popover from 'antd/lib/popover';\r\nimport Tooltip from 'antd/lib/tooltip';\r\nimport Checkbox from 'antd/lib/checkbox';\r\nimport Divider from 'antd/lib/divider';\r\nimport MoreOutlined from '@ant-design/icons/MoreOutlined';\r\nimport isObject from '../_util/isObject';\r\n\r\nconst VtxSelect = forwardRef((props, ref) => {\r\n    const [popWidth, setPopWidth] = useState(0);\r\n    const elRef = useRef();\r\n    const elId = useRef(`vtx-select-${Date.now()}`);\r\n    const [searchValue,setSearchValue] = useState('');\r\n\r\n    const {\r\n        value,\r\n        mode,\r\n        size = 'default', //同步button大小\r\n        onChange,\r\n        maxTagCount = 2,\r\n        maxTagTextLength = 5,\r\n        maxTagPlaceholder = '...',\r\n        showAll = true, //是否显示全部选项\r\n        selectStyle,\r\n        selectAll = true,\r\n        selectSearchAll = true,\r\n        defaultBindBodyToPopupContainer = true,\r\n        customEnumText={}\r\n    } = props;\r\n\r\n    const TextEnum = {\r\n        selectAllText: '全选',\r\n        defaultPlaceholderText: '请选择',\r\n        emptyDescriptionText: '暂无数据',\r\n\r\n        ...customEnumText\r\n    }\r\n\r\n    useEffect(() => {\r\n        if(mode === 'multiple') {\r\n            const timer = setInterval(() => {\r\n                const _width = elRef.current?.clientWidth;\r\n                if(_width > 0) {\r\n                    setPopWidth(_width);\r\n                    clearInterval(timer);\r\n                }\r\n            }, 1000)\r\n            return () => clearInterval(timer);\r\n        }\r\n    }, []);\r\n\r\n    const newChildren = props.children\r\n        ? Array.isArray(props.children)\r\n            ? props.children\r\n            : [props.children]\r\n        : [];\r\n\r\n    const getContent = () => {\r\n        const child = {};\r\n        newChildren.forEach(item => {\r\n            child[item.key] = item?.props?.children;\r\n        });\r\n        return (\r\n            <div className=\"vtx-all-list\">\r\n                {Array.isArray(value) && value.length ? (\r\n                    value.map((item, index) => {\r\n                        const name = getChildren(child, item);\r\n                        return (\r\n                            <Tag\r\n                                style={{ margin: '4px' }}\r\n                                key={index}\r\n                                closable={!props.disabled}\r\n                                onClose={e => {\r\n                                    e.preventDefault();\r\n                                    const valueClone = [...value];\r\n                                    valueClone.splice(index, 1);\r\n                                    const options = newChildren.filter(ite =>\r\n                                        valueClone.includes(ite.props.value),\r\n                                    );\r\n                                    onChange(valueClone, options);\r\n                                }}\r\n                            >\r\n                                <Tooltip title={name}>\r\n                                    {name.length > maxTagTextLength\r\n                                        ? `${name.substring(0, maxTagTextLength)}...`\r\n                                        : name}\r\n                                </Tooltip>\r\n                            </Tag>\r\n                        );\r\n                    })\r\n                ) : (\r\n                    <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={TextEnum.emptyDescriptionText}/>\r\n                )}\r\n            </div>\r\n        );\r\n    };\r\n\r\n    let newProps = {\r\n        showSearch: true,\r\n        optionFilterProp: 'children',\r\n        placeholder: TextEnum.defaultPlaceholderText,\r\n        allowClear: true,\r\n        ...props,\r\n        onSearch: value=>{\r\n            setSearchValue(value?String(value).toLowerCase():'');\r\n            props.onSearch && props.onSearch(value);\r\n        },\r\n        onBlur: e=>{\r\n            setSearchValue('');\r\n            props.onBlur && props.onBlur(e);\r\n        }\r\n    };\r\n\r\n    if (mode === 'multiple') {\r\n        newProps = {\r\n            ...newProps,\r\n            maxTagCount: maxTagCount,\r\n            maxTagTextLength: maxTagTextLength,\r\n            maxTagPlaceholder: maxTagPlaceholder,\r\n        };\r\n        if (selectAll) {\r\n            newProps = {\r\n                ...newProps,\r\n                dropdownRender: menu => {\r\n                    const valueLength = Array.isArray(value) && value.length ? value.length : 0;\r\n                    return (\r\n                        <div>\r\n                            <div\r\n                                className=\"vtx-multi-select-all\"\r\n                                onMouseDown={e => e.preventDefault()}\r\n                            >\r\n                                <Checkbox\r\n                                    indeterminate={valueLength && valueLength < newChildren.length}\r\n                                    checked={valueLength && valueLength === newChildren.length}\r\n                                    onChange={e => {\r\n                                        if (e.target.checked) {\r\n                                            let tempChildren = newChildren.filter(item=>{\r\n                                                if(selectSearchAll && searchValue){\r\n                                                    return String(item.props.children).toLowerCase().indexOf(searchValue)>-1;\r\n                                                }\r\n                                                return true;\r\n                                            })\r\n                                            let keys = [];\r\n                                            if(props.labelInValue){\r\n                                                keys = tempChildren.map(item => ({\r\n                                                    label: item.props.children,\r\n                                                    value: item.key\r\n                                                }));\r\n                                            }else {\r\n                                                keys = tempChildren.map(item => item.key);\r\n                                            }\r\n                                            onChange && onChange(keys, tempChildren);\r\n                                        } else {\r\n                                            onChange && onChange([], []);\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    {TextEnum.selectAllText}\r\n                                </Checkbox>\r\n                            </div>\r\n                            <Divider style={{ margin: '4px 0' }} />\r\n                            {menu}\r\n                        </div>\r\n                    );\r\n                },\r\n            };\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={classnames({\r\n                'vtx-select': mode !== 'multiple',\r\n                'vtx-multi-select': mode == 'multiple' || mode == 'tags',\r\n            })}\r\n            id={elId.current}\r\n            ref={elRef}\r\n            style={{\r\n                ...props.style,\r\n                paddingRight: (mode == 'multiple' || mode == 'tags') && showAll ? 32 : 0,\r\n            }}\r\n        >\r\n            <Select\r\n                ref={ref}\r\n                getPopupContainer={triggerNode => {\r\n                    return defaultBindBodyToPopupContainer ? document.body : triggerNode;\r\n                }}\r\n                {...newProps}\r\n                style={{ width: '100%', ...selectStyle }}\r\n            >\r\n                {props.children}\r\n            </Select>\r\n            {(mode == 'multiple' || mode == 'tags') && showAll ? (\r\n                <Popover\r\n                    content={getContent()}\r\n                    placement=\"bottomRight\"\r\n                    trigger=\"click\"\r\n                    overlayStyle={{ width: popWidth }}\r\n                >\r\n                    <Button className=\"vtx-select-count\" icon={<MoreOutlined />} size={size} />\r\n                </Popover>\r\n            ) : null}\r\n        </div>\r\n    );\r\n});\r\n\r\nfunction getChildren(child = {}, value) {\r\n    const key = isObject(value) ? value.key : value;\r\n    return child[key] || '';\r\n}\r\n\r\nVtxSelect.Option = Select.Option;\r\nVtxSelect.OptGroup = Select.OptGroup;\r\n\r\nVtxSelect.propTypes = {\r\n    value: PropTypes.oneOfType([\r\n        PropTypes.string,\r\n        PropTypes.array,\r\n        PropTypes.number,\r\n        PropTypes.object,\r\n    ]),\r\n    mode: PropTypes.string,\r\n    size: PropTypes.string,\r\n    style: PropTypes.object,\r\n    selectStyle: PropTypes.object,\r\n    onChange: PropTypes.func,\r\n    defaultBindBodyToPopupContainer: PropTypes.bool,\r\n    maxTagCount: PropTypes.number,\r\n    maxTagTextLength: PropTypes.number,\r\n    maxTagPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\r\n    showAll: PropTypes.bool,\r\n    children: PropTypes.node,\r\n    selectAll: PropTypes.bool,\r\n    selectSearchAll: PropTypes.bool,\r\n    customEnumText: PropTypes.object,\r\n};\r\n\r\nexport default VtxSelect;\r\n"],"mappings":"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"}

package/lib/vtx-select/style/css.js

@@ -1,12 +1,20 @@
 "use strict";
 
 require("antd/lib/select/style/css");
+
 require("antd/lib/tag/style/css");
+
 require("antd/lib/button/style/css");
+
 require("antd/lib/empty/style/css");
+
 require("antd/lib/popover/style/css");
+
 require("antd/lib/tooltip/style/css");
+
 require("antd/lib/checkbox/style/css");
+
 require("antd/lib/divider/style/css");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-select/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":["require"],"sources":["vtx-select/style/index.js"],"sourcesContent":["import 'antd/lib/select/style';\r\nimport 'antd/lib/tag/style';\r\nimport 'antd/lib/button/style';\r\nimport 'antd/lib/empty/style';\r\nimport 'antd/lib/popover/style';\r\nimport 'antd/lib/tooltip/style';\r\nimport 'antd/lib/checkbox/style';\r\nimport 'antd/lib/divider/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-select/style/index.js"],"sourcesContent":["import 'antd/lib/select/style';\nimport 'antd/lib/tag/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/empty/style';\nimport 'antd/lib/popover/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/checkbox/style';\nimport 'antd/lib/divider/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/vtx-select/style/index.js

@@ -1,12 +1,20 @@
 "use strict";
 
 require("antd/lib/select/style");
+
 require("antd/lib/tag/style");
+
 require("antd/lib/button/style");
+
 require("antd/lib/empty/style");
+
 require("antd/lib/popover/style");
+
 require("antd/lib/tooltip/style");
+
 require("antd/lib/checkbox/style");
+
 require("antd/lib/divider/style");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-select/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["require"],"sources":["vtx-select/style/index.js"],"sourcesContent":["import 'antd/lib/select/style';\r\nimport 'antd/lib/tag/style';\r\nimport 'antd/lib/button/style';\r\nimport 'antd/lib/empty/style';\r\nimport 'antd/lib/popover/style';\r\nimport 'antd/lib/tooltip/style';\r\nimport 'antd/lib/checkbox/style';\r\nimport 'antd/lib/divider/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-select/style/index.js"],"sourcesContent":["import 'antd/lib/select/style';\nimport 'antd/lib/tag/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/empty/style';\nimport 'antd/lib/popover/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/checkbox/style';\nimport 'antd/lib/divider/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/vtx-select/style/index.less

@@ -1,68 +1,68 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-.vtx-select {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    .vtx-select-count {
-        position: absolute;
-        top: 0;
-        vertical-align: top;
-    }
-    .vtx-all-list {
-        position: absolute;
-        z-index: 999;
-        box-sizing: border-box;
-        width: 100%;
-        padding: 5px;
-        background-color: @component-background;
-        border-radius: @border-radius-base;
-        box-shadow: 0 2px 8px #d9d9d9;
-    }
-    .ant-select-selection--multiple {
-        max-height: 32px;
-        overflow: hidden;
-    }
-}
-
-.vtx-multi-select {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    .vtx-select-count {
-        position: absolute;
-        top: 0;
-        right: 0;
-        vertical-align: top;
-        border-left: none;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-    .vtx-all-list {
-        position: absolute;
-        z-index: 999;
-        box-sizing: border-box;
-        width: 100%;
-        padding: 5px;
-        background-color: @component-background;
-        border-radius: @border-radius-base;
-        box-shadow: 0 2px 8px #d9d9d9;
-    }
-    .ant-select-selection {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-    .ant-select-selection--multiple {
-        max-height: 32px;
-        overflow: hidden;
-    }
-    .ant-btn:hover,
-    .ant-btn:focus {
-        border-color: #d9d9d9;
-    }
-}
-
-.vtx-multi-select-all {
-    padding: 4px 8px;
-    text-align: right;
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+
+.vtx-select {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    .vtx-select-count {
+        position: absolute;
+        top: 0;
+        vertical-align: top;
+    }
+    .vtx-all-list {
+        position: absolute;
+        z-index: 999;
+        box-sizing: border-box;
+        width: 100%;
+        padding: 5px;
+        background-color: @component-background;
+        border-radius: @border-radius-base;
+        box-shadow: 0 2px 8px #d9d9d9;
+    }
+    .ant-select-selection--multiple {
+        max-height: 32px;
+        overflow: hidden;
+    }
+}
+
+.vtx-multi-select {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    .vtx-select-count {
+        position: absolute;
+        top: 0;
+        right: 0;
+        vertical-align: top;
+        border-left: none;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+    .vtx-all-list {
+        position: absolute;
+        z-index: 999;
+        box-sizing: border-box;
+        width: 100%;
+        padding: 5px;
+        background-color: @component-background;
+        border-radius: @border-radius-base;
+        box-shadow: 0 2px 8px #d9d9d9;
+    }
+    .ant-select-selection {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+    .ant-select-selection--multiple {
+        max-height: 32px;
+        overflow: hidden;
+    }
+    .ant-btn:hover,
+    .ant-btn:focus {
+        border-color: #d9d9d9;
+    }
+}
+
+.vtx-multi-select-all {
+    padding: 4px 8px;
+    text-align: right;
+}

package/lib/vtx-signature/index.js

@@ -1,32 +1,42 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _signature_pad = _interopRequireDefault(require("signature_pad"));
+
 var _button = _interopRequireDefault(require("antd/lib/button"));
+
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var VtxSignature = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var canvasRef = (0, _react.useRef)();
   var signaturePad = (0, _react.useRef)();
   var dotSize = props.dotSize,
-    minWidth = props.minWidth,
-    maxWidth = props.maxWidth,
-    throttle = props.throttle,
-    minDistance = props.minDistance,
-    backgroundColor = props.backgroundColor,
-    penColor = props.penColor,
-    velocityFilterWeight = props.velocityFilterWeight,
-    onBegin = props.onBegin,
-    _onEnd = props.onEnd,
-    onChange = props.onChange;
+      minWidth = props.minWidth,
+      maxWidth = props.maxWidth,
+      throttle = props.throttle,
+      minDistance = props.minDistance,
+      backgroundColor = props.backgroundColor,
+      penColor = props.penColor,
+      velocityFilterWeight = props.velocityFilterWeight,
+      onBegin = props.onBegin,
+      _onEnd = props.onEnd,
+      onChange = props.onChange;
   (0, _react.useEffect)(function () {
     signaturePad.current = new _signature_pad["default"](canvasRef.current, {
       dotSize: dotSize,
@@ -51,30 +61,34 @@ var VtxSignature = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       window.removeEventListener('resize', (0, _lodash["default"])(resizeCanvas, 150));
     };
   }, []);
+
   function resizeCanvas() {
     var ratio = Math.max(window.devicePixelRatio || 1, 1);
     var canvas = canvasRef.current;
+
     if (canvas) {
       canvas.width = canvas.offsetWidth * ratio;
       canvas.height = canvas.offsetHeight * ratio;
       canvas.getContext('2d').scale(ratio, ratio);
       clear();
     }
-  }
+  } // 清空
+
 
-  // 清空
   var clear = function clear() {
     signaturePad.current.clear();
-  };
+  }; // 撤销
+
 
-  // 撤销
   var undo = function undo() {
     var data = signaturePad.current.toData();
+
     if (data) {
       data.pop();
       signaturePad.current.fromData(data);
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-signature",
     ref: ref
@@ -92,7 +106,8 @@ var VtxSignature = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onClick: undo
   }, "\u64A4\u9500")));
 });
-var _default = exports["default"] = VtxSignature;
+var _default = VtxSignature;
+exports["default"] = _default;
 VtxSignature.propTypes = {
   dotSize: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].number]),
   minWidth: _propTypes["default"].number,

package/lib/vtx-signature/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_signature_pad","_interopRequireDefault","_button","_lodash","_propTypes","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VtxSignature","forwardRef","props","ref","canvasRef","useRef","signaturePad","dotSize","minWidth","maxWidth","throttle","minDistance","backgroundColor","penColor","velocityFilterWeight","onBegin","onEnd","onChange","useEffect","current","SignaturePad","dataUri","toDataURL","encodedImage","split","resizeCanvas","window","addEventListener","debounce","removeEventListener","ratio","Math","max","devicePixelRatio","canvas","width","offsetWidth","height","offsetHeight","getContext","scale","clear","undo","data","toData","pop","fromData","createElement","className","size","onClick","_default","exports","propTypes","PropTypes","oneOfType","func","number","string"],"sources":["vtx-signature/index.jsx"],"sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\r\nimport SignaturePad from 'signature_pad';\r\nimport Button from 'antd/lib/button';\r\nimport debounce from 'lodash.debounce';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst VtxSignature = forwardRef((props, ref) => {\r\n    const canvasRef = useRef();\r\n    const signaturePad = useRef();\r\n    const {\r\n        dotSize,\r\n        minWidth,\r\n        maxWidth,\r\n        throttle,\r\n        minDistance,\r\n        backgroundColor,\r\n        penColor,\r\n        velocityFilterWeight,\r\n        onBegin,\r\n        onEnd,\r\n        onChange,\r\n    } = props;\r\n\r\n    useEffect(() => {\r\n        signaturePad.current = new SignaturePad(canvasRef.current, {\r\n            dotSize,\r\n            minWidth,\r\n            maxWidth,\r\n            throttle,\r\n            minDistance,\r\n            backgroundColor,\r\n            penColor,\r\n            velocityFilterWeight,\r\n            onBegin,\r\n            onEnd() {\r\n                const dataUri = signaturePad.current.toDataURL();\r\n                const encodedImage = dataUri.split(',')[1];\r\n\r\n                onChange && onChange(encodedImage);\r\n                onEnd && onEnd();\r\n            },\r\n        });\r\n        resizeCanvas();\r\n        window.addEventListener('resize', debounce(resizeCanvas, 150));\r\n        return () => {\r\n            window.removeEventListener('resize', debounce(resizeCanvas, 150));\r\n        };\r\n    }, []);\r\n\r\n    function resizeCanvas() {\r\n        const ratio = Math.max(window.devicePixelRatio || 1, 1);\r\n        const canvas = canvasRef.current;\r\n        if (canvas) {\r\n            canvas.width = canvas.offsetWidth * ratio;\r\n            canvas.height = canvas.offsetHeight * ratio;\r\n            canvas.getContext('2d').scale(ratio, ratio);\r\n            clear();\r\n        }\r\n    }\r\n\r\n    // 清空\r\n    const clear = () => {\r\n        signaturePad.current.clear();\r\n    };\r\n\r\n    // 撤销\r\n    const undo = () => {\r\n        const data = signaturePad.current.toData();\r\n        if (data) {\r\n            data.pop();\r\n            signaturePad.current.fromData(data);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className=\"vtx-signature\" ref={ref}>\r\n            <div className=\"vtx-signature--body\">\r\n                <canvas ref={canvasRef} />\r\n            </div>\r\n            <div className=\"vtx-signature--footer\">\r\n                <Button size=\"small\" onClick={clear}>\r\n                    清空\r\n                </Button>\r\n                <Button size=\"small\" onClick={undo}>\r\n                    撤销\r\n                </Button>\r\n            </div>\r\n        </div>\r\n    );\r\n});\r\n\r\nexport default VtxSignature;\r\n\r\nVtxSignature.propTypes = {\r\n    dotSize: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),\r\n    minWidth: PropTypes.number,\r\n    maxWidth: PropTypes.number,\r\n    throttle: PropTypes.number,\r\n    minDistance: PropTypes.number,\r\n    backgroundColor: PropTypes.string,\r\n    penColor: PropTypes.string,\r\n    velocityFilterWeight: PropTypes.number,\r\n    onBegin: PropTypes.func,\r\n    onEnd: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["VtxSignature","forwardRef","props","ref","canvasRef","useRef","signaturePad","dotSize","minWidth","maxWidth","throttle","minDistance","backgroundColor","penColor","velocityFilterWeight","onBegin","onEnd","onChange","useEffect","current","SignaturePad","dataUri","toDataURL","encodedImage","split","resizeCanvas","window","addEventListener","debounce","removeEventListener","ratio","Math","max","devicePixelRatio","canvas","width","offsetWidth","height","offsetHeight","getContext","scale","clear","undo","data","toData","pop","fromData","propTypes","PropTypes","oneOfType","func","number","string"],"sources":["vtx-signature/index.jsx"],"sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\nimport SignaturePad from 'signature_pad';\nimport Button from 'antd/lib/button';\nimport debounce from 'lodash.debounce';\nimport PropTypes from 'prop-types';\n\nconst VtxSignature = forwardRef((props, ref) => {\n    const canvasRef = useRef();\n    const signaturePad = useRef();\n    const {\n        dotSize,\n        minWidth,\n        maxWidth,\n        throttle,\n        minDistance,\n        backgroundColor,\n        penColor,\n        velocityFilterWeight,\n        onBegin,\n        onEnd,\n        onChange,\n    } = props;\n\n    useEffect(() => {\n        signaturePad.current = new SignaturePad(canvasRef.current, {\n            dotSize,\n            minWidth,\n            maxWidth,\n            throttle,\n            minDistance,\n            backgroundColor,\n            penColor,\n            velocityFilterWeight,\n            onBegin,\n            onEnd() {\n                const dataUri = signaturePad.current.toDataURL();\n                const encodedImage = dataUri.split(',')[1];\n\n                onChange && onChange(encodedImage);\n                onEnd && onEnd();\n            },\n        });\n        resizeCanvas();\n        window.addEventListener('resize', debounce(resizeCanvas, 150));\n        return () => {\n            window.removeEventListener('resize', debounce(resizeCanvas, 150));\n        };\n    }, []);\n\n    function resizeCanvas() {\n        const ratio = Math.max(window.devicePixelRatio || 1, 1);\n        const canvas = canvasRef.current;\n        if (canvas) {\n            canvas.width = canvas.offsetWidth * ratio;\n            canvas.height = canvas.offsetHeight * ratio;\n            canvas.getContext('2d').scale(ratio, ratio);\n            clear();\n        }\n    }\n\n    // 清空\n    const clear = () => {\n        signaturePad.current.clear();\n    };\n\n    // 撤销\n    const undo = () => {\n        const data = signaturePad.current.toData();\n        if (data) {\n            data.pop();\n            signaturePad.current.fromData(data);\n        }\n    };\n\n    return (\n        <div className=\"vtx-signature\" ref={ref}>\n            <div className=\"vtx-signature--body\">\n                <canvas ref={canvasRef} />\n            </div>\n            <div className=\"vtx-signature--footer\">\n                <Button size=\"small\" onClick={clear}>\n                    清空\n                </Button>\n                <Button size=\"small\" onClick={undo}>\n                    撤销\n                </Button>\n            </div>\n        </div>\n    );\n});\n\nexport default VtxSignature;\n\nVtxSignature.propTypes = {\n    dotSize: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),\n    minWidth: PropTypes.number,\n    maxWidth: PropTypes.number,\n    throttle: PropTypes.number,\n    minDistance: PropTypes.number,\n    backgroundColor: PropTypes.string,\n    penColor: PropTypes.string,\n    velocityFilterWeight: PropTypes.number,\n    onBegin: PropTypes.func,\n    onEnd: PropTypes.func,\n    onChange: PropTypes.func,\n};\n"],"mappings":"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"}

package/lib/vtx-signature/style/css.js

@@ -1,6 +1,8 @@
 "use strict";
 
 require("antd/lib/button/style/css");
+
 require("antd/lib/message/style/css");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-signature/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":["require"],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/lib/button/style';\r\nimport 'antd/lib/message/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA"}

package/lib/vtx-signature/style/index.js

@@ -1,6 +1,8 @@
 "use strict";
 
 require("antd/lib/button/style");
+
 require("antd/lib/message/style");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-signature/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["require"],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/lib/button/style';\r\nimport 'antd/lib/message/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA"}

package/lib/vtx-signature/style/index.less

@@ -1,33 +1,33 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-@prefix-cls: vtx-signature;
-
-.@{prefix-cls} {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    height: 300px;
-    padding: 16px;
-    background-color: @component-background;
-    border: 1px solid @border-color-split;
-    border-radius: @border-radius-base;
-    &--body {
-        position: relative;
-        height: 100%;
-        border: 1px dotted #c1c1c1;
-        canvas {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            border-radius: @border-radius-base;
-        }
-    }
-    &--footer {
-        margin-top: 8px;
-        line-height: 1;
-        button + button {
-            margin-left: 8px;
-        }
-    }
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+@prefix-cls: vtx-signature;
+
+.@{prefix-cls} {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 300px;
+    padding: 16px;
+    background-color: @component-background;
+    border: 1px solid @border-color-split;
+    border-radius: @border-radius-base;
+    &--body {
+        position: relative;
+        height: 100%;
+        border: 1px dotted #c1c1c1;
+        canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: @border-radius-base;
+        }
+    }
+    &--footer {
+        margin-top: 8px;
+        line-height: 1;
+        button + button {
+            margin-left: 8px;
+        }
+    }
+}