Badge 属性 说明 默认值 count 显示的数字，大于 maxCount时，显示${maxCount}+，为 0 时隐藏 - max-count 展示封顶的数字值 99 dot 不展示数字，只有一个小红点，如需隐藏 dot，详见下方 config 方法 false type 使用预设的颜色，可选值为 success、primary、normal、error、warning、info - show-zero 当数值为 0 时，是否展示 Badge false status 设置 Badge 为状态点，可选值为 success、processing、default、error、warning - text 自定义内容，如果设置了 status，则为状态点的文本 - offset 设置状态点的位置偏移，格式为 [x, y] - color 设置更多状态点的颜色或自定义颜色 - 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 badge，必须是选择器名称或者元素名 String 该方法返回以下值： counttextdot返回值 说明 类型 默认值 count 响应式设置或更新警告徽标显示的数字 Number - text 响应式设置或更新徽标自定义内容 String - dot 响应式设置或更新是否为为点状 Boolean - \n \n "
},
{
"path": "site/src/examples-code/components/badge/Basic.vue",
"content": "\n \n
\n"
},
{
"path": "site/src/examples-code/components/badge/Colors.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/badge/CustomContent.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/badge/CustomPosition.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/badge/MaxCount.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/badge/PresetColor.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/badge/RedDot.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/badge/StatusDot.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/badge/index.ts",
"content": "import Basic from './Basic.vue'\nimport RedDot from './RedDot.vue'\nimport MaxCount from './MaxCount.vue'\nimport Alone from './Alone.vue'\nimport CustomContent from './CustomContent.vue'\nimport CustomPosition from './CustomPosition.vue'\nimport StatusDot from './StatusDot.vue'\nimport Colors from './Colors.vue'\nimport PresetColor from './PresetColor.vue'\nimport APITable from './APITable.vue'\n\nexport {\n Basic,\n RedDot,\n MaxCount,\n Alone,\n CustomContent,\n CustomPosition,\n StatusDot,\n Colors,\n PresetColor,\n APITable\n}\n"
},
{
"path": "site/src/examples-code/components/breadcrumb/APITable.vue",
"content": "
\n Breadcrumb 属性 说明 默认值 separator 自定义分隔符 / \n \n "
},
{
"path": "site/src/examples-code/components/breadcrumb/Separator.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/breadcrumb/WithIcon.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/breadcrumb/index.ts",
"content": "import Basic from './Basic.vue'\nimport WithIcon from './WithIcon.vue'\nimport Separator from './Separator.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, WithIcon, Separator, APITable }\n"
},
{
"path": "site/src/examples-code/components/button/APITable.vue",
"content": "\n \n
Button \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n loading 设置按钮为加载中状态 false \n \n disabled 设置按钮为禁用状态 false \n \n icon 设置按钮的图标类型 - \n \n
\n \n
Config 方法 \n
\n 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） \n
\n
\n \n \n \n 参数 说明 类型 \n \n \n \n el 配置当前选定的 button，必须是选择器名称或者元素名 String \n \n
\n \n
该方法返回以下值：
\n
\n
\n \n \n \n 返回值 说明 类型 默认值 \n \n \n \n loading 响应式设置设置按钮为加载中状态 Boolean false \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/button/Disabled.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/Ghost.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/Group.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/IconWithCircle.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/Loading.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/Long.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/Placement.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/Size.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/Type.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/button/index.ts",
"content": "import Type from './Type.vue'\nimport Ghost from './Ghost.vue'\nimport IconWithCircle from './IconWithCircle.vue'\nimport Size from './Size.vue'\nimport Long from './Long.vue'\nimport Disabled from './Disabled.vue'\nimport Loading from './Loading.vue'\nimport Group from './Group.vue'\nimport Placement from './Placement.vue'\nimport APITable from './APITable.vue'\n\nexport { Type, Ghost, IconWithCircle, Size, Long, Disabled, Loading, Group, Placement, APITable }\n"
},
{
"path": "site/src/examples-code/components/card/APITable.vue",
"content": "\n Card 属性 说明 默认值 no-bodred 不显示边框，建议在灰色背景下使用 false dis-hover 禁用鼠标悬停显示阴影 false shadow 卡片阴影，建议在灰色背景下使用 false title 卡片标题 - extra 卡片额外操作的内容 - Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 steps，必须是选择器名称或者元素名 String 该方法返回以下2个 String 类型的属性： titleextra返回值 说明 类型 默认值 title 响应式设置卡片标题 String - extra 响应式设置卡片额外操作的内容 String - \n \n "
},
{
"path": "site/src/examples-code/components/card/DisHover.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/card/NoBorder.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/card/Shadow.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/card/Simple.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/card/index.ts",
"content": "import Basic from './Basic.vue'\nimport Simple from './Simple.vue'\nimport DisHover from './DisHover.vue'\nimport Shadow from './Shadow.vue'\nimport NoBorder from './NoBorder.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Simple, DisHover, Shadow, NoBorder, APITable }\n"
},
{
"path": "site/src/examples-code/components/carousel/APITable.vue",
"content": "\n Carousel 属性 说明 默认值 autoplay 是否自动切换 false autoplay-speed 自动切换的时间间隔，单位为毫秒 2000 dots 指示器的位置，可选值为 inside （内部），outside（外部），none（不显示） inside radius-dot 是否显示圆形指示器 false trigger 指示器的触发方式，可选值为 click（点击），hover（悬停） click arrow 切换箭头的显示时机，可选值为\n hover（悬停），always（一直显示），never（不显示） hover easing 动画效果 ease effect 动画效果函数，可切换为渐显 fade- Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 carousel，必须是选择器名称或者元素名 String 该方法返回以下值： events(options)返回值 说明 类型 默认值 events 非响应式API，添加提示框的事件， Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onClick 点击幻灯片时触发，返回索引值 (index: number) => void onChange 幻灯片切换时触发，目前激活的幻灯片的索引，原幻灯片的索引 ([ oldValue, value ]: [number,number]) => void \n"
},
{
"path": "site/src/examples-code/components/carousel/AutoPlay.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/carousel/Basic.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/carousel/Fade.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/carousel/index.ts",
"content": "import Basic from './Basic.vue'\nimport AutoPlay from './AutoPlay.vue'\nimport Fade from './Fade.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, AutoPlay, Fade, APITable }\n"
},
{
"path": "site/src/examples-code/components/checkbox/APITable.vue",
"content": "\n Checkbox 属性 说明 默认值 checked 单个是否选中 false label 只在组合使用时有效。指定当前选项的 value 值，组合会自动判断当前选择的项目 - disabled 是否禁用当前项 false size 单选框的尺寸，可选值为 large，small 或者不设置 - border 是否显示边框 false icon 设置前缀图标 - indeterminate 设置 indeterminate 状态，只负责样式控制 false RadioGroup 属性 说明 默认值 value 指定选中项目的集合 [ ] size 多选框组的尺寸，可选值为 large、small 或者不设置 - Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 checkbox，必须是选择器名称或者元素名 String 该方法返回以下三个值： checkeddisabledvalueindeterminateevents(options)返回值 说明 类型 默认值 checked 响应式设置单个是否选中 Boolean - disabled 响应式设置是否禁用当前项 Boolean - value 响应式设置 checkbox-group 当前选中的项目数据 Array - indeterminate 响应式设置 indeterminate 状态 Boolean - events 非响应式API，添加 Checkbox 的事件， Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onChange 在选项状态发生改变时触发。当选中的配置目标是 checkbox-group\n 时，返回已选中的数组。如果是单个 checkbox 则返回当前选中状态 (checked: boolean | data: string[]) => void \n"
},
{
"path": "site/src/examples-code/components/checkbox/Basic.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/checkbox/Border.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/checkbox/Disabled.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/checkbox/Group.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/checkbox/Indeterminate.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/checkbox/index.ts",
"content": "import Basic from './Basic.vue'\nimport Group from './Group.vue'\nimport Border from './Border.vue'\nimport Disabled from './Disabled.vue'\nimport Indeterminate from './Indeterminate.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Group, Border, Disabled, Indeterminate, APITable }\n"
},
{
"path": "site/src/examples-code/components/circle/APITable.vue",
"content": "\n \n
API
\n
Circle \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n percent 百分比 0 \n \n size 图表的宽度和高度，单位 px 120 \n \n stroke-linecap \n 进度环顶端的形状，可选值为 square（方）和 round（圆） \n \n round \n \n stroke-width 进度环的线宽，单位 px 6 \n \n stroke-color \n 进度环的颜色，支持传入数组显示为渐变色，标签属性上设置数组的格式的值为 '[\"xxxx\",\"xxx\"]'\n \n # 1890ff \n \n trail-width 进度环背景的线宽，单位 px 5 \n \n trail-color 进度环背景的颜色 # eaeef2 \n \n dashboard 是否显示为仪表盘 false \n \n
\n \n
Config 方法 \n
\n 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） \n
\n
\n \n \n \n 参数 说明 类型 \n \n \n \n el 配置当前选定的 circle，必须是选择器名称或者元素名 String \n \n
\n \n
该方法返回以下两个值：
\n
\n percentstrokeColor \n
\n \n \n \n 返回值 说明 类型 默认值 \n \n \n \n percent 响应式设置百分比 Number 0 \n \n strokeColor 响应式设置进度环的颜色 String | String[ ] #1890ff \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/circle/Basic.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/circle/CustomStyle.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/circle/Dashboard.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/circle/UseWithOther.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/circle/index.ts",
"content": "import Basic from './Basic.vue'\nimport UseWithOther from './UseWithOther.vue'\nimport CustomStyle from './CustomStyle.vue'\nimport Dashboard from './Dashboard.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, UseWithOther, CustomStyle, Dashboard, APITable }\n"
},
{
"path": "site/src/examples-code/components/collapse/APITable.vue",
"content": "\n Collapse 属性 说明 默认值 active-index 初始化选中面板的 key，格式可以为 string、number、 \"[string]\" 或 \"[number]\" - accordion 是否开启手风琴模式，开启后每次至多展开一个面板 false simple 简洁边框风格的折叠面板 false ghost 使折叠面板透明且无边框 false Collapse-panel 属性 说明 默认值 index 当前面板的 key，与 r-collapse 的 active-index对应，不填为索引值 index hide-arrow 隐藏当前面板上的箭头 false Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 collapse，必须是选择器名称或者元素名 String 该方法返回以下两个值： activeIndexevents(options)返回值 说明 类型 默认值 activeIndex 响应式设置当前激活面板的 index String | String[ ] | Number | Number[ ] - events 非响应式API，添加折叠面板事件， Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onChange 切换面板时触发，返回当前已展开的面板的 key，格式为数组 (index: string[]) => void \n \n "
},
{
"path": "site/src/examples-code/components/collapse/Basic.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/collapse/Ghost.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/collapse/HiddenArrow.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/collapse/Simple.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/collapse/index.ts",
"content": "import Basic from './Basic.vue'\nimport Simple from './Simple.vue'\nimport Ghost from './Ghost.vue'\nimport According from './According.vue'\nimport HiddenArrow from './HiddenArrow.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Simple, Ghost, According, HiddenArrow, APITable }\n"
},
{
"path": "site/src/examples-code/components/count-down/APITable.vue",
"content": "\n CountDown 属性 说明 默认值 end-time 设置倒计时结束的目标时间 - Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 count-down，必须是选择器名称或者元素名 String 该方法返回以下值： endTimeevents(options)返回值 说明 类型 默认值 endTime 响应式设置倒计时结束的目标时间 String - events 非响应式API，添加倒计时的事件， Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onStop 倒计时结束后触发的事件 (stop: boolean) => void \n \n "
},
{
"path": "site/src/examples-code/components/count-down/index.ts",
"content": "import Basic from './Basic.vue'\nimport APITable from './APITable.vue'\nexport { Basic, APITable }\n"
},
{
"path": "site/src/examples-code/components/divider/APITable.vue",
"content": "\n Divider 属性 说明 默认值 type 水平还是垂直类型，可选值为 horizontal 或 vertical horizontal orientation 分割线标题的位置，可选值为 left、right 或 center center dashed 是否虚线 false size 标题文字尺寸，可选值为 small 或 不填 - plain 文字是否显示为普通正文样式 false \n \n "
},
{
"path": "site/src/examples-code/components/divider/Horizontal.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/divider/TextStyle.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/divider/Vertical.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/divider/index.ts",
"content": "import Vertical from './Vertical.vue'\nimport Horizontal from './Horizontal.vue'\nimport TextStyle from './TextStyle.vue'\nimport HeaderPosition from './HeaderPosition.vue'\nimport APITable from './APITable.vue'\n\nexport { Vertical, Horizontal, TextStyle, HeaderPosition, APITable }\n"
},
{
"path": "site/src/examples-code/components/drawer/APITable.vue",
"content": "\n Drawer 属性 说明 默认值 visible 初始 Drawer 是否可见 false title 抽屉标题 - width 抽屉宽度。需要带像素单位 256px closable 是否显示右上角的关闭按钮 false mask-closable 是否允许点击遮罩层关闭 true mask 是否显示遮罩层 true scrollable 页面是否可以滚动 false placement 抽屉的方向，可选值为 top、 right、 bottom 、 left right inner 是否设置抽屉在某个元素内打开，该元素需要有相对定位 false lock-scroll 是否禁止对页面滚动条的修改 false Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 drawer，必须是选择器名称或者元素名 String 该方法返回以下两个值： titleevents(options)返回值 说明 类型 默认值 title 响应式设置抽屉的标题 String - events 非响应式API，添加抽屉事件， Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onClose 关闭抽屉时触发 无 \n \n "
},
{
"path": "site/src/examples-code/components/drawer/Custom.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/drawer/Inner.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/drawer/Multilayer.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/drawer/index.ts",
"content": "import Basic from './Basic.vue'\nimport Inner from './Inner.vue'\nimport Custom from './Custom.vue'\nimport Multilayer from './Multilayer.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Inner, Custom, Multilayer, APITable }\n"
},
{
"path": "site/src/examples-code/components/dropdown/APITable.vue",
"content": "\n Dropdown 属性 说明 默认值 trigger 触发方式，可选值为 hover（悬停）click（点击） contextMenu（右键）custom (自定义) hover placement 下拉菜单出现的位置，可选值为top``top-start``top-end``bottom``bottom-start``bottom-end``left``left-start``left-end``right``right-start``right-end , 支持自动识别 bottom visible 1.3.0手动控制下拉框的显示，在 trigger = 'custom' 时使用 false stop-propagation 1.3.0是否开启 stop-propagation，在trigger = 'custom' 时，如果将事件绑定到 r-dropdown\n 上时最好使用 false DropdownItem 属性 说明 默认值 key 1.3.0用来标识这一项 - disabled 禁用该项 - divided 显示分割线 - selected 标记该项为选中状态 - danger 1.3.0标记为危险项，用于删除项操作 Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 drawer，必须是选择器名称或者元素名 String 该方法返回以下值： visibleevents(options)返回值 说明 类型 默认值 visible 1.3.0响应式设置或更新下拉框的显示 Boolean false events 非响应式API，添加下拉菜单事件 Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onClick 1.3.0点击菜单项时触发，返回 r-dropdown-item 的 key 值 (key: string) => void onVisibleChange 1.3.0菜单显示状态改变时调用 (visible: boolean) => void onClickOutside 1.3.0点击外部关闭下拉菜单时触发 (event: Event) => void \n \n "
},
{
"path": "site/src/examples-code/components/dropdown/Nested.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/dropdown/Placement.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/dropdown/Trigger.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/dropdown/index.ts",
"content": "import Basic from './Basic.vue'\nimport Nested from './Nested.vue'\nimport Trigger from './Trigger.vue'\nimport Placement from './Placement.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Nested, Trigger, Placement, APITable }\n"
},
{
"path": "site/src/examples-code/components/empty/APITable.vue",
"content": "\n Empty 属性 说明 默认值 desc 自定义描述内容 - image-style 图片样式 - image 自定义图片地址 - \n \n "
},
{
"path": "site/src/examples-code/components/empty/Custom.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/empty/NoDesc.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/empty/index.ts",
"content": "import Basic from './Basic.vue'\nimport Custom from './Custom.vue'\nimport NoDesc from './NoDesc.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Custom, NoDesc, APITable }\n"
},
{
"path": "site/src/examples-code/components/input-number/APITable.vue",
"content": "\n InputNumber 属性 说明 默认值 max 最大值 Infinity min 最小值 -Infinity value 输入框当前值 - controls-outside 按钮位置是否置于两侧 false step 每次改变的步伐，可以是小数 1 size 输入框尺寸，可选值为 large、 small或者不填 - disabled 设置禁用状态 false placeholder 占位文本 - formatter 指定输入框展示值的格式 - parser 指定从 formatter 里转换回数字的方式，和 formatter 搭配使用 - readonly 是否设置为只读 false editable 是否可编辑 true precision 数值精度 - input-id 给内部实际的输入框元素设置 id- Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 input-number，必须是选择器名称或者元素名 String 该方法返回以下值：
\n endTimestepdisabledreadOnlyeditableevents(options)返回值 说明 类型 value 响应式设置输入框当前值 Boolean step 响应式设置每次改变的步伐 Number disabled 响应式设置禁用状态 Boolean readOnly 响应式设置是否设置为只读 Boolean editable 响应式设置是否可编辑 Boolean events 非响应式API，添加 InputNumber 的事件， Functioin events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onChange 数值改变时的回调，返回当前值 (value: number) => void onFocus 聚焦时触发 (event: InputEvent) => void onBlur 失焦时触发 无 \n \n "
},
{
"path": "site/src/examples-code/components/input-number/ControlsOutside.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/input-number/Disabled.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/input-number/Editable.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/input-number/Formatter.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/input-number/ReadOnly.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/input-number/Size.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/input-number/Step.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/input-number/index.ts",
"content": "import Basic from './Basic.vue'\nimport Size from './Size.vue'\nimport Editable from './Editable.vue'\nimport Formatter from './Formatter.vue'\nimport Step from './Step.vue'\nimport ReadOnly from './ReadOnly.vue'\nimport Disabled from './Disabled.vue'\nimport ControlsOutside from './ControlsOutside.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Size, Editable, Formatter, Step, ReadOnly, Disabled, ControlsOutside, APITable }\n"
},
{
"path": "site/src/examples-code/components/jumbotron/APITable.vue",
"content": "\n Jumbotron 属性 说明 默认值 type 更改外观颜色，可选值为 light 和 dark - title 设置大标题 - sub-title 设置描述标题 - \n \n "
},
{
"path": "site/src/examples-code/components/jumbotron/Basic.vue",
"content": "\n \n
\n"
},
{
"path": "site/src/examples-code/components/jumbotron/index.ts",
"content": "import Basic from './Basic.vue'\nimport Appearance from './Appearance.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Appearance, APITable }\n"
},
{
"path": "site/src/examples-code/components/loading-bar/APITable.vue",
"content": "
\n LoadingBar instance
通过直接调用以下方法来使用组件： Rabbit.Loading.start()Rabbit.Loading.finish()Rabbit.Loading.error()Rabbit.Loading.update(percent)
函数及参数说明如下： 函数名 说明 参数 start 开始从 0 显示进度条，并自动加载进度 无 finish 结束进度条，自动补全剩余进度 无 error 以错误的类型结束进度条，自动补全剩余进度 无 update 精确加载到指定的进度 percent，指定的进度百分比
另外提供了全局配置和全局销毁的方法： Rabbit.Loading.config(options)Rabbit.Loading.destroy()属性 说明 类型 默认值 color 进度条的颜色，默认为 Rabbit 主色 String primary failedColor 失败时的进度条颜色，默认为 Rabbit 主色 String error height 进度条高度，单位 px Number 2 duration 隐藏时的持续时间，单位 ms Number 800 \n \n "
},
{
"path": "site/src/examples-code/components/loading-bar/UseInAsync.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/loading-bar/UsedInRoute.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/loading-bar/index.ts",
"content": "import Basic from './Basic.vue'\nimport UsedInRoute from './UsedInRoute.vue'\nimport UseInAsync from './UseInAsync.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, UsedInRoute, UseInAsync, APITable }\n"
},
{
"path": "site/src/examples-code/components/message/APITable.vue",
"content": "\n \n
Message 实例 \n
通过直接调用以下方法来使用组件：
\n
\n Rabbit.Message.info(config)Rabbit.Message.success(config)Rabbit.Message.warning(config)Rabbit.Message.error(config)Rabbit.Message.loading(config) \n
组件同时提供 promise 接口。
\n
\n Rabbit.Message[level](config).then(afterClose) \n
\n 其中 Rabbit.Message[level] 是组件已经提供的静态方法。 then 接口返回值是 Promise。 \n
\n
\n 参数 config\n 可以是字符串或对象，当为字符串时，直接显示内容，当为对象时，具体说明如下： \n
\n
\n \n \n \n 属性 说明 类型 默认值 \n \n \n \n content 提示内容 String - \n \n duration 自动关闭的延时，单位秒，不关闭可以写 0 Number 3 \n \n onClose 点击消息关闭按钮时的回调 Function - \n \n closable 是否显示关闭按钮 Boolean false \n \n background 是否显示背景色 Boolean false \n \n key 当前提示的唯一标志 String | Number - \n \n dangerouslyUseHTMLString 是否将 content 属性作为 HTML 片段处理 Boolean false \n \n
\n \n
全局方法 \n
还提供了全局配置和全局销毁方法：
\n
\n Rabbit.Message.config(options)Rabbit.Message.destroy() \n
\n 也可通过 Rabbit.Message.destroy(key) 来关闭一条消息。 \n
\n
\n \n \n \n \n \n 属性 说明 类型 默认值 \n \n \n \n top 提示组件距离顶端的距离，单位像素 Number 24 \n \n duration 默认自动关闭的延时，单位秒 Number 3 \n \n
\n \n \n"
},
{
"path": "site/src/examples-code/components/message/Background.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/Basic.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/Closable.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/Loading.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/Promise.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/Time.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/Type.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/UseHTML.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/message/index.ts",
"content": "import Basic from './Basic.vue'\nimport Time from './Time.vue'\nimport Type from './Type.vue'\nimport Promise from './Promise.vue'\nimport Loading from './Loading.vue'\nimport UseHTML from './UseHTML.vue'\nimport Closable from './Closable.vue'\nimport Background from './Background.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Time, Type, Promise, Loading, UseHTML, Closable, Background, APITable }\n"
},
{
"path": "site/src/examples-code/components/mini-modal/APITable.vue",
"content": "\n API 属性 说明 类型 默认值 title 标题 String - content 内容 String - width 宽度，单位 px Number | String 416 okText 确定按钮的文字 String 确定 cancelText 取消按钮的文字，只在 Modal.confirm()下有效 String 取消 loading 点击确定按钮时是否显示 loading 状态，开启则需手动调用Modal.remove()来关闭对话框 Boolean false scrollable 页面是否可以滚动 Boolean false keyboard 是否可以按 Esc 键关闭 Boolean false onOk 点击确定的回调 Function - onCancel 点击取消的回调，只在 Modal.confirm()下有效 Function - lockScroll 是否禁止对页面滚动条的修改 Boolean true 另外提供了全局关闭对话框的方法： Rabbit.MiniModal.remove()\n \n "
},
{
"path": "site/src/examples-code/components/mini-modal/Confirm.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/mini-modal/index.ts",
"content": "import Basic from './Basic.vue'\nimport Confirm from './Confirm.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Confirm, APITable }\n"
},
{
"path": "site/src/examples-code/components/modal/APITable.vue",
"content": "\n \n
Modal \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n visible 对话框默认是否显示 false \n \n title 对话框标题 - \n \n closable 是否显示右上角的关闭按钮，关闭后 Esc 按键也将关闭 true \n \n mask-closable 是否允许点击遮罩层关闭 true \n \n loading \n 点击确定按钮时，确定按钮是否显示 loading\n 状态，开启则需手动关闭对话框 \n \n false \n \n scrollable 页面是否可以滚动 false \n \n fullscreen 是否全屏显示 false \n \n mask 是否显示遮罩层 true \n \n ok-text 确定按钮文字 确定 \n \n cancel-text 取消按钮文字 取消 \n \n width \n 对话框宽度，对话框的宽度是响应式的，当屏幕尺寸小于 768px\n 时，宽度会变为自动 auto。 \n \n 520px \n \n footer-hide 不显示底部 false \n \n class-name \n 设置对话框容器 .rab-modal-wrap的类名，可辅助实现垂直居中等自定义效果 \n \n - \n \n z-index 层级 1000 \n \n lock-scroll 是否禁止对页面滚动条的修改 false \n \n
\n \n
Config 方法 \n
\n 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） \n
\n
\n \n \n \n 参数 说明 类型 \n \n \n \n el 配置当前选定的 modal，必须是选择器名称或者元素名 String \n \n
\n \n
该方法返回以下值：
\n
\n visibletitleevents(options) \n
\n \n \n \n 返回值 说明 类型 默认值 \n \n \n \n visible 响应式设置或更新对话框的显示 Boolean false \n \n title 响应式设置或更新对话框标题 String - \n \n events 非响应式API，添加对话框事件 Function - \n \n
\n \n
\n events的参数 options 为对象，具体说明如下： \n
\n \n \n \n 属性 说明 回调参数 \n \n \n \n onOk 点击确定的回调 无 \n \n onCancel 点击取消的回调 无 \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/modal/Aysnc.vue",
"content": "\n \n
\n
\n \n
\n \n"
},
{
"path": "site/src/examples-code/components/modal/Basic.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/modal/Custom.vue",
"content": "\n \n
\n
\n \n \n \n \n
\n \n \n \n"
},
{
"path": "site/src/examples-code/components/modal/DisabledClose.vue",
"content": "\n \n
\n
\n \n \n \n \n
\n \n \n \n"
},
{
"path": "site/src/examples-code/components/modal/FullScreen.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/modal/Position.vue",
"content": "\n \n
\n
\n \n \n \n \n
\n \n \n \n"
},
{
"path": "site/src/examples-code/components/modal/index.ts",
"content": "import Basic from './Basic.vue'\nimport Aysnc from './Aysnc.vue'\nimport Custom from './Custom.vue'\nimport Position from './Position.vue'\nimport DisabledClose from './DisabledClose.vue'\nimport FullScreen from './FullScreen.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Aysnc, Custom, Position, DisabledClose, FullScreen, APITable }\n"
},
{
"path": "site/src/examples-code/components/notice/APITable.vue",
"content": "\n \n
Notice 实例 \n
通过直接调用以下方法来使用组件：
\n
\n Rabbit.Notice.open(config)Rabbit.Notice.info(config)Rabbit.Notice.success(config)Rabbit.Notice.warning(config)Rabbit.Notice.error(config) \n
组件同时提供 promise 接口。
\n
\n Rabbit.Notice[level](config).then(afterClose) \n
\n 其中 Rabbit.Notice[level] 是组件已经提供的静态方法。 then 接口返回值是 Promise。 \n
\n
参数 config 为对象，具体说明如下：
\n
\n \n \n \n 属性 说明 类型 默认值 \n \n \n \n title 通知提醒的标题 String - \n \n desc 通知提醒的内容，为空或不填时，自动应用仅标题模式下的样式 String - \n \n duration 自动关闭的延时，单位秒，不关闭可以写 0 Number 4.5 \n \n key 当前通知的唯一标识 String | Number - \n \n closable 是否显示关闭按钮 Boolean true \n \n style 自定义内联样式 String - \n \n className 自定义 CSS class String - \n \n dangerouslyUseHTMLString 是否将 title 或 desc 属性作为 HTML 片段处理 Boolean false \n \n icon 自定义图标 String - \n \n onClose 点击默认关闭按钮时触发的回调函数 Function - \n \n onClick 点击通知时触发的回调函数 Function - \n \n
\n \n
全局方法 \n
还提供了全局配置、全局关闭某个通知和全局销毁的方法：
\n
\n Rabbit.Notice.config(options)Rabbit.Notice.close(key)Rabbit.Notice.destroy() \n
\n \n \n \n \n 属性 说明 类型 默认值 \n \n \n \n top 通知组件距离顶端的距离，单位像素 Number 24 \n \n duration 默认自动关闭的延时，单位秒 Number 4.5 \n \n
\n \n \n"
},
{
"path": "site/src/examples-code/components/notice/Basic.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/notice/Closable.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/notice/Promise.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/notice/Time.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/notice/Type.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/notice/UseHTML.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/notice/index.ts",
"content": "import Basic from './Basic.vue'\nimport Type from './Type.vue'\nimport Time from './Time.vue'\nimport Promise from './Promise.vue'\nimport UseHTML from './UseHTML.vue'\nimport Closable from './Closable.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Type, Time, Promise, UseHTML, Closable, APITable }\n"
},
{
"path": "site/src/examples-code/components/page-header/APITable.vue",
"content": " \n PageHeader 属性 说明 默认值 title 自定义标题文字 - sub-title 自定义的二级标题文字 - Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 page-header，必须是选择器名称或者元素名 String 该方法返回以下值： events(options)返回值 说明 类型 默认值 events 非响应式API，添加提示框的事件， Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onBack 返回按钮的点击事件 无 \n \n "
},
{
"path": "site/src/examples-code/components/page-header/index.ts",
"content": "import Basic from './Basic.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, APITable }\n"
},
{
"path": "site/src/examples-code/components/poptip/APITable.vue",
"content": "\n \n
Poptip \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n trigger \n 触发方式，可选值为 hover（悬停）click（点击） focus（聚焦）,在 confirm 模式下，只有 click 有效 \n \n click \n \n title 显示的标题 - \n \n content \n 显示的正文内容，只在非 confirm 模式下有效- \n \n - \n \n placement \n 提示框出现的位置，可选值为top 、top-start 、top-end 、bottom 、bottom-start 、bottom-end 、left\n 、left-start、 left-end 、right、 right-start、 right-end ，支持自动识别 auto \n \n top \n \n width \n 宽度，最小宽度为 150px，在 confirm 模式下，默认最大宽度为 300px \n \n - \n \n confirm 是否开启对话框模式 false \n \n disabled 是否禁用 false \n \n ok-text \n 确定按钮的文字，只在 confirm 模式下有效 \n \n 确定 \n \n cancel-text \n 取消按钮的文字，只在 confirm 模式下有效 \n \n 取消 \n \n padding 自定义间距值 8px 16px \n \n offset 出现位置的偏移量 0 \n \n visible 1.4.0提示框是否显示或隐藏 false \n \n
\n \n
Config 方法 \n
\n 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） \n
\n
\n \n \n \n 参数 说明 类型 \n \n \n \n el 配置当前选定的 poptip，必须是选择器名称或者元素名 String \n \n
\n \n
该方法返回以下三个值：
\n
\n titlecontentdisabledvisibleevents(options) \n
\n \n \n \n 返回值 说明 类型 默认值 \n \n \n \n title 响应式设置提示框标题 String | Number - \n \n content 响应式设置提示框的内容 String | Number - \n \n disabled 1.4.0响应式设置提示框是否禁用 Boolean false \n \n visible 1.4.0响应式设置提示框是否显示和隐藏 Boolean false \n \n events 非响应式API，添加提示框的事件 Function - \n \n
\n \n
\n events的参数 options 为对象，具体说明如下： \n
\n \n \n \n 属性 说明 回调参数 \n \n \n \n onPopperShow 1.4.0在提示框显示时触发 无 \n \n onPopperHide 1.4.0在提示框消失时触发 无 \n \n onOK \n 点击确定的回调，只在 confirm 模式下有效 \n \n 无 \n \n onCancel \n 点击取消的回调，只在 confirm 模式下有效 \n \n 无 \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/poptip/AutoNewLine.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/poptip/Basic.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/poptip/Complex.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/poptip/Confirm.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/poptip/Disabled.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/poptip/InsideClosed.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/poptip/Placement.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/poptip/index.ts",
"content": "import Basic from './Basic.vue'\nimport Placement from './Placement.vue'\nimport InsideClosed from './InsideClosed.vue'\nimport Disabled from './Disabled.vue'\nimport Complex from './Complex.vue'\nimport AutoNewLine from './AutoNewLine.vue'\nimport Confirm from './Confirm.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Placement, InsideClosed, Disabled, Complex, AutoNewLine, Confirm, APITable }\n"
},
{
"path": "site/src/examples-code/components/progress/APITable.vue",
"content": "\n Progress 属性 说明 默认值 percent 百分比 0 status 状态，可选值为 normal、 active、 wrong、 success、warning normal stroke-width 进度条的线宽，单位 px 10 stroke-color 进度条的颜色，传入格式为数组，显示为渐变色 - show-text 隐藏数值或状态图标 false success-percent 已完成的分段百分比 0 text-inside 百分比是否置于进度条内 false Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 progress，必须是选择器名称或者元素名 String 该方法返回以下值： percentsuccessPercent返回值 说明 类型 默认值 percent 响应式设置或更新进度条百分比 Number - successPercent 响应式设置或更新已完成的分段百分比 Number -
使用示例 动态设置进度 进度条的进度不可能是固定不变的，这就需要在异步场景下使用组件内置的方法 config(el).percent 进行设置，以 jQuery 的 ajax 为例：
\n"
},
{
"path": "site/src/examples-code/components/progress/Basic.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/progress/FDJDT.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/progress/Percent.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/progress/StrokeColor.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/progress/index.ts",
"content": "import Basic from './Basic.vue'\nimport FDJDT from './FDJDT.vue'\nimport Percent from './Percent.vue'\nimport StrokeColor from './StrokeColor.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, FDJDT, Percent, StrokeColor, APITable }\n"
},
{
"path": "site/src/examples-code/components/radio/APITable.vue",
"content": "
\n \n
Radio \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n checked 单个是否选中 false \n \n label \n 只在组合使用时有效。指定当前选项的 value\n 值，组合会自动判断当前选择的项目 \n \n - \n \n disabled 是否禁用当前项 false \n \n size \n 单选框的尺寸，可选值为 large，small 或者不设置 \n \n - \n \n border 是否显示边框 false \n \n icon 设置前缀图标 - \n \n
\n \n
RadioGroup \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n value 指定当前选中的项目数据 - \n \n type \n 可选值为 button 或不填，为 button 时使用按钮样式 \n \n - \n \n button-style 按钮样式，可选值为 solid - \n \n size \n 单选框的尺寸，可选值为 large，small 或者不设置 \n \n - \n \n direction \n 是否垂直排列，按钮样式下无效，可选值为 vertical\n \n - \n \n
\n \n
Config 方法 \n
\n 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） \n
\n
\n \n \n \n 参数 说明 类型 \n \n \n \n el 配置当前选定的 radio，必须是选择器名称或者元素名 String \n \n
\n \n
该方法返回以下三个值：
\n
\n checkedvalueevents(options) \n
\n \n \n \n 返回值 说明 类型 默认值 \n \n \n \n checked 响应式设置单个是否选中 Boolean - \n \n value 响应式设置 radio-group 当前选中的项目数据 String - \n \n events 非响应式API，添加 Radio 的事件， Function - \n \n
\n \n
\n events的参数 options 为对象，具体说明如下： \n
\n \n \n \n 属性 说明 回调参数 \n \n \n \n onChange \n 在选项状态发生改变时触发，当选中的配置目标是 radio-group\n 时，则返回一个对象，为当前选中的项，如果是单个 radio\n 则返回当前选中状态 \n \n \n (state: boolean | item:object) => void \n \n \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/radio/Basic.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/Border.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/Button.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/ButtonStyle.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/Disabled.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/Group.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/Size.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/Vertical.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/radio/index.ts",
"content": "import Basic from './Basic.vue'\nimport Size from './Size.vue'\nimport Disabled from './Disabled.vue'\nimport Border from './Border.vue'\nimport Button from './Button.vue'\nimport ButtonStyle from './ButtonStyle.vue'\nimport Vertical from './Vertical.vue'\nimport Group from './Group.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Size, Disabled, Border, Button, ButtonStyle, Vertical, Group, APITable }\n"
},
{
"path": "site/src/examples-code/components/result/403.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/404.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/500.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/APITable.vue",
"content": "
\n \n
Result \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n status \n 结果的状态，决定图标和颜色。可选值为 success、 error、 info 、 warning 、 404、 403、 500\n \n info \n \n title 标题文字 - \n \n subtitle 结果描述 - \n \n extra 操作区，建议放置按钮组 - \n \n icon 自定义图标 - \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/result/CustomIcon.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/Error.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/Info.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/Success.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/Warning.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/result/index.ts",
"content": "import Info from './Info.vue'\nimport Success from './Success.vue'\nimport Warning from './Warning.vue'\nimport Error from './Error.vue'\nimport F03 from './403.vue'\nimport F04 from './404.vue'\nimport FV500 from './500.vue'\nimport CustomIcon from './CustomIcon.vue'\nimport APITable from './APITable.vue'\n\nexport { Info, Success, Warning, Error, F03, F04, FV500, CustomIcon, APITable }\n"
},
{
"path": "site/src/examples-code/components/skeleton/APITable.vue",
"content": "
\n Skeleton 属性 说明 默认值 active 是否展示动画效果 false avatar 是否显示头像占位图 false paragraph 是否显示段落占位图 true title 是否显示标题占位图 true title-width 设置标题占位图的宽度 - paragraph-rows 设置段落占位图的行数 - paragraph-width 设置段落占位图的宽度，若为数组时则为对应的每行宽度，反之则是首行的宽度 - avatar-size 设置头像占位图的大小，可选值为 small、large large avatar-shape 指定头像的形状，可选值为 circle、square circle \n \n "
},
{
"path": "site/src/examples-code/components/skeleton/Complex.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/skeleton/Custom.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/skeleton/Loading.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/skeleton/WithAnimation.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/skeleton/index.ts",
"content": "import Basic from './Basic.vue'\nimport Custom from './Custom.vue'\nimport Complex from './Complex.vue'\nimport Loading from './Loading.vue'\nimport WithAnimation from './WithAnimation.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Custom, Complex, Loading, WithAnimation, APITable }\n"
},
{
"path": "site/src/examples-code/components/spin/APITable.vue",
"content": "\n \n
Spin \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n size \n Spin尺寸，可选值为 large和small或者不设置 \n \n - \n \n fix \n 是否固定，需要父级有 relative或absolute\n \n - \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/spin/Basic.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/spin/ChangeState.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/spin/CustomContent.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/spin/FixCenter.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/spin/FullScreen.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/spin/Size.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/spin/index.ts",
"content": "import Basic from './Basic.vue'\nimport Size from './Size.vue'\nimport FixCenter from './FixCenter.vue'\nimport CustomContent from './CustomContent.vue'\nimport ChangeState from './ChangeState.vue'\nimport FullScreen from './FullScreen.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Size, FixCenter, CustomContent, ChangeState, FullScreen, APITable }\n"
},
{
"path": "site/src/examples-code/components/steps/APITable.vue",
"content": "\n Steps 整体步骤条 属性 说明 默认值 current 当前步骤，从 0 开始计数 0 status 当前步骤的状态，可选值为 wait、process、 finish、error process size 步骤条的尺寸，可选值为 small或者不写 - direction 步骤条的方向，可选值为 horizontal（水平）或vertical（垂直） horizontal
Step 子项步骤 属性 说明 默认值 status 步骤的状态，可选值为 wait、 process、 finish、 error，不设置时自动判断 process title 标题 - content 步骤的详细描述，可选 - icon 步骤的图标，可选 - Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 steps，必须是选择器名称或者元素名 String 该方法返回以下值： currentstatustitlecontentitemStatus返回值 说明 类型 默认值 current 响应式设置或更新当前步骤 Number 0 status 响应式设置或更新当前步骤的状态，可选值为 wait、process、 finish、error String process title 响应式设置或更新 title String - content 响应式设置或更新 content String - itemStatus 响应式设置或更新每一个子项步骤的状态 Array - \n \n "
},
{
"path": "site/src/examples-code/components/steps/ChangeStep.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/steps/Error.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/steps/Mini.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/steps/Vertical.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/steps/WithIcon.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/steps/index.ts",
"content": "import Basic from './Basic.vue'\nimport Error from './Error.vue'\nimport Mini from './Mini.vue'\nimport Vertical from './Vertical.vue'\nimport WithIcon from './WithIcon.vue'\nimport ChangeStep from './ChangeStep.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Error, Mini, Vertical, WithIcon, ChangeStep, APITable }\n"
},
{
"path": "site/src/examples-code/components/switch/APITable.vue",
"content": "\n Switch 属性 说明 默认值 checked 指定当前是否选中 false size 开关的尺寸，可选值为 large、 small、 default或者不写。建议开关如果使用了2个汉字的文字，使用 large。 default disabled 禁用开关 false true-color 自定义打开时的背景色 - false-color 自定义关闭时的背景色 - loading 加载中的开关 false open 自定义显示打开时的内容 - close 自定义显示关闭时的内容 - Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 switch，必须是选择器名称或者元素名 String 该方法返回以下值： checkeddisabledloadingevents(options)返回值 说明 类型 默认值 checked 响应式设置或更新当前是否选中状态 Boolean - disabled 响应式设置或更新禁用开关状态 Boolean - loading 响应式设置或更新加载中的开关状态 Boolean - events 非响应式API，添加开关事件 Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onChange 开关变化时触发，返回当前的状态 (checked: boolean) => void \n \n "
},
{
"path": "site/src/examples-code/components/switch/CustomColor.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/switch/Disabled.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/switch/Loading.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/switch/Size.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/switch/TextAndIcon.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/switch/index.ts",
"content": "import Basic from './Basic.vue'\nimport Size from './Size.vue'\nimport Loading from './Loading.vue'\nimport Disabled from './Disabled.vue'\nimport CustomColor from './CustomColor.vue'\nimport TextAndIcon from './TextAndIcon.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Size, Loading, Disabled, CustomColor, TextAndIcon, APITable }\n"
},
{
"path": "site/src/examples-code/components/tabs/APITable.vue",
"content": "\n \n
Tabs \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n active-index 初始化选中面板的 index 第一个面板 \n \n type \n 页签的基本样式，可选值为 line 和 card\n \n line \n \n size \n 尺寸，可选值为 default 和 small，仅在 type=\"line\" 时有效 \n \n default \n \n closable \n 是否可以关闭页签，仅在 type=\"card\" 时有效 \n \n false \n \n animated 是否使用动画切换 Tabs true \n \n
\n \n
Tabs-pane \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n index 用于标识当前面板，对应 defaultActiveKey，默认为其索引值 index \n \n tab 选项卡头显示文字 空 \n \n icon 选项卡图标 - \n \n disabled 是否禁用该选项卡 false \n \n closable \n 是否可以关闭页签，仅在 type=\"card\" 时有效 \n \n - \n \n
\n \n
Config 方法 \n
\n 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） \n
\n
\n \n \n \n 参数 说明 类型 \n \n \n \n el 配置当前选定的 tabs，必须是选择器名称或者元素名 String \n \n
\n \n
该方法返回以下两个值：
\n
\n activeIndexevents(options) \n
\n \n \n \n 返回值 说明 类型 默认值 \n \n \n \n activeIndex 响应式设置当前激活面板的 index String - \n \n events 非响应式API，添加选项卡事件， Function - \n \n
\n \n
\n events的参数 options 为对象，具体说明如下： \n
\n \n \n \n 属性 说明 回调参数 \n \n \n \n onClick tab 被点击时触发 (index: string) => void \n \n onTabRemove tab 被关闭时触发 (index: string) => void \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/tabs/Animated.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/Basic.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/CardType.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/Closable.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/CustomStyle.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/Disabled.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/Small.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/WithIcon.vue",
"content": "\n \n \n"
},
{
"path": "site/src/examples-code/components/tabs/index.ts",
"content": "import Basic from './Basic.vue'\nimport WithIcon from './WithIcon.vue'\nimport Small from './Small.vue'\nimport Disabled from './Disabled.vue'\nimport CardType from './CardType.vue'\nimport Closable from './Closable.vue'\nimport Animated from './Animated.vue'\nimport CustomStyle from './CustomStyle.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, WithIcon, Small, Disabled, CardType, Closable, Animated, CustomStyle, APITable }\n"
},
{
"path": "site/src/examples-code/components/tag/APITable.vue",
"content": "\n Tag 属性 说明 默认值 closable 标签是否可以关闭 false checkable 标签是否可以选择 false checked 标签的选中状态 true type 标签的样式类型，可选值为 border、dot或不填 - color 标签颜色，预设颜色值为 default、primary、 success、warning、 error、 blue、 green、 red、yellow、 pink、 magenta、 volcano、 orange、gold、 lime、 cyan、 geekblue、 purple，也可以自定义颜色值。 default size 尺寸，可选值为 large、medium - Config 方法 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） 参数 说明 类型 el 配置当前选定的 tag，必须是选择器名称或者元素名 String 该方法返回以下值： events(options)返回值 说明 类型 默认值 events 非响应式API，添加标签事件， Function - events的参数 options 为对象，具体说明如下： 属性 说明 回调参数 onClose 关闭时触发 ($this: element) => void onChange 切换选中状态时触发 (checked: boolean) => void \n \n "
},
{
"path": "site/src/examples-code/components/tag/CanSelect.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/tag/Colors.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/tag/Size.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/tag/StyleTypes.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/tag/index.ts",
"content": "import Basic from './Basic.vue'\nimport Size from './Size.vue'\nimport StyleTypes from './StyleTypes.vue'\nimport Colors from './Colors.vue'\nimport CanSelect from './CanSelect.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Size, StyleTypes, Colors, CanSelect, APITable }\n"
},
{
"path": "site/src/examples-code/components/time/APITable.vue",
"content": "\n Time 属性 说明 默认值 time 需要对比的时间，可以是时间戳或 Date 类型 - type 类型，可选值为 relative、date 或 datetime relative interval 自动更新的间隔，单位：秒 60 hash 填写该值，点击会定位锚点 - 改变语言配置 (全局) 在 NodeJs 或者 Webpack 环境下，要改变全局语言配置，只需调用实例的内置函数 locale，并引入 Day.js 的语言文件来自由切换其他语言。 支持的语言列表 \n \n "
},
{
"path": "site/src/examples-code/components/time/Basic.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/time/Types.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/time/WithAnchor.vue",
"content": "\n \n "
},
{
"path": "site/src/examples-code/components/time/index.ts",
"content": "import Basic from './Basic.vue'\nimport AutoUpdate from './AutoUpdate.vue'\nimport Types from './Types.vue'\nimport WithAnchor from './WithAnchor.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, AutoUpdate, Types, WithAnchor, APITable }\n"
},
{
"path": "site/src/examples-code/components/timeline/APITable.vue",
"content": "\n Timeline 属性 说明 默认值 pending 指定是否最后一个节点为幽灵节点 - Timeline-item 属性 说明 默认值 color 圆圈颜色，可选值为 blue、 red、 green、 gray，或自定义色值 blue dot 自定义时间轴点 -
\n"
},
{
"path": "site/src/examples-code/components/timeline/Basic.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/timeline/Colors.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/timeline/Custom.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/timeline/Pending.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/components/timeline/index.ts",
"content": "import Basic from './Basic.vue'\nimport Colors from './Colors.vue'\nimport Custom from './Custom.vue'\nimport Pending from './Pending.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Colors, Custom, Pending, APITable }\n"
},
{
"path": "site/src/examples-code/components/tooltip/APITable.vue",
"content": "
\n \n
Tooltip \n
\n \n \n \n 属性 说明 默认值 \n \n \n \n content 显示的内容 空 \n \n placement \n 提示框出现的位置，可选值为top``top-start``top-end``bottom``bottom-start``bottom-end``left``left-start``left-end``right``right-start``right-end ，自动识别 \n \n top \n \n disabled 是否禁用提示框 false \n \n delay 延迟显示，单位毫秒 - \n \n always 是否总是可见 false \n \n theme 1.1.0背景颜色 dark \n \n max-width \n 最大宽度，超出最大值后，文本将自动换行，并两端对齐 \n \n - \n \n offset 出现位置的偏移量 0 \n \n
\n \n
Config 方法 \n
\n 配置指定的组件，并提供一些必要的响应式更新DOM内容或其他操作的\n API。（并不是每个组件都会有） \n
\n
\n \n \n \n 参数 说明 类型 \n \n \n \n el 配置当前选定的 tooltip，必须是选择器名称或者元素名 String \n \n
\n \n
该方法返回以下四个值：
\n
\n contentdisabledalwaysevents(options) \n
\n \n \n \n 返回值 说明 类型 默认值 \n \n \n \n content 响应式设置或更新提示框的内容 String | Number - \n \n disabled 1.1.0响应式设置是否禁用提示框 Boolean false \n \n always 1.1.0响应式设置是否总是可见 Boolean false \n \n events 非响应式API，添加提示框的事件 Function - \n \n
\n \n
\n events的参数 options 为对象，具体说明如下： \n
\n \n \n \n 属性 说明 回调参数 \n \n \n \n \n onVisibleChange 1.1.0\n \n 显示隐藏的回调 (visible: boolean) => void \n \n
\n \n
\n"
},
{
"path": "site/src/examples-code/components/tooltip/AutoNewLine.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/tooltip/Basic.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/tooltip/CustomContent.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/tooltip/Delay.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/tooltip/Disabled.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/tooltip/Placement.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/tooltip/Theme.vue",
"content": "
\n \n \n"
},
{
"path": "site/src/examples-code/components/tooltip/index.ts",
"content": "import Basic from './Basic.vue'\nimport Delay from './Delay.vue'\nimport Theme from './Theme.vue'\nimport Disabled from './Disabled.vue'\nimport Placement from './Placement.vue'\nimport AutoNewLine from './AutoNewLine.vue'\nimport CustomContent from './CustomContent.vue'\nimport APITable from './APITable.vue'\n\nexport { Basic, Delay, Theme, Disabled, Placement, AutoNewLine, CustomContent, APITable }\n"
},
{
"path": "site/src/examples-code/docs/install/CDNAZ.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/docs/install/SL.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/docs/install/index.ts",
"content": "import CDNAZ from './CDNAZ.vue'\nimport SL from './SL.vue'\n\nexport { CDNAZ, SL }\n"
},
{
"path": "site/src/examples-code/docs/introduce/AZ.vue",
"content": "
\n \n \n "
},
{
"path": "site/src/examples-code/docs/introduce/AZ2.vue",
"content": "
\n \n \n "
},
{
"path": "site/src/examples-code/docs/introduce/SL.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/docs/introduce/index.ts",
"content": "import AZCode from './AZ.vue'\nimport AZCode2 from './AZ2.vue'\nimport SLCode from './SL.vue'\n\nexport { AZCode, AZCode2, SLCode }\n"
},
{
"path": "site/src/examples-code/docs/start/Code1.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/docs/start/Code2.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/docs/start/Code3.vue",
"content": "
\n \n "
},
{
"path": "site/src/examples-code/docs/start/index.ts",
"content": "import Code1 from './Code1.vue'\nimport Code2 from './Code2.vue'\nimport Code3 from './Code3.vue'\n\nexport { Code1, Code2, Code3 }\n"
},
{
"path": "site/src/main.ts",
"content": "import { createApp } from 'vue'\nimport Routers from './routers'\nimport Antd from './plugins/antd'\nimport App from '@/App.vue'\n\nconst app = createApp(App)\nconst usePlugins = (plugins: [...any]) => plugins.forEach((plugin) => app.use(plugin))\n\napp.use(Routers)\nusePlugins(Antd)\napp.mount('#app')\n"
},
{
"path": "site/src/markdown.css",
"content": ":root {\n --bg-color: #ffffff;\n --text-color: #333333;\n --select-text-bg-color: #b5d6fc;\n --select-text-font-color: auto;\n --monospace: Consolas, Menlo, Courier, monospace;\n --title-bar-height: 20px;\n}\n\n#write {\n margin: 0px auto;\n height: auto;\n width: inherit;\n word-break: normal;\n overflow-wrap: break-word;\n position: relative;\n white-space: normal;\n overflow-x: visible;\n padding-top: 36px;\n}\n\n#write.first-line-indent p {\n text-indent: 2em;\n}\n\n#write.first-line-indent li p,\n#write.first-line-indent p * {\n text-indent: 0px;\n}\n\n#write.first-line-indent li {\n margin-left: 2em;\n}\n\n.for-image #write {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n@media screen and (max-width: 500px) {\n #write {\n padding-left: 20px;\n padding-right: 20px;\n }\n .CodeMirror-sizer {\n margin-left: 0px !important;\n }\n .CodeMirror-gutters {\n display: none !important;\n }\n}\n\n#write li>figure:last-child {\n margin-bottom: 0.5rem;\n}\n\n#write ol,\n#write ul {\n position: relative;\n}\n\n#write h1,\n#write h2,\n#write h3,\n#write h4,\n#write h5,\n#write h6,\n#write p,\n#write pre {\n width: inherit;\n}\n\n#write h1,\n#write h2,\n#write h3,\n#write h4,\n#write h5,\n#write h6,\n#write p {\n position: relative;\n}\n\n.md-math-block,\n.md-rawblock,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.hidden {\n display: none;\n}\n\n.md-blockmeta {\n color: rgb(204, 204, 204);\n font-weight: 700;\n font-style: italic;\n}\n\nsup.md-footnote {\n padding: 2px 4px;\n background-color: rgba(238, 238, 238, 0.7);\n color: rgb(85, 85, 85);\n border-radius: 4px;\n cursor: pointer;\n}\n\nsup.md-footnote a,\nsup.md-footnote a:hover {\n color: inherit;\n text-transform: inherit;\n text-decoration: inherit;\n}\n\n#write input[type='checkbox'] {\n cursor: pointer;\n width: inherit;\n height: inherit;\n}\n\ntable.md-table td {\n min-width: 32px;\n}\n\n.CodeMirror-gutters {\n border-right: 0px;\n background-color: inherit;\n}\n\n.CodeMirror-linenumber {\n user-select: none;\n}\n\n.CodeMirror {\n text-align: left;\n}\n\n.CodeMirror-placeholder {\n opacity: 0.3;\n}\n\n.CodeMirror pre {\n padding: 0px 4px;\n}\n\n.CodeMirror-lines {\n padding: 0px;\n}\n\ndiv.hr:focus {\n cursor: none;\n}\n\n#write pre {\n white-space: pre-wrap;\n}\n\n#write.fences-no-line-wrapping pre {\n white-space: pre;\n}\n\n#write pre.ty-contain-cm {\n white-space: normal;\n}\n\n.CodeMirror-gutters {\n margin-right: 4px;\n}\n\n.md-fences {\n font-size: 0.9rem;\n display: block;\n break-inside: avoid;\n text-align: left;\n overflow: visible;\n white-space: pre;\n background: inherit;\n position: relative !important;\n}\n\n.md-diagram-panel {\n width: 100%;\n margin-top: 10px;\n text-align: center;\n padding-top: 0px;\n padding-bottom: 8px;\n overflow-x: auto;\n}\n\n#write .md-fences.mock-cm {\n white-space: pre-wrap;\n}\n\n.md-fences.md-fences-with-lineno {\n padding-left: 0px;\n}\n\n#write.fences-no-line-wrapping .md-fences.mock-cm {\n white-space: pre;\n overflow-x: auto;\n}\n\n.md-fences.mock-cm.md-fences-with-lineno {\n padding-left: 8px;\n}\n\n.CodeMirror-line,\ntwitterwidget {\n break-inside: avoid;\n}\n\n.footnotes {\n opacity: 0.8;\n font-size: 0.9rem;\n margin-top: 1em;\n margin-bottom: 1em;\n}\n\n.footnotes+.footnotes {\n margin-top: 0px;\n}\n\n.md-reset {\n margin: 0px;\n padding: 0px;\n border: 0px;\n outline: 0px;\n vertical-align: top;\n background: 0px 0px;\n text-decoration: none;\n text-shadow: none;\n float: none;\n position: static;\n width: auto;\n height: auto;\n white-space: nowrap;\n cursor: inherit;\n -webkit-tap-highlight-color: transparent;\n line-height: normal;\n font-weight: 400;\n text-align: left;\n box-sizing: content-box;\n direction: ltr;\n}\n\nblockquote {\n margin: 1rem 0px;\n}\n\nli .mathjax-block,\nblockquote> :last-child {\n margin-bottom: 0px;\n}\n\n.footnotes-area {\n color: rgb(136, 136, 136);\n margin-top: 0.714rem;\n padding-bottom: 0.143rem;\n white-space: normal;\n}\n\n#write .footnote-line {\n white-space: pre-wrap;\n}\n\n.footnote-line {\n margin-top: 0.714em;\n font-size: 0.7em;\n}\n\npre.md-meta-block {\n font-size: 0.8rem;\n min-height: 0.8rem;\n white-space: pre-wrap;\n background: rgb(204, 204, 204);\n display: block;\n overflow-x: hidden;\n}\n\np>.md-image:only-child:not(.md-img-error) img,\np>img:only-child {\n display: block;\n margin: auto;\n}\n\n#write.first-line-indent p>.md-image:only-child:not(.md-img-error) img {\n left: -2em;\n position: relative;\n}\n\np>.md-image:only-child {\n display: inline-block;\n width: 100%;\n}\n\n#write .MathJax_Display {\n margin: 0.8em 0px 0px;\n}\n\n.md-math-block {\n width: 100%;\n}\n\n.md-math-block:not(:empty)::after {\n display: none;\n}\n\n.MathJax_ref {\n fill: currentcolor;\n}\n\n[contenteditable='true']:active,\n[contenteditable='true']:focus,\n[contenteditable='false']:active,\n[contenteditable='false']:focus {\n outline: 0px;\n box-shadow: none;\n}\n\n.md-task-list-item {\n position: relative;\n list-style-type: none;\n}\n\n.task-list-item.md-task-list-item {\n padding-left: 0px;\n}\n\n.md-task-list-item>input {\n position: absolute;\n top: 0px;\n left: 0px;\n margin-left: -1.2em;\n margin-top: calc(1em - 10px);\n border: none;\n}\n\n.math {\n font-size: 1rem;\n}\n\n.md-toc {\n min-height: 3.58rem;\n position: relative;\n font-size: 0.9rem;\n border-radius: 10px;\n}\n\n.md-toc-content {\n position: relative;\n margin-left: 0px;\n}\n\n.md-toc-content::after,\n.md-toc::after {\n display: none;\n}\n\n.md-toc-item {\n display: block;\n color: rgb(65, 131, 196);\n}\n\n.md-toc-item a {\n text-decoration: none;\n}\n\n.md-toc-inner:hover {\n text-decoration: underline;\n}\n\n.md-toc-inner {\n display: inline-block;\n cursor: pointer;\n}\n\n.md-toc-h1 .md-toc-inner {\n margin-left: 0px;\n font-weight: 700;\n}\n\n.md-toc-h2 .md-toc-inner {\n margin-left: 2em;\n}\n\n.md-toc-h3 .md-toc-inner {\n margin-left: 4em;\n}\n\n.md-toc-h4 .md-toc-inner {\n margin-left: 6em;\n}\n\n.md-toc-h5 .md-toc-inner {\n margin-left: 8em;\n}\n\n.md-toc-h6 .md-toc-inner {\n margin-left: 10em;\n}\n\n@media screen and (max-width: 48em) {\n .md-toc-h3 .md-toc-inner {\n margin-left: 3.5em;\n }\n .md-toc-h4 .md-toc-inner {\n margin-left: 5em;\n }\n .md-toc-h5 .md-toc-inner {\n margin-left: 6.5em;\n }\n .md-toc-h6 .md-toc-inner {\n margin-left: 8em;\n }\n}\n\na.md-toc-inner {\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n line-height: inherit;\n}\n\n.footnote-line a:not(.reversefootnote) {\n color: inherit;\n}\n\n.md-attr {\n display: none;\n}\n\n.md-fn-count::after {\n content: '.';\n}\n\ncode,\npre,\nsamp,\ntt {\n font-family: var(--monospace);\n}\n\nkbd {\n margin: 0px 0.1em;\n padding: 0.1em 0.6em;\n font-size: 0.8em;\n color: rgb(36, 39, 41);\n background: rgb(255, 255, 255);\n border: 1px solid rgb(173, 179, 185);\n border-radius: 3px;\n box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset;\n white-space: nowrap;\n vertical-align: middle;\n}\n\n.md-comment {\n color: rgb(162, 127, 3);\n opacity: 0.8;\n font-family: var(--monospace);\n}\n\ncode {\n text-align: left;\n vertical-align: initial;\n}\n\na.md-print-anchor {\n white-space: pre !important;\n border-width: initial !important;\n border-style: none !important;\n border-color: initial !important;\n display: inline-block !important;\n position: absolute !important;\n width: 1px !important;\n right: 0px !important;\n outline: 0px !important;\n background: 0px 0px !important;\n text-decoration: initial !important;\n text-shadow: initial !important;\n}\n\n.md-inline-math .MathJax_SVG .noError {\n display: none !important;\n}\n\n.html-for-mac .inline-math-svg .MathJax_SVG {\n vertical-align: 0.2px;\n}\n\n.md-math-block .MathJax_SVG_Display {\n text-align: center;\n margin: 0px;\n position: relative;\n text-indent: 0px;\n max-width: none;\n max-height: none;\n min-height: 0px;\n min-width: 100%;\n width: auto;\n overflow-y: hidden;\n display: block !important;\n}\n\n.MathJax_SVG_Display,\n.md-inline-math .MathJax_SVG_Display {\n width: auto;\n margin: inherit;\n display: inline-block !important;\n}\n\n.MathJax_SVG .MJX-monospace {\n font-family: var(--monospace);\n}\n\n.MathJax_SVG .MJX-sans-serif {\n font-family: sans-serif;\n}\n\n.MathJax_SVG {\n display: inline;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n zoom: 90%;\n text-indent: 0px;\n text-align: left;\n text-transform: none;\n letter-spacing: normal;\n word-spacing: normal;\n overflow-wrap: normal;\n white-space: nowrap;\n float: none;\n direction: ltr;\n max-width: none;\n max-height: none;\n min-width: 0px;\n min-height: 0px;\n border: 0px;\n padding: 0px;\n margin: 0px;\n}\n\n.MathJax_SVG * {\n transition: none 0s ease 0s;\n}\n\n.MathJax_SVG_Display svg {\n vertical-align: middle !important;\n margin-bottom: 0px !important;\n margin-top: 0px !important;\n}\n\n.md-diagram-panel>svg {\n max-width: 100%;\n}\n\n[lang='flow'] svg,\n[lang='mermaid'] svg {\n max-width: 100%;\n height: auto;\n}\n\n[lang='mermaid'] .node text {\n font-size: 1rem;\n}\n\n.highlight td,\n.highlight tr {\n border: 0px;\n}\n\nmark {\n background: rgb(255, 255, 0);\n color: #525252;\n}\n\n.md-html-inline .md-plain,\n.md-html-inline strong,\nmark .md-inline-math,\nmark strong {\n color: inherit;\n}\n\nmark .md-meta {\n color: #525252;\n opacity: 0.3 !important;\n}\n\n.md-diagram-panel .messageText {\n stroke: none !important;\n}\n\n.md-diagram-panel .start-state {\n fill: var(--node-fill);\n}\n\n.md-diagram-panel .edgeLabel rect {\n opacity: 1 !important;\n}\n\n.md-require-zoom-fix foreignobject {\n font-size: var(--mermaid-font-zoom);\n}\n\n.CodeMirror {\n height: auto;\n}\n\n.CodeMirror.cm-s-inner {\n background: inherit;\n}\n\n.CodeMirror-scroll {\n overflow: auto hidden;\n z-index: 3;\n}\n\n.CodeMirror-gutter-filler,\n.CodeMirror-scrollbar-filler {\n background-color: rgb(255, 255, 255);\n}\n\n.CodeMirror-gutters {\n border-right: 1px solid rgb(221, 221, 221);\n background: inherit;\n white-space: nowrap;\n}\n\n.CodeMirror-linenumber {\n padding: 0px 3px 0px 5px;\n text-align: right;\n color: rgb(153, 153, 153);\n}\n\n.cm-s-inner .cm-keyword {\n color: #708;\n}\n\n.cm-s-inner .cm-atom,\n.cm-s-inner.cm-atom {\n color: #fc1e70;\n}\n\n.cm-s-inner .cm-number {\n color: #fc1e70;\n}\n\n.cm-s-inner .cm-def {\n color: rgb(0, 0, 255);\n}\n\n.cm-s-inner .cm-variable {\n color: #e96900;\n}\n\n.cm-s-inner .cm-variable-2 {\n color: rgb(0, 85, 170);\n}\n\n.cm-s-inner .cm-variable-3 {\n color: rgb(0, 136, 85);\n}\n\n.cm-s-inner .cm-string {\n color: #42b983;\n}\n\n.cm-s-inner .cm-property {\n color: #9b1dea;\n}\n\n.cm-s-inner .cm-operator {\n color: #55585e;\n}\n\n.cm-s-inner .cm-comment,\n.cm-s-inner.cm-comment {\n color: #b3b3b3;\n}\n\n.cm-s-inner .cm-string-2 {\n color: rgb(255, 85, 0);\n}\n\n.cm-s-inner .cm-meta {\n color: rgb(85, 85, 85);\n}\n\n.cm-s-inner .cm-qualifier {\n color: rgb(85, 85, 85);\n}\n\n.cm-s-inner .cm-builtin {\n color: rgb(51, 0, 170);\n}\n\n.cm-s-inner .cm-bracket {\n color: rgb(153, 153, 119);\n}\n\n.cm-s-inner .cm-tag {\n color: #3e76f6;\n}\n\n.cm-s-inner .cm-attribute {\n color: #e96900;\n}\n\n.cm-s-inner .cm-header,\n.cm-s-inner.cm-header {\n color: rgb(0, 0, 255);\n}\n\n.cm-s-inner .cm-quote,\n.cm-s-inner.cm-quote {\n color: rgb(0, 153, 0);\n}\n\n.cm-s-inner .cm-hr,\n.cm-s-inner.cm-hr {\n color: rgb(153, 153, 153);\n}\n\n.cm-s-inner .cm-link,\n.cm-s-inner.cm-link {\n color: rgb(0, 0, 204);\n}\n\n.cm-negative {\n color: rgb(221, 68, 68);\n}\n\n.cm-positive {\n color: rgb(34, 153, 34);\n}\n\n.cm-header,\n.cm-strong {\n font-weight: 700;\n}\n\n.cm-del {\n text-decoration: line-through;\n}\n\n.cm-em {\n font-style: italic;\n}\n\n.cm-link {\n text-decoration: underline;\n}\n\n.cm-error {\n color: red;\n}\n\n.cm-invalidchar {\n color: red;\n}\n\n.cm-constant {\n color: rgb(38, 139, 210);\n}\n\n.cm-defined {\n color: rgb(181, 137, 0);\n}\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {\n color: rgb(0, 255, 0);\n}\n\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {\n color: rgb(255, 34, 34);\n}\n\n.cm-s-inner .CodeMirror-activeline-background {\n background: inherit;\n}\n\n.CodeMirror {\n position: relative;\n overflow: hidden;\n}\n\n.CodeMirror-scroll {\n height: 100%;\n outline: 0px;\n position: relative;\n box-sizing: content-box;\n background: inherit;\n}\n\n.CodeMirror-sizer {\n position: relative;\n}\n\n.CodeMirror-gutter-filler,\n.CodeMirror-hscrollbar,\n.CodeMirror-scrollbar-filler,\n.CodeMirror-vscrollbar {\n position: absolute;\n z-index: 6;\n display: none;\n}\n\n.CodeMirror-vscrollbar {\n right: 0px;\n top: 0px;\n overflow: hidden;\n}\n\n.CodeMirror-hscrollbar {\n bottom: 0px;\n left: 0px;\n overflow: hidden;\n}\n\n.CodeMirror-scrollbar-filler {\n right: 0px;\n bottom: 0px;\n}\n\n.CodeMirror-gutter-filler {\n left: 0px;\n bottom: 0px;\n}\n\n.CodeMirror-gutters {\n position: absolute;\n left: 0px;\n top: 0px;\n padding-bottom: 30px;\n z-index: 3;\n}\n\n.CodeMirror-gutter {\n white-space: normal;\n height: 100%;\n box-sizing: content-box;\n padding-bottom: 30px;\n margin-bottom: -32px;\n display: inline-block;\n}\n\n.CodeMirror-gutter-wrapper {\n position: absolute;\n z-index: 4;\n background: 0px 0px !important;\n border: none !important;\n}\n\n.CodeMirror-gutter-background {\n position: absolute;\n top: 0px;\n bottom: 0px;\n z-index: 4;\n}\n\n.CodeMirror-gutter-elt {\n position: absolute;\n cursor: default;\n z-index: 4;\n}\n\n.CodeMirror-lines {\n cursor: text;\n}\n\n.CodeMirror pre {\n border-radius: 0px;\n border-width: 0px;\n background: 0px 0px;\n font-family: inherit;\n font-size: inherit;\n margin: 0px;\n white-space: pre;\n overflow-wrap: normal;\n color: inherit;\n z-index: 2;\n position: relative;\n overflow: visible;\n}\n\n.CodeMirror-wrap pre {\n overflow-wrap: break-word;\n white-space: pre-wrap;\n word-break: normal;\n}\n\n.CodeMirror-code pre {\n border-right: 30px solid transparent;\n width: fit-content;\n}\n\n.CodeMirror-wrap .CodeMirror-code pre {\n border-right: none;\n width: auto;\n}\n\n.CodeMirror-linebackground {\n position: absolute;\n left: 0px;\n right: 0px;\n top: 0px;\n bottom: 0px;\n z-index: 0;\n}\n\n.CodeMirror-linewidget {\n position: relative;\n z-index: 2;\n overflow: auto;\n}\n\n.CodeMirror-wrap .CodeMirror-scroll {\n overflow-x: hidden;\n}\n\n.CodeMirror-measure {\n position: absolute;\n width: 100%;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.CodeMirror-measure pre {\n position: static;\n}\n\n.CodeMirror div.CodeMirror-cursor {\n position: absolute;\n visibility: hidden;\n border-right: none;\n width: 0px;\n}\n\n.CodeMirror div.CodeMirror-cursor {\n visibility: hidden;\n}\n\n.CodeMirror-focused div.CodeMirror-cursor {\n visibility: inherit;\n}\n\n.cm-searching {\n background: rgba(255, 255, 0, 0.4);\n}\n\n@media print {\n .CodeMirror div.CodeMirror-cursor {\n visibility: hidden;\n }\n}\n\n:root {\n --side-bar-bg-color: #fafafa;\n --control-text-color: #777;\n}\n\n@include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);\n\n/* open-sans-regular - latin-ext_latin */\n\n\n/* open-sans-italic - latin-ext_latin */\n\n\n/* open-sans-700 - latin-ext_latin */\n\n\n/* open-sans-700italic - latin-ext_latin */\n\n#write {\n max-width: 860px;\n margin: 0 auto;\n padding: 30px;\n padding-bottom: 100px;\n}\n\n@media only screen and (min-width: 1400px) {\n #write {\n max-width: 1024px;\n }\n}\n\n@media only screen and (min-width: 1800px) {\n #write {\n max-width: 1200px;\n }\n}\n\n#write>ul:first-child,\n#write>ol:first-child {\n margin-top: 30px;\n}\n\nblockquote {\n border-left: 4px solid #dfe2e5;\n padding: 0 15px;\n color: #777777;\n}\n\nblockquote blockquote {\n padding-right: 0;\n}\n\n.CodeMirror-lines {\n padding-left: 4px;\n}\n\n.code-tooltip {\n box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3);\n border-top: 1px solid #eef2f2;\n}\n\n.md-fences,\ncode,\ntt {\n background-color: #f5f5f5;\n padding: 0;\n padding: 2px 4px 0px 4px;\n font-size: 0.95em;\n}\n\ncode {\n background-color: #f3f4f4;\n padding: 0 2px 0 2px;\n}\n\n.md-fences {\n font-size: 14px;\n overflow: auto;\n margin: 16px 0;\n padding: 12px;\n}\n\n.md-task-list-item>input {\n margin-left: -1.3em;\n}\n\nh4 {\n font-size: 1.25em;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-weight: bold;\n line-height: 1.4;\n}\n\nfigure {\n overflow-x: auto;\n margin: 1.2em 0px;\n max-width: calc(100% + 16px);\n padding: 0px;\n}\n\nfigure>table {\n margin: 0px;\n}\n\ntr {\n break-inside: avoid;\n break-after: auto;\n}\n\nthead {\n display: table-header-group;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0px;\n width: 100%;\n overflow: auto;\n break-inside: auto;\n text-align: left;\n}\n\ntable.md-table td {\n min-width: 32px;\n}\n\ntable tr th {\n border-bottom: 0px;\n}\n\ntable {\n margin: 0.8em 0;\n padding: 0;\n word-break: initial;\n}\n\ntable tr {\n border-top: 1px solid #dfe2e5;\n margin: 0;\n padding: 0;\n}\n\ntable tr:nth-child(2n),\nthead {\n background-color: #f8f8f8;\n}\n\ntable th {\n font-weight: bold;\n border: 1px solid #dfe2e5;\n border-bottom: 0;\n margin: 0;\n padding: 6px 13px;\n}\n\ntable td {\n border: 1px solid #dfe2e5;\n margin: 0;\n padding: 6px 13px;\n}\n\ntable th:first-child,\ntable td:first-child {\n margin-top: 0;\n}\n\ntable th:last-child,\ntable td:last-child {\n margin-bottom: 0;\n}\n\n@media print {\n pre {\n word-wrap: break-word;\n }\n}\n\n.md-fences {\n background-color: #f8f8f8;\n}\n\n#write pre.md-meta-block {\n padding: 1rem;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f7f7f7;\n border: 0;\n border-radius: 3px;\n color: #777777;\n margin-top: 0 !important;\n}\n\n.mathjax-block>.code-tooltip {\n bottom: 0.375rem;\n}\n\n.md-mathjax-midline {\n background: #fafafa;\n}\n\n#write>h3.md-focus:before {\n left: -1.5625rem;\n top: 0.375rem;\n}\n\n#write>h4.md-focus:before {\n left: -1.5625rem;\n top: 0.285714286rem;\n}\n\n#write>h5.md-focus:before {\n left: -1.5625rem;\n top: 0.285714286rem;\n}\n\n#write>h6.md-focus:before {\n left: -1.5625rem;\n top: 0.285714286rem;\n}\n\n.md-image>.md-meta {\n /*border: 1px solid #ddd;*/\n border-radius: 3px;\n padding: 2px 0px 0px 4px;\n font-size: 0.9em;\n color: inherit;\n}\n\n.md-tag {\n color: #a7a7a7;\n opacity: 1;\n}\n\n.md-toc {\n margin-top: 20px;\n padding-bottom: 20px;\n}\n\n.sidebar-tabs {\n border-bottom: none;\n}\n\n#typora-quick-open {\n border: 1px solid #ddd;\n background-color: #f8f8f8;\n}\n\n#typora-quick-open-item {\n background-color: #fafafa;\n border-color: #fefefe #e5e5e5 #e5e5e5 #eee;\n border-style: solid;\n border-width: 1px;\n}\n\n\n/** focus mode */\n\n.on-focus-mode blockquote {\n border-left-color: rgba(85, 85, 85, 0.12);\n}\n\n.context-menu,\n.megamenu-content {\n font-family: 'Segoe UI', 'Arial', sans-serif;\n}\n\n.file-node-content:hover .file-node-icon,\n.file-node-content:hover .file-node-open-state {\n visibility: visible;\n}\n\n.mac-seamless-mode #typora-sidebar {\n background-color: #fafafa;\n background-color: var(--side-bar-bg-color);\n}\n\n.md-lang {\n color: #b4654d;\n}\n\n.html-for-mac .context-menu {\n --item-hover-bg-color: #e6f0fe;\n}\n\n#md-notification .btn {\n border: 0;\n}\n\n.dropdown-menu .divider {\n border-color: #e5e5e5;\n}\n\n.ty-preferences .window-content {\n background-color: #fafafa;\n}\n\n.ty-preferences .nav-group-item.active {\n color: white;\n background: #999;\n}\n\n:root {\n --mermaid-font-zoom: 1.25em;\n}"
},
{
"path": "site/src/pages/app/Index/Index.vue",
"content": "
\n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/Index/content/Content.vue",
"content": "
\n \n \n \n \n\n\n"
},
{
"path": "site/src/pages/app/Index/header/Header.vue",
"content": "
\n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/Index/header/NavBar.vue",
"content": "
\n \n \n \n \n \n 更多\n \n \n \n \n \n \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/Index/header/NavBarDropdown.vue",
"content": "
\n \n \n \n \n GitHub \n \n \n \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/Index/header/NavMore.vue",
"content": "
\n \n \n \n \n \n \n 微信 \n \n \n \n \n \n \n 支付宝 \n \n \n \n \n \n \n \n \n QQ (724617944) \n \n \n \n \n \n"
},
{
"path": "site/src/pages/app/Index/header/NavRouterLink.vue",
"content": "
\n \n \n 文档 \n \n \n 组件 \n \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/Index/sider/Sider.vue",
"content": "
\n \n \n \n
\n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/Index/sider/SiderMenu.vue",
"content": "
\n \n \n \n \n {{ item.text }} \n \n \n \n \n \n {{ item.text }} \n \n \n \n \n\n\n"
},
{
"path": "site/src/pages/app/views/Affix.vue",
"content": "
\n \n \n \n 当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。\n \n 页面可视范围过小时，慎用此功能以免遮挡页面内容。 \n \n \n \n \n 固定在最顶部 \n \n \n 基础用法 简单使用，当元素不可见时，直接固定在最顶端。 \n \n \n \n \n 固定在顶部 50px 的位置 \n \n \n 基础用法 当滚动到一定距离时再固定。 \n \n \n \n \n 固定在底部 20px 的位置 \n \n \n 基础用法 \n 在屏幕下方固定，可以通过缩小浏览器窗口高度来查看效果。
\n \n 注意，offset-top和offset-bottom只可以设置一个，如果都设置，会使用offset-top。\n
\n \n \n \n \n \n 固定在顶部 100px 的位置 \n \n \n 基础用法 当固定状态发生改变时，会触发事件。 \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Alert.vue",
"content": "
\n \n \n 当某个页面需要向用户显示警告的信息时。 \n 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。 \n \n \n \n \n \n 基础用法 \n \n \n \n 基本使用方法，有四种样式可以选择info、success、warning、error。\n
\n \n \n \n \n \n 信息提示的内容,信息提示的内容，信息提示的,信息提示的内容,信息提示的内容。
\n \n \n 成功提示的内容,成功提示的内容，成功提示的,成功提示的内容,成功提示的内容。
\n \n \n 警告提示的内容,警告提示的内容，警告提示的,警告提示的内容,警告提示的内容。
\n \n \n 错误提示的内容,错误提示的内容，错误提示的,错误提示的内容,错误提示的内容。
\n \n \n \n 含描述信息 \n \n \n 含有辅助性文字介绍的警告提示
\n \n \n \n \n \n 信息提示的内容,信息提示的内容，信息提示的,信息提示的内容,信息提示的内容。
\n \n \n 成功提示的内容,成功提示的内容，成功提示的,成功提示的内容,成功提示的内容。
\n \n \n 警告提示的内容,警告提示的内容，警告提示的,警告提示的内容,警告提示的内容。
\n \n \n 错误提示的内容,错误提示的内容，错误提示的,错误提示的内容,错误提示的内容。
\n \n \"\n >\n 自定义图标的内容，自定义图标的内容，自定义图标的内容。
\n \n \n \n 图标 \n \n \n \n 设置 show-icon=\"true\" 并会根据 type 属性自动添加不同图标，或者设置属性\n icon 自定义图标。\n
\n \n \n \n \n \n 成功提示的内容,成功提示的内容，成功提示的,成功提示的内容,成功提示的内容。
\n \n \n \n \n 可关闭 \n \n \n 显示关闭按钮，点击可关闭提示，也可以自定义关闭内容
\n \n \n \n \n \n \n 顶部公告 \n \n \n 设置属性 banner=\"true\" 可以应用顶部公告的样式。
\n \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Avatar.vue",
"content": "
\n \n \n \n \n \n 基础用法 \n \n \n 头像有三种尺寸，两种形状可选。
\n 属性 size 可以设置为数值，但不能带任何单位只能是数字
\n \n \n \n \n \n \n U \n USER \n U \n \n \n 类型 \n \n \n 支持三种类型：图片、icon 以及字符，其中 icon 和字符型可以自定义图标颜色及背景色。
\n \n \n \n \n \n \n U \n Lucy \n Tom \n Edward \n \n \n 自动调整字符大小 \n \n \n 对于字符型的头像，当字符串较长时，字体大小可以根据头像宽度自动调整。
\n \n \n \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/BackTop.vue",
"content": "
\n \n \n 当页面内容区域比较长时； \n 当用户需要频繁返回顶部查看相关内容时。 \n \n \n 向下滚动页面，灰色的按钮为默认效果。 \n 基础用法 默认位置距离页面右部和底部 30px，滚动至距顶端 400px 时显示。 \n \n \n 向下滚动页面，蓝色的按钮为自定义效果。 \n 自定义样式 自定义了位置在页面底部 200px,滚动至距顶端 200px 时显示。 \n \n \n \n API \n \n 返回顶端
\n \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Badge.vue",
"content": "
\n \n \n \n 一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。\n \n \n \n \n \n \n \n \n \n 基础用法 最简单的使用方法。 \n \n \n \n \n \n \n \n \n 可以是一个链接 \n \n \n 小红点 强迫症患者慎用！ \n \n \n \n \n \n \n \n \n \n \n \n \n \n 通过设置overflow-count属性设置一个封顶值，当超过时，会显示\n ${overflowCount}+\n \n \n \n \n \n 封顶数字 \n 不包裹任何元素即是独立使用，可自定样式展现。在右上角的 badge 则限定为红色。\n \n \n \n \n \n \n \n \n \n 独立使用及自定义样式 设置text属性，可以自定义显示内容。 \n \n \n \n \n \n \n 自定义内容 设置offset属性，可以自定义徽标的位置 \n \n \n \n \n 自定义位置 用于表示状态的小圆点。 \n \n \n \n 预设： \n 自定义： \n \n 状态点 属性color可以设置更多预设的状态点颜色，或者自定义颜色。\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 多彩徽标 使用type属性，可以设置不同的颜色。 \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Breadcrumb.vue",
"content": "
\n \n \n 当系统拥有超过两级以上的层级结构时； \n 当需要告知用户『你在哪里』时； \n 当需要向上导航的功能时。 \n \n \n \n \n Home \n Components \n Breadcrumb \n \n \n 基础用法 最简单的用法。 \n \n \n \n \n \n \n \n Breadcrumb \n
\n \n \n 带图标 可自定义每项的内容，比如带有一个图标。 \n \n \n \n \">\n Home \n Components \n Breadcrumb \n \n\n =>\">\n Home \n Components \n Breadcrumb \n \n \n 分隔符 \n 通过设置separator属性来自定义分隔符，比如>，也可以接受自定义的HTML字符串。\n \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Button.vue",
"content": "
\n \n \n 标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。 \n \n \n \n 默认按钮 \n 主要按钮 \n 虚线按钮 \n 文本按钮 \n 信息按钮 \n 成功按钮 \n 警告按钮 \n 危险按钮 \n \n 按钮类型 \n 按钮类型有：默认按钮、主按钮、虚线按钮、文字按钮以及四种颜色按钮。
\n 通过添加不同的类名创建不同样式的按钮
\n \n \n \n \n \n 默认按钮 \n \n 主要按钮\n \n \n 虚线按钮\n \n \n 文本按钮\n \n \n 信息按钮\n \n \n 成功按钮\n \n \n 警告按钮\n \n \n 危险按钮\n \n
\n \n 幽灵按钮 \n 幽灵按钮将其他按钮的内容反色，背景变为透明，常用在有色背景上。\n \n \n \n \n \n \n 搜索\n \n \n 搜索\n \n \n 圆角按钮\n \n 搜索 \n \n 搜索\n \n 圆角按钮 \n \n 图标按钮及按钮形状 \n \n 通过设置icon属性在button内嵌入一个icon，或者直接在button内添加i标签。\n
\n \n 使用button的icon属性，图标位置将添加在最左边，如果需要自定义位置，则直接在button内添加\n i标签。\n
\n 通过添加类名rab-btn-circle，可将按钮置为圆的形状。
\n \n \n \n \n 主要按钮 \n 默认按钮 \n 虚线按钮 \n \n 按钮尺寸 \n 按钮有三种尺寸：大、默认（中）、小
\n \n 通过添加类名rab-btn-lg和rab-btn-sm将按钮设置为大和小尺寸，不设置为默认（中）尺寸。\n
\n \n \n \n \n \n 提交按钮\n \n 删除按钮 \n \n 长按钮 \n 通过添加类名rab-btn-long可将按钮宽度设置为 100%\n 使按钮适合其父宽度,常用于弹窗内操作按钮。\n \n \n \n \n 默认按钮(禁用) \n \n 主要按钮(禁用)\n \n \n 虚线按钮(禁用)\n \n \n 文本按钮(禁用)\n \n \n 不可用状态 \n 通过添加disabled属性可将按钮设置为不可用状态。\n \n \n \n \n \n Loading...\n \n \n Click me!\n \n \n Click me!\n \n \n 加载中状态 \n 通过添加loading=\"true\"属性可以让按钮处于加载中状态\n \n \n \n \n 基本 \n \n Cancel \n Confirm \n
\n \n Yesterday \n Today \n Tomorrow \n
\n \n L \n M \n M \n R \n
\n 图标 \n \n \n Backward \n \n \n Forward \n \n
\n \n \n \n
\n \n
\n 圆角 \n \n \n Backward \n \n \n Forward \n \n
\n \n \n \n
\n \n
\n 尺寸 \n \n Large \n Large \n
\n \n Default \n Default \n
\n \n Small \n Small \n
\n \n Large \n Large \n
\n \n Default \n Default \n
\n \n Small \n Small \n
\n \n 按钮组合 实现按钮组合的效果 \n \n \n \n \n
\n \n 按钮组纵向排列 按钮组纵向排列 \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Card.vue",
"content": "
\n \n \n 最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。 \n \n \n \n 更多\" style=\"width: 340px\">\n \n
卡片内容 1
\n
卡片内容 2
\n
卡片内容 3
\n
\n \n 基础用法 \n 包含标题、内容、操作区域。
\n 注意：标签容器内必须具有一个父元素
\n \n \n \n \n \n
\n \n 这是没有边框类型的卡片这是没有边框类型的卡片这是没有边框类型的卡片这是没有边框类型的卡片\n
\n \n
\n 无边框 \n 通过设置属性no-border=\"true\" ，可以不添加边框，建议在灰色背景下使用。\n \n \n \n \n \n \n \n \n
卡片内容 1
\n
卡片内容 2
\n
卡片内容 3
\n
\n \n \n \n \n
卡片内容 1
\n
卡片内容 2
\n
卡片内容 3
\n
\n \n \n \n 禁用悬停阴影 \n 通过设置属性dis-hover=\"true\"来禁用鼠标悬停显示阴影的效果。\n \n \n \n \n \n
\n \n \n \n
卡片内容 1
\n
卡片内容 2
\n
卡片内容 3
\n
\n \n \n \n \n
卡片内容 1
\n
卡片内容 2
\n
卡片内容 3
\n
\n \n \n
\n 卡片阴影 \n 通过设置属性shadow=\"true\"来显示卡片阴影，使用该属性后，no-border和dis-hover将无效，建议在灰色背景下使用。\n \n \n \n \n \n \n
\n
一套基于TS构建的UI组件库 \n
\n \n 简洁卡片 只包含内容区域，没有标题。 \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Carousel.vue",
"content": "
\n \n \n 当有一组平级的内容。 \n 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。 \n 常用于一组图片或卡片轮播。 \n \n \n \n \n \n \n \n 基础用法 \n 最基本的用法。
\n 标签容器下必须具有一个父元素
\n \n \n \n \n \n \n \n \n 自动切换 \n \n 设置属性autoplay=\"true\"可以自动轮播，同时可以设置属性autoplay-speed改变自动播放的速度。\n
\n \n \n \n \n \n \n \n \n 渐显 \n 设置属性effect=\"fade\"切换效果为渐显。
\n \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Checkbox.vue",
"content": "
\n \n \n 在一组可选项中进行多项选择时； \n \n 单独使用可以表示两种状态之间的切换，和switch类似。区别在于切换\n switch\n 会直接触发状态改变，而checkbox一般用于状态标记，需要和提交操作配合。\n \n \n \n \n Checkbox \n \n 基础用法 简单的 checkbox \n \n \n \n \n Twitter \n Facebook \n Github \n Snapchat \n \n \n 苹果 \n 西瓜 \n 猕猴桃 \n \n \n 组合使用 \n \n 使用r-checkbox-group配合数组来生成组合。在组合使用时，r-checkbox使用label来自动判断选中状态。\n
\n \n \n \n \n Checkbox \n \n 苹果 \n 西瓜 \n 猕猴桃 \n \n \n 不可用 通过设置disabled属性来禁用多选框。 \n \n \n \n \n 苹果 \n 西瓜 \n 猕猴桃 \n \n \n 显示边框 设置属性type=\"border\"可以显示边框。 \n \n \n \n \n 全选 \n
\n \n 苹果 \n 西瓜 \n 猕猴桃 \n \n \n 全选 \n 在实现全选效果时，你可能会用到indeterminate属性。示例代码只是一种写法。\n \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Circle.vue",
"content": "
\n \n \n 显示某项任务进度的百分比； \n 统计某些指标的占比。 \n \n \n \n \n \n \n 80% \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 基础用法 n\n 圆形进度环有一系列的参数可配置，具体可以查看下面的API文档。\n \n \n \n \n \n {{ percentText }}% \n \n \n \n \n \n \n
\n \n 配合外部组件使用 n通过数据的联动和逻辑控制，实现交互效果。 \n \n \n \n \n \n
42,001,776 \n
消费人群规模
\n
\n 总占人数\n 75% \n \n
\n 自定义更多样式 \n 通过自定义内容和丰富的配置，可以组合出很多统计效果。
\n 注意！标签容器下必须具有一个父元素。
\n \n \n \n \n \n 80% \n \n \n 仪表盘 \n 通过设置属性dashboard=\"true\"，可以很方便地实现仪表盘样式的进度环。\n \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Collapse.vue",
"content": "
\n \n \n 对复杂区域进行分组和隐藏，保持页面的整洁。 \n 手风琴是一种特殊的折叠面板，只允许单个内容区域展开。 \n \n \n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 基础用法 \n 通过设置属性active-index可以同时展开多个面板，这个例子默认展开了第一个。
\n \n \n \n \n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 手风琴 \n 通过设置属性accordion=\"true\"开启手风琴模式，每次只能打开一个面板。
\n \n \n \n \n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 简洁风格 \n 设置属性simple=\"true\"可以显示为一套没有边框的简洁样式。
\n \n \n \n \n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 隐藏箭头 \n \n 通过给r-collapse-panel设置属性hide-arrow=\"true\"可以隐藏面板的箭头图标\n
\n \n \n \n \n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 狗是一种家养动物。它以忠诚和忠诚而闻名，在世界各地的许多家庭中，它都是受欢迎的客人。\n
\n \n \n \n 幽灵折叠面板 \n 通过设置属性ghost=\"true\"将折叠面板的背景变成透明。
\n \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Color.vue",
"content": "
\n \n Color 色彩 \n 概述 \n \n Rabbit UI\n 推荐使用以下调色板的颜色作为设计和开发规范，以保证页面和组件之间的视觉一致。\n
\n 主色 \n \n Rabbit UI 使用较为安全的蓝色作为主色调，其中 Light Primary 常用于 hover，Dark\n Primary 常用于 active。\n
\n 辅助色 \n 辅助色是具有代表性的颜色，常用于信息提示，比如成功、警告和失败。
\n 中性色 \n 中性色常用于文本、背景、边框、阴影等，可以体现出页面的层次结构。
\n \n \n\n\n"
},
{
"path": "site/src/pages/app/views/CountDown.vue",
"content": "
\n \n \n 当页面某个部分或功能需要进行倒计时 \n \n \n \n \n 基础用法 \n 最简单的用法
\n 设置的时间格式为YYYY/MM/DD HH:mm:ss或YYYY-MM-DD HH:mm:ss
\n \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Divider.vue",
"content": "
\n \n \n 对不同章节的文本段落进行分割。 \n 对行内文字/链接进行分割，例如表格的操作列。 \n \n \n \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n 标题居中 \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n \n 水平分割线 默认为水平分割线，可在中间加入文字。 \n \n \n \n 文本\n 链接 \n 链接 \n \n 垂直分割线 使用type=\"vertical\"设置为行内的垂直分割线。 \n \n \n \n 标题居中 \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n 右侧标题 \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n 右侧标题 \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n \n 标题位置 修改分割线标题的位置。 \n \n \n \n 标题居中 \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n 右侧标题 \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n 右侧标题 \n \n 从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事从前有座山山里有座庙，庙里有个老和尚给小和尚讲故事\n
\n \n 分割文字使用正文样式 使用plain可以设置为更轻量的分割文字样式。 \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Drawer.vue",
"content": "
\n \n \n \n 抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到到原任务。\n \n \n 当需要一个附加的面板来控制父窗体内容，这个面板在需要时呼出。比如，控制界面展示样式，往界面中添加内容。\n \n 当需要在当前任务流中插入临时任务，创建或预览附加内容。比如展示协议条款，创建子对象。 \n \n \n \n Open \n \n \n
Some contents...
\n
Some contents...
\n
Some contents...
\n
\n \n 基础用法 \n \n \n Top \n Left \n Bottom \n Right \n \n \n
Some contents...
\n
Some contents...
\n
Some contents...
\n
\n \n \n
Some contents...
\n
Some contents...
\n
Some contents...
\n
\n \n \n
Some contents...
\n
Some contents...
\n
Some contents...
\n
\n \n \n
Some contents...
\n
Some contents...
\n
Some contents...
\n
\n \n 自定义位置 \n \n \n \n
Open Inner \n
\n Some contents...
\n \n
\n 在当前 DOM 内打开 \n \n \n 多层抽屉 \n \n 打开第二层抽屉 \n \n \n 这是第二层抽屉。
\n \n \n 多层抽屉 \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Dropdown.vue",
"content": "
\n \n \n \n 当页面上的操作命令过多时，用此组件可以收纳操作元素。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。\n \n \n \n \n \n 下拉菜单 \n \n 老干妈 \n 炸酱面 \n 葱油饼 \n 黄金糕 \n 冰糖葫芦 \n \n \n \n \n 下拉菜单 \n \n 老干妈 \n 炸酱面 \n 葱油饼 \n 黄金糕 \n 冰糖葫芦 \n \n \n \n 基础用法 \n 最简单的下拉菜单，触发对象可以是链接、按钮等各种元素。
\n 本例还展示了禁用项和分隔线。
\n \n \n \n \n \n hover 触发 \n \n 老干妈 \n 炸酱面 \n 葱油饼 \n 黄金糕 \n 冰糖葫芦 \n \n \n\n \n click 触发 \n \n 老干妈 \n 炸酱面 \n 葱油饼 \n 黄金糕 \n 冰糖葫芦 \n \n \n\n \n 右键触发 \n \n 返回 \n 删除 \n \n \n\n \n custom 触发 \n \n \n 常用于各种自定义下拉内容的场景。
\n \n 关闭 \n
\n \n \n \n \n 触发方式 \n 通过设置属性trigger可以更改触发方式，可选项为 click 、\n hover(默认)、contextMenu(右键)\n \n \n \n \n \n 菜单(左) \n \n 老干妈 \n 炸酱面 \n 葱油饼 \n 黄金糕 \n 冰糖葫芦 \n \n \n\n \n 菜单(居中) \n \n 老干妈 \n 炸酱面 \n 葱油饼 \n 黄金糕 \n 冰糖葫芦 \n \n \n\n \n 菜单(右) \n \n 老干妈 \n 炸酱面 \n 葱油饼 \n 黄金糕 \n 冰糖葫芦 \n \n \n \n 对齐方向 \n 通过设置属性placement可以更改下拉菜单出现的方向，与 Poptip 和 Tooltip\n 配置一致，支持 12 个方向，详见 API。\n \n \n \n \n \n 北京小吃 \n \n 豆汁儿 \n 炸酱面 \n 驴打滚 \n \n \n \n 北京烤鸭 \n \n 壁炉烤鸭 \n 焖炉烤鸭 \n \n \n \n 冰糖葫芦 \n \n \n \n 嵌套用法 下拉菜单可以进行嵌套实现级联的效果，嵌套时注意设置子集的展开方向。 \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Empty.vue",
"content": "
\n \n \n 当目前没有数据时，用于显式的用户提示。 \n 初始化场景时的引导创建流程。 \n \n \n \n \n 简单的展示。 \n \n \n \n 描述\"\n image=\"https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original\"\n image-style=\"height: 60px\"\n >\n 立即创建 \n \n \n 自定义 \n 设置属性image自定义图片、desc设置描述、
\n 如果设置附属内容，容器下有且只能由一个父节点
\n \n \n \n \n \n 无描述 \n 设置属性desc=\"false\"不显示描述。
\n \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/FAQ.vue",
"content": "
\n \n 常见问题 \n \n 如果有更多的问题需要提问，请到\n Github \n 仓库提交您宝贵的 issue，我们将其收集到这里展示。\n
\n 为什么把组件的 HTML 代码放到页面上没有效果？ \n \n 例如你想使用 Alert 组件，那么你首先要做的事情就是在它需要使用的地方全局初始化一次\n new Rabbit.Alert() ，NPM 安装则 new Alert()。\n
\n rabbit-ui 在移动端体验不佳。 \n rabbit-ui 并非针对移动端设计。
\n \n 当我通过关闭按钮或异步关闭 Message 或 Notice 组件后，为什么其提供的 then\n 接口的回调事件不生效？\n \n \n 组件提供的\n Promise接口是当实例自动关闭时才会触发的，并不是通过任意方式关闭组件都会调用该接口，如果您想通过手动移除消息后接着添加回调事件，请使用\n onClose api，至于要在异步移除后添加事件，建议是在异步的那个时机里添加。\n
\n 为什么通过setAttribute重新赋值，组件的内容或状态没有更新？ \n \n 因为组件的初始化只有一次，所以用 setAttribute\n 重新赋值是不会有效果的，考虑到一些场景下需要异步更新，所以我们提供了\n config 方法，具体请查看对应组件的 api 文档。\n
\n 使用组件的 api 时显得有些繁琐。 \n \n 有一些确实会显得比较繁琐，但是 rabbit-ui 内部帮您封装了一些有限的 DOM\n 操作，例如DOM元素获取并添加点击事件、鼠标移入移出事件等等，这些都不必您亲自操作。\n
\n rabbit-ui 覆盖了我的全局样式！ \n \n 为了方便，我们覆盖了一些全局样式，尽量做到和\n rabbit-ui 的样式统一，避免出现组件 ui 外观异常。\n
\n \n \n"
},
{
"path": "site/src/pages/app/views/Icon.vue",
"content": "
\n \n Icon 图标 \n 概述 \n \n Rabbit UI 的所有图标均来自于开源图标库\n iconfont 。\n
\n 图标合集 \n 点击下面的图标按钮可以直接复制组件代码
\n \n \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/InputNumber.vue",
"content": "
\n \n \n 当需要获取标准数值时。 \n \n \n \n \n 基础用法 可以通过输入、鼠标点击或键盘的上下键来改变数值大小。 \n \n \n \n \n 小数 通过设置step属性控制每次改变的精度。 \n \n \n \n \n 格式化展示 \n \n 通过formatter格式化数字，以展示具有具体含义的数据，往往需要配合parser一起使用。\n
\n formatter属性的值的字符串格式为：反引号包裹 ${value}。
\n \n parser属性的值需为字符串的数组，第一个位置为要匹配替换的内容，第二个位置为替换后的结果；若无该属性则使用默认的匹配规则转换。\n
\n \n \n \n \n \n 尺寸 \n \n 通过设置size属性为large和small将输入框设置为大和小尺寸，不设置为默认尺寸。\n
\n \n \n \n \n 禁用状态 \n \n 不可用 \n 通过设置disabled=\"true\"属性禁用输入框，点击按钮切换状态。\n \n \n \n \n \n 只读 通过设置readonly=\"true\"属性开启只读。 \n \n \n \n \n 不可编辑 通过设置editable=\"false\"属性控制是否能编辑。 \n \n \n \n \n 按钮位置 \n 通过设置controls-outside=\"true\"属性可以将按钮位置置于输入框两侧。\n \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Install.vue",
"content": "
\n \n 安装 \n CDN 引入 \n \n 我们在 npm 发布包内的 rabbit-simple-ui/dist 目录下提供了 rabbit.js\n rabbit.min.js 以及 styles/rabbit.css。你也可以通过\n jsDelivr \n 或\n UNPKG \n 进行下载。\n
\n 示例 \n 通过 CDN 可以快速使用 Rabbit UI 写出一个示例：
\n Npm 或 Yarn 安装 \n \n 我们推荐使用 npm 或 yarn\n 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处，也推荐使用\n ES2015。\n
\n \n 后续将使用按需引入的方式引入 Rabbit UI，由于源文件使用 TS 编写，因此你将需要使用\n TS 编写你的项目代码\n \n \n 如果你的网络环境不佳，推荐使用\n cnpm 。\n
\n \n 如果您使用了此方式安装，并使用 webpack 作为构建工具，请继续阅读\n 快速上手 章节。\n
\n \n \n\n\n"
},
{
"path": "site/src/pages/app/views/Introduce.vue",
"content": "
\n \n 关于 Rabbit UI \n \n Rabbit UI ，是一个基于 Javascript 并使用 Typescript 编写的开源 UI\n 组件库，主要使用于 PC 界面。\n
\n \n Rabbit UI提供的组件 HTML 代码奉行着简洁至上、简单表意、易于分辨的准则。\n
\n \n 不知你是否有这样的苦恼，例如 Boostrap ，你想使用一个 Modal 组件但是其提供的 HTML\n 代码多达十几二十行，再加上自己填充的内容就更不用说了，如果不加注释后期难以找到其位置和分辨，\n 而rabbit-ui提供的代码仅仅几行，不仅清晰还让你更易分辨。\n
\n 特性 \n \n 安装 \n 使用 npm 或 yarn 安装 \n \n 注意：请先阅读安装 章节！\n \n 浏览器引入 \n \n 在浏览器中使用 script 和\n link 标签直接引入文件，并使用全局变量 Rabbit。\n
\n 示例 \n 效果
\n \n 模拟进度条\n \n 重置 \n 版本 \n \n \n \n
\n 兼容 \n \n 支持所有能运行 Javascript 的地方 \n 支持与其他的 UI 库或框架一起使用 \n 支持 TypeScript \n 支持现代浏览器和 Internet Explorer 10+ \n \n 相关链接 \n \n \n \n\n\n"
},
{
"path": "site/src/pages/app/views/Jumbotron.vue",
"content": "
\n \n \n 当需要展示巨大的标题和段落时使用。 \n \n \n \n \n \n
\n
它使用实用程序类来排版和空格，以便在较大的容器中分隔内容。
\n
了解更多 \n
\n 基础用法 最简单的用法，如果添加额外内容则标签容器下必须具有一个父元素 \n \n \n \n \n 外观 通过设置属性type切换外观背景色 \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/LoadingBar.vue",
"content": "
\n \n LoadingBar 加载进度条 \n \n 特别提醒： 非 NPM 环境下调用实例方法必须添加Rabbit前缀，反之则无需。\n \n 概述 \n 全局创建一个显示页面加载、异步请求、文件上传等的加载进度条。
\n 说明 \n \n LoadingBar\n 只会在全局创建一个，因此在任何位置调用的方法都会控制这同一个组件。主要使用场景是路由切换和Ajax，因为这两者都不能拿到精确的进度，LoadingBar\n 会模拟进度，当然也可以通过update()方法来传入一个精确的进度，比如在文件上传时会很有用，具体见API。\n
\n 在路由中使用
\n 在异步请求中使用
\n \n \n 开始 \n 完成 \n 错误 \n \n 基本用法 \n 点击 Start 开始进度，点击 Finish\n 结束。在调用start()方法后，组件会自动模拟进度，当调用finish()或error()时，补全进度并自动消失。\n \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Message.vue",
"content": "
\n \n \n 可提供成功、警告和错误等反馈信息。 \n 顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。 \n \n \n \n \n 显示普通提示\n \n \n 普通提示 最基本的提示，默认在3秒后消失。 \n \n \n \n 显示成功提示 \n 显示警告提示 \n 显示错误提示 \n \n 提示类型 包括成功、失败、警告。 \n \n \n \n \n 显示普通提示\n \n \n 显示成功提示\n \n \n 显示警告提示\n \n \n 显示错误提示\n \n \n 带背景色 \n 设置属性background为true后，通知提示会显示背景色。\n \n \n \n \n 显示加载中... \n \n 加载中 \n 进行全局 loading，异步自行移除。需要手动调用destroy方法关闭\n \n \n \n \n \n 显示一个Promise的提示\n \n \n Promise 接口 \n \n 可以通过 then 接口在关闭后运行 callback 。以上用例将在每个 Message\n 将要结束时通过 then 显示新的 Message 。\n
\n 如果手动通过关闭按钮结束则无效。
\n \n \n \n \n 显示一个10秒的提示 \n \n 自定义时长 \n 自定义时长，也可以在config中全局配置，详见API。\n \n \n \n \n 显示可关闭的提示 \n \n 可关闭 设置closable为 true 后可以手动关闭提示。 \n \n \n \n 使用 HTML 片段 \n \n 使用 HTML 片段 传入 HTML 片段 \n \n \n content属性虽然支持传入 HTML 片段，但是在网站上动态渲染任意 HTML\n 是非常危险的，因为容易导致XSS 攻击 \n 。因此在dangerouslyUseHTMLString\n 打开的情况下，请确保content的内容是可信的，永远不要 将用户提交的内容赋值给content属性。\n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/MiniModal.vue",
"content": "
\n \n \n 当需要一个简洁的确认框询问用户时。 \n \n \n \n 消息 \n 成功 \n 警告 \n 错误 \n \n 基础用法 四种基本的对话框，只提供一个确定按钮。 \n \n \n \n 标准 \n 自定义按钮文字 \n 异步关闭 \n \n 确认对话框 \n 快速弹出确认对话框，并且可以自定义按钮文字及异步关闭。
\n \n 将dangerouslyUseHTMLString属性设置为\n true，content就会被当作 HTML 片段处理。\n
\n \n \n \n title 和 content属性虽然支持传入 HTML\n 片段，但是在网站上动态渲染任意 HTML 是非常危险的，因为容易导致\n \n XSS 攻击 。因此在dangerouslyUseHTMLString 打开的情况下，请确保content \n 的内容是可信的，永远不要 将用户提交的内容赋值给content\n 属性。\n \n API \n Modal instance \n 通过直接调用以下方法来使用：
\n \n Rabbit.MiniModal.info(config)Rabbit.MiniModal.success(config)Rabbit.MiniModal.warning(config)Rabbit.MiniModal.error(config) \n \n \n\n\n"
},
{
"path": "site/src/pages/app/views/Modal.vue",
"content": "
\n \n \n \n 需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用Modal\n 在当前页面正中打开一个浮层，承载相应的操作。\n \n \n 另外当需要一个简洁的确认框询问用户时，可以使用MiniModal.confirm()。\n \n \n \n \n 显示对话框 \n \n \n
对话框内容
\n
对话框内容
\n
对话框内容
\n
\n \n 基础用法 \n \n 最简单的使用方法，设置属性visable为 true/false 来显示/隐藏对话框。\n
\n \n 可以使用config方法提供的 APIvisible动态控制显示隐藏。\n
\n 默认按键盘ESC键也可以关闭。
\n 注意！容器内的节点必须具有一个父元素。
\n \n \n \n \n 不带标题栏 \n 国际化 \n 设置宽度 \n \n \n
对话框内容
\n
对话框内容
\n
对话框内容
\n
\n \n \n
Some Content...
\n
Some Content...
\n
Some Content...
\n
\n \n \n
自定义宽度，单位 px，默认 520px。
\n
\n 对话框的宽度是响应式的，当屏幕尺寸小于 768px 时，宽度会变为自动\n auto。\n
\n
\n \n 自定义外观 控制是否显示标题栏、自定义按钮文字、自定义宽度。 \n \n \n \n 异步关闭 \n \n 点击确定后，对话框将在 2秒 后关闭。
\n \n \n 异步关闭 \n 设置属性loading=\"true\"后，点击确定按钮对话框不会自动消失，并显示\n loading 状态，需要手动关闭对话框，常用于表单提交。\n \n \n \n \n 禁用右上角关闭(含Esc键) \n 禁用遮罩层关闭 \n \n \n
对话框内容
\n
对话框内容
\n
对话框内容
\n
\n \n \n
对话框内容
\n
对话框内容
\n
对话框内容
\n
\n \n 禁用关闭 可以禁用关闭和遮罩层关闭 \n \n \n \n 垂直居中 \n 距离顶部20px \n \n \n
对话框内容
\n
对话框内容
\n
对话框内容
\n
\n \n \n
对话框内容
\n
对话框内容
\n
对话框内容
\n
\n \n 自定义位置 \n 可以自定义 Modal 的对话框样式 以及 对话框 Wrap 的 class\n 名称，从而实现更多自定义的样式，比如垂直居中。\n \n \n \n \n 显示全屏对话框 \n \n 这是一个全屏的对话框
\n \n \n 全屏 \n 设置属性fullscreen可以全屏显示。
\n 设置属性footer-hide可以隐藏底部内容。
\n \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Notice.vue",
"content": "
\n \n \n 较为复杂的通知内容。 \n 带有交互的通知，给出用户下一步的行动点。 \n 系统主动推送。 \n \n \n \n \n 打开提醒\n \n \n 基础用法 \n \n 基本用法，默认在 4.5秒后关闭。如果desc\n 参数为空或不填，则自动应用仅标题模式下的样式。\n
\n 建议标题言简意赅，例如\"删除成功\"，更详细的内容可以放在描述信息里。
\n \n \n \n \n 带描述信息
\n 消息 \n 成功 \n 警告 \n 错误 \n 仅标题
\n 消息 \n \n 成功\n \n \n 警告\n \n 错误 \n \n 提醒类型 \n 带有状态图标的提醒。
\n 带描述信息和仅标题。
\n \n \n \n \n \n 打开提醒\n \n \n 自定义时长 自定义时长，为 0 则不自动关闭。 \n \n \n \n 打开提醒 \n \n Promise 接口 \n \n 可以通过 then 接口在关闭后运行 callback 。以上用例将在每个 Notice 将要结束时通过\n then 显示新的 Notice 。\n
\n 如果手动通过关闭按钮结束则无效。
\n \n \n \n \n \n 打开提醒\n \n \n 使用 HTML 片段 \n title和desc属性支持传入 HTML 片段
\n \n 将dangerouslyUseHTMLString属性设置为 true， 就会被当作 HTML\n 片段处理。\n
\n \n \n \n desc属性虽然支持传入 HTML 片段，但是在网站上动态渲染任意 HTML\n 是非常危险的，因为容易导致XSS 攻击 \n 。因此在dangerouslyUseHTMLString\n 打开的情况下，请确保desc的内容是可信的，永远不要 将用户提交的内容赋值给desc属性。\n \n \n \n 打开提醒 \n \n 隐藏关闭按钮 \n 设置属性closable为false可以不显示关闭按钮\n \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/PageHeader.vue",
"content": "
\n \n \n \n 当需要使用户快速理解当前页是什么以及方便用户使用页面功能时使用，通常也可被用作页面间导航。\n \n \n \n \n \n \n 标准样式 \n \n 标准页头，适合使用在需要简单描述的场景。 \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Poptip.vue",
"content": "
\n \n \n \n 当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。\n \n \n 和Tooltip类似，具有很多相同配置，不同点是Poptip\n 以卡片的形式承载了更多的内容，比如链接、表格、按钮等。\n \n \n Poptip还confirm确认框，与Modal不同的是，它会出现在就近元素，相对轻量。\n \n \n \n \n \n hover 激活 \n \n \n click 激活 \n \n \n focus 激活 \n \n \n 基础用法 支持三种触发方式：鼠标悬停、点击、聚焦。默认是点击。 \n \n \n \n \n \n 上左 \n \n \n 上边 \n \n \n 上右 \n \n
\n \n
\n \n 左上 \n 左边 \n 左下 \n \n
\n
\n \n 右上 \n 右边 \n 右下 \n \n
\n
\n \n 下左 \n \n \n 下边 \n \n \n 下右 \n \n
\n \n 位置 \n 组件提供了12个不同的方向显示Poptip，具体配置可查看API。\n \n \n \n \n 关闭提示框\">\n Click 激活 \n \n \n 从浮层内关闭 \n 通过 config 方法提供的visibleapi 来控制提示框的显示和隐藏。\n \n \n \n \n \n 禁用提示 \n \n \n 禁用提示 通过设置属性disabled=\"true\"禁止显示提示框 \n \n \n \n \n 复杂内容 \n \n \n 嵌套复杂内容 实现复杂的内容。 \n \n \n \n \n 长文本 \n \n \n 自动换行 \n 设置属性word-wrap，当超出宽度后，文本将自动换行，并两端对齐。\n \n \n \n \n \n 删除 \n \n \n 国际化 \n \n \n 确认框 \n 通过设置属性confirm开启确认框模式。确认框只会以 click\n 的形式激活，并且只会显示 title 的内容，忽略 content。\n \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Progress.vue",
"content": "
\n \n \n 在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。 \n 当一个操作会打断当前界面，或者需要在后台运行，且耗时可能超过2秒时； \n 当需要显示一个操作完成的百分比时。 \n \n \n \n \n 基础用法 标准的进度条。 \n \n \n \n \n 百分比内显 \n 设置属性text-inside=\"true\"可以将百分比显示在进度条内部。
\n 需要通过属性stroke-width设置一个足够的高度。
\n \n \n \n \n \n 渐变色 \n 设置属性stroke-color为数组时，可以显示为渐变色。
\n 数组只能设置为两项。
\n \n \n \n \n \n 分段进度条 \n 标准的分段进度条。
\n \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Radio.vue",
"content": "
\n \n \n 用于在多个备选项中选中单个状态。 \n \n 和 Select 的区别是，Radio\n 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。\n \n \n \n \n Radio \n \n 单独使用 最简单的用法。 \n \n \n \n \n Apple \n Android \n Windows \n \n \n 金斑蝶 \n 爪哇犀牛 \n 印度黑羚 \n \n \n 组合使用 \n \n 使用r-radio-group实现一组互斥的选项组。在组合使用时，radio使用label来自动判断。每个\n radio 的内容可以自定义。\n
\n 设置属性icon可以添加前缀图标。
\n \n \n \n \n Radio \n \n 金斑蝶 \n 爪哇犀牛 \n 印度黑羚 \n \n \n 不可用 通过设置属性disabled来禁用单选框。 \n \n \n \n \n Apple \n Android \n Windows \n \n \n 垂直 \n 设置属性direction=\"vertical\"可以垂直显示，按钮样式下无效。\n \n \n \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 按钮样式 \n 组合使用时可以设置属性type=\"button\"为来应用按钮的样式。\n \n \n \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 填底的按钮样式 \n 设置属性button-style=\"solid\"可显示为实色填底的单选按钮样式。\n \n \n \n \n \n 金斑蝶 \n 爪哇犀牛 \n 印度黑羚 \n \n \n 显示边框 radio 设置属性type=\"border\"可以显示边框。 \n \n \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 北京 \n 上海 \n 深圳 \n 杭州 \n \n \n 尺寸 \n 通过设置属性size为large或small将按钮样式设置为大和小尺寸，不设置为默认(中)尺寸。\n \n \n API \n \n \n\n\n"
},
{
"path": "site/src/pages/app/views/Result.vue",
"content": "
\n \n \n 当有重要操作需告知用户处理结果，且反馈内容较为复杂时使用。 \n \n \n \n 返回首页 \n 打印 \"\n />\n \n Success 成功的结果 \n \n \n \n 返回首页\"\n />\n \n Info 展示处理结果 \n \n \n \n 重新提交\"\n />\n \n Warning 警告类型的结果 \n \n \n \n 返回修改\"\n >\n \n
您提交的内容有以下错误: \n
\n
\n 您的帐户已被冻结。\n
立即解冻> \n
\n
\n
\n 您的帐户还没有资格申请。\n
申请解锁> \n
\n
\n Error \n 复杂的错误反馈。
\n 注意：标签容器内必须具有一个父元素！
\n \n \n \n \n 返回首页\"\n />\n \n 403 \n \n \n 返回首页\"\n />\n \n 404 \n \n \n 返回首页\"\n />\n \n 500 \n \n \n 下一步\"\n />\n \n 自定义图标 \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Skeleton.vue",
"content": "
\n \n \n 网络较慢，需要长时间等待加载处理的情况下。 \n 图文信息内容较多的列表/卡片中。 \n 只在第一次加载数据的时候使用。 \n 可以被 Spin 完全代替，但是在可用的场景下可以比 Spin 提供更好的视觉效果和用户体验。 \n \n \n \n \n 基础用法 最简单的占位效果。 \n \n \n \n \n 复杂组合 带有头像占位图的组合。 \n \n \n \n \n 动画效果 显示动画效果。 \n \n \n \n \n 自定义段落占位图的宽度 \n 设置段落占位图的宽度，若为数组时则为对应的每行宽度，反之则是最后一行的宽度\n \n \n \n \n \n
\n
\n
\n
Vue.js, the progressive javascript framework \n
\n An incrementally adoptable ecosystem that scales between a library and a\n full-featured framework. Blazing Fast Virtual DOM Minimal Optimization Efforts\n
\n
\n
\n 显示骨架图\n \n
\n
\n 加载占位图 配合其他元素使用 \n \n API \n \n \n\n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Spin.vue",
"content": "
\n \n \n \n 页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。\n \n \n \n \n \n 基础用法 最简单使用 Spin 的方法。 \n \n \n \n \n \n \n \n \n \n 各种尺寸 \n \n \n \n
\n \n 居中固定 \n \n \n \n \n 加载中... \n \n \n \n Loading...
\n \n \n \n \n 自定义内容 \n \n \n \n
登金陵凤凰台 \n
李白 \n
\n 凤凰台上凤凰游，凤去台空江自流。
\n 吴宫花草埋幽径，晋代衣冠成古丘。
\n 三山半落青天外，二水中分白鹭洲。
\n 总为浮云能蔽日，长安不见使人愁。
\n \n
\n
\n 状态切换 \n \n \n \n 整页显示，3秒后关闭\n \n \n 自定义显示内容\n \n \n 整页加载 \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Sponsor.vue",
"content": "
\n \n 赞助 RabbitUI 的开发 \n \n Rabbit UI 是采用 MIT 许可的开源项目，使用完全免费。\n 但为了项目能够健康持续的发展下去，我们期望获得相应的资金支持。\n 你可以通过下列的方法来赞助我们的开发。\n
\n 一次性赞助 \n 你可以通过以下任意一种方式赞助:
\n 支付宝 \n 微信 \n \n \n"
},
{
"path": "site/src/pages/app/views/Start.vue",
"content": "
\n \n 快速开始 \n \n 在开始之前，推荐先学习 TypeScript 和 ES2015，并正确安装和配置了\n Node.js 。 官方指南假设你已了解关于\n HTML、CSS 、JavaScript 和 TypeScript 的基础知识。如果你刚开始学习前端，将 UI\n 库作为你的第一步可能不是最好的主意。\n \n 引入 RabbitUI \n \n 一般会想到在 webpack 入口页面\n
main.ts\n 中直接引入整个包，但请不要这样做，在你需要用到的页面的对应 ts\n 文件中引入对应组件的构造函数，配置如下：\n
方式一 \n
从源文件路径引入
\n
\n
方式二 \n
\n 按需引用，借助插件\n \n babel-plugin-import\n \n 可以实现按需加载组件，减少文件体积。首先安装，并在文件 .babelrc 中配置：\n
\n
\n
然后这样按需引入组件，就可以减小体积了：
\n
\n
特别提醒 \n \n \n 按需引用仍然需要导入样式，即在 main.ts 或根组件执行\n import 'rabbit-simple-ui/dist/styles/rabbit.css'; \n \n \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Steps.vue",
"content": "
\n \n \n 当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。 \n \n \n \n \n \n \n 基础用法 基本用法，组件会根据current自动判断各步骤状态。 \n \n \n \n \n \n \n 迷你版 设置属性size=\"small\"启用迷你版。 \n \n \n \n \n \n \n 带图标的步骤条 通过设置r-step的icon属性可以自定义图标。 \n \n \n \n \n \n 下一步 \n \n 切换步骤 通常配合内容及按钮使用，表示一个流程的处理进度。 \n \n \n \n \n \n \n 垂直方向 设置属性direction=\"vertical\"为在垂直方向展示。 \n \n \n \n \n \n \n 步骤运行错误 \n 设置r-steps的属性status=\"error\"为指定当前步骤状态。\n \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Switch.vue",
"content": "
\n \n \n 需要表示开关状态/两种状态之间的切换时 \n \n 和checkbox的区别是，切换switch会直接触发状态改变，而checkbox一般用于状态标记，需要和提交操作配合\n \n \n \n \n \n 基础用法 基本用法，状态切换时会触发事件。 \n \n \n \n \n 尺寸 \n 设置size为large或small使用大号和小号的开关。\n \n \n \n \n \"\n close=\" \n 文字和图标 \n 设置属性open和close自定义切换状态后显示的内容，建议如果使用2个汉字，将开关尺寸设置为\n large。\n \n \n \n \n \n 不可用 设置属性disabled=\"true\"禁用开关 \n \n \n \n \n 加载中 设置属性loading=\"true\"标识开关操作仍在执行中。 \n \n \n \n \n 自定义颜色 \n 设置属性true-color和false-color可以自定义背景色。\n \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Tabs.vue",
"content": "
\n \n \n 提供平级的区域将大块内容进行收纳和展现，保持界面整洁。 \n 卡片式的页签，提供可关闭的样式，常用于容器顶部。 \n 标准线条式页签，用于容器内部的主功能切换，这是最常用的 Tabs。 \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n 基础用法 \n active-index与r-tab-pane的index对应，用于标识当前激活的是哪一项，key\n 值默认从 0 开始，默认激活第一项。可以使用提供的config方法返回的\n activeIndex进行动态改变\n \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n 图标 通过设置属性icon，可以显示一个图标。 \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n 迷你型 \n 设置属性size=\"small\"可以显示为迷你型，只在type=\"line\"时有效。\n \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n 禁用 禁用某一项。 \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n 卡片样式 \n 设置属性type=\"card\"可以显示卡片样式，常用于容器顶部。\n \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n 可关闭 \n \n 通过设置属性closable可以关闭某一项，仅在type=\"card\"时有效。\n
\n 当设置了可关闭后，面板的切换将不使用切换动画。
\n \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n 不使用动画 通过设置属性animated=\"fasle\"可以禁用动画。 \n \n \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n \n \n 标签一的内容 \n 标签二的内容 \n 标签三的内容 \n \n \n \n \n 其它样式 可以根据业务自定义 UI，需要一点额外的样式覆盖。 \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Tag.vue",
"content": "
\n \n \n 用于标记事物的属性和维度。 \n 进行分类。 \n \n \n \n 标签一 \n 标签二 \n 标签三 \n \n 基础用法 \n 简单的展示，添加属性closable=\"true\"可以关闭标签。
\n 点击关闭标签时，可以使用onClose方法添加回调事件
\n \n \n \n \n 标签三 \n 标签四 \n 标签一 \n 标签二 \n \n 基础用法 \n \n 通过设置type属性为border或dot来选择不同的样式类型。建议有关闭的某些场景下使用\n border，图例的场景下使用 dot。\n
\n \n \n \n \n default \n primary \n success \n error \n warning \n magenta \n red \n volcano \n orange \n gold \n yellow \n lime \n green \n cyan \n blue \n geekblue \n purple \n Custom Color \n 标签一 \n 标签二 \n 标签三 \n 标签四 \n 标签一 \n 标签二 \n 标签三 \n 标签四 \n \n 基础用法 \n 多种预设颜色，可自定义颜色。
\n \n \n \n \n 标签一 \n 标签二 \n 标签三 \n 标签四 \n \n 基础用法 \n \n 设置属性checkable=\"true\"，可以对标签进行选择，属性 `checked`\n 控制当前选择状态。\n
\n \n \n \n \n 默认标签 \n 中号标签 \n 大号标签 \n \n 基础用法 \n 设置属性size可以显示不同尺寸的标签。
\n \n \n API \n \n \n\n\n"
},
{
"path": "site/src/pages/app/views/Time.vue",
"content": "
\n \n \n \n \n 基础用法 \n 属性time设置一个时间戳或 Date，可自动转为相对于当前的时间。\n \n \n \n \n \n 自动更新间隔 设置自动更新间隔，默认为 60 秒。 \n \n \n \n \n 不同类型 设置属性type可以根据情况，设置不同的显示类型。 \n \n \n \n \n 锚点 设置hash属性，相对时间可以点击并定位锚点。 \n \n API \n \n \n\n"
},
{
"path": "site/src/pages/app/views/Timeline.vue",
"content": "
\n \n \n 当有一系列信息需按时间排列时，可正序和倒序。 \n 需要有一条时间轴进行视觉上的串联时。 \n \n \n \n \n \n 1976s
\n 第一代苹果问世
\n \n \n 1984s
\n 发布麦金塔电脑
\n \n \n 2007s
\n 发布 iPhone
\n \n \n 2010s
\n 发布 iPad
\n \n \n 2011.10.05
\n 史蒂夫·乔布斯去世
\n \n \n \n 基础用法 最简单定义一个时间轴的用法。 \n \n \n \n \n 发布1.0版本 \n 发布2.0版本 \n 重大Bug \n 推迟发布 \n 发布3.0版本 \n \n \n 圆圈颜色 \n 圆圈颜色，绿色用于已完成、成功状态，红色表示告警或错误状态，灰色表示当前任务状态停滞或取消，蓝色可表示正在进行或其他默认状态。\n \n \n \n \n \n 2021-04-01 创建服务器网站 \n 2021-04-01 解决了初始化网络问题 \n 2021-04-01 技术人员进行测试 \n 查看更多 \n \n 最后一个 \n 通过添加属性pending=\"true\"来标记最后一个为幽灵节点，标识还未完成。\n \n \n \n \n \n \" color=\"green\">\n 发布里程碑版本\n \n 发布1.0版本 \n 发布2.0版本 \n 发布3.0版本 \n \n \n 自定义时间轴点 可根据实际场景⾃定义节点 \n \n API \n \n \n\n\n\n"
},
{
"path": "site/src/pages/app/views/Tooltip.vue",
"content": "
\n \n \n 鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。 \n 可用来代替系统默认的 ‘title’ 提示，提供一个’按钮/文字/操作’的文案解释。 \n \n \n \n \n 鼠标经过这段文字时，会显示一个气泡框\n \n \n 基础用法 最简单的用法 \n \n \n \n \n \n 上左 \n \n \n 上边 \n \n \n 上右 \n \n
\n \n
\n \n 左上 \n 左边 \n 左下 \n \n
\n
\n \n 右上 \n 右边 \n 右下 \n \n
\n
\n \n 下左 \n \n \n 下边 \n \n \n 下右 \n \n
\n \n 位置 组件提供了12个不同的方向显示Tooltip，具体配置可查看API。 \n \n \n \n \n 多行 \n \n \n 自定义内容 \n 如果需要添加带有HTML代码或其他复杂的内容，抑或是需要动态更新内容，请使用组件提供的响应式API渲染\n \n \n \n \n \n 禁用提示 \n \n \n 禁用 通过设置属性disabled可以禁用文字提示。 \n \n \n \n \n 延时1秒显示 \n \n \n 延时 \n 通过设置属性delay可以延时显示文字提示，单位毫秒。\n \n \n \n \n \n Dark(default) \n \n \n Light \n \n \n pink \n \n \n red \n \n \n yellow \n \n \n orange \n \n \n cyan \n \n \n green \n \n \n blue \n \n \n purple \n \n \n geekblue \n \n \n magenta \n \n \n volcano \n \n \n gold \n \n \n lime \n \n \n 主题 \n 设置属性theme可以显示不同的颜色。
\n 有多种预设色彩的文字提示样式，用作不同场景使用。
\n \n \n \n \n \n 长文本 \n \n \n 自动换行 \n 设置属性max-width，当超出最大值后，文本将自动换行，并两端对齐。\n \n \n API \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/app/views/Update.vue",
"content": "
\n \n 更新日志 \n \n rabbit-simple-ui 严格遵循\n Semantic Versioning 2.0.0 \n 语义化版本规范。\n
\n 发布周期 \n \n 修订版本号：日常 bugfix 更新 \n 次版本号：带有新特性的向下兼容的版本。 \n 主版本号：含有破坏性更新和新特性，不在发布周期内。 \n \n \n
\n \n {{ item.version }}
\n \n {{ item.time }}\n
\n \n \n \n
\n \n\n\n\n\n"
},
{
"path": "site/src/pages/home/Home.vue",
"content": "
\n \n \n \n \n
\n
\n \n
Rabbit UI \n
一个基于 JavaScript 的简洁 UI 组件库
\n
\n
\n
\n \n \n \n\n\n\n\n"
},
{
"path": "site/src/pages/index.ts",
"content": "import HomePage from './home/Home.vue'\nimport AppPage from './app/Index/Index.vue'\n\nexport { HomePage, AppPage }\n"
},
{
"path": "site/src/plugins/antd.ts",
"content": "import {\n Button,\n Select,\n Row,\n Col,\n Menu,\n Dropdown,\n Popover,\n Drawer,\n Anchor,\n Card\n} from 'ant-design-vue'\n\nexport default [Button, Select, Row, Col, Menu, Dropdown, Popover, Drawer, Anchor, Card]\n"
},
{
"path": "site/src/router-link-list.ts",
"content": "interface A {\n text: string\n path: string\n}\n\nexport const DOCSLIST: A[] = [\n { text: '介绍', path: '/docs/introduce' },\n { text: '安装', path: '/docs/install' },\n { text: '快速上手', path: '/docs/start' },\n { text: '常见问题', path: '/docs/faq' },\n { text: '支持我们', path: '/docs/sponsor' },\n { text: '更新日志', path: '/docs/update' }\n]\n\nexport const COMPONENTSLIST: A[] = [\n { text: 'Affix 图钉', path: '/components/affix' },\n { text: 'Alert 警告提示', path: '/components/alert' },\n { text: 'Avatar 头像', path: '/components/avatar' },\n { text: 'BackTop 返回顶部', path: '/components/back-top' },\n { text: 'Badge 徽标', path: '/components/badge' },\n { text: 'Breadcrumb 面包屑', path: '/components/breadcrumb' },\n { text: 'Button 按钮', path: '/components/button' },\n { text: 'Card 卡片', path: '/components/card' },\n { text: 'Carousel 走马灯', path: '/components/carousel' },\n { text: 'Checkbox 多选框', path: '/components/checkbox' },\n { text: 'Circle 进度环', path: '/components/circle' },\n { text: 'Collapse 折叠面板', path: '/components/collapse' },\n { text: 'Color 色彩', path: '/components/color' },\n { text: 'CountDown 倒计时', path: '/components/count-down' },\n { text: 'Divider 分割线', path: '/components/divider' },\n { text: 'Drawer 抽屉', path: '/components/drawer' },\n { text: 'Dropdown 下拉菜单', path: '/components/dropdown' },\n { text: 'Empty 空状态', path: '/components/empty' },\n { text: 'Icon 图标', path: '/components/icon' },\n { text: 'InputNumber 数字输入框', path: '/components/input-number' },\n { text: 'Jumbotron 巨幕', path: '/components/jumbotron' },\n { text: 'LoadingBar 加载进度条', path: '/components/loading-bar' },\n { text: 'Message 全局提示', path: '/components/message' },\n { text: 'MiniModal 轻量提示框', path: '/components/mini-modal' },\n { text: 'Modal 模态框', path: '/components/modal' },\n { text: 'Notice 通知提醒框', path: '/components/notice' },\n { text: 'PageHeader 页头', path: '/components/page-header' },\n { text: 'Poptip 气泡提示', path: '/components/poptip' },\n { text: 'Progress 进度条', path: '/components/progress' },\n { text: 'Radio 单选框', path: '/components/radio' },\n { text: 'Result 结果', path: '/components/result' },\n { text: 'Skeleton 骨架屏', path: '/components/skeleton' },\n { text: 'Spin 加载中', path: '/components/spin' },\n { text: 'Steps 步骤条', path: '/components/steps' },\n { text: 'Switch 开关', path: '/components/switch' },\n { text: 'Tabs 选项卡', path: '/components/tabs' },\n { text: 'Tag 标签', path: '/components/tag' },\n { text: 'Time 相对时间', path: '/components/time' },\n { text: 'Timeline 时间轴', path: '/components/timeline' },\n { text: 'Tooltip 文字提示', path: '/components/tooltip' }\n]\n"
},
{
"path": "site/src/routers/index.ts",
"content": "import { createRouter, createWebHistory } from 'vue-router'\nimport Loading from '../../../src/components/loading-bar'\n\nconst routerHistory = createWebHistory()\nconst router = createRouter({\n history: routerHistory,\n routes: [\n {\n path: '/',\n meta: {\n title: 'Rabbit UI - 一个基于 JavaScript 的简洁 UI 组件库'\n },\n component: () => import('@/App.vue')\n },\n {\n path: '/docs',\n redirect: '/'\n },\n {\n path: '/components',\n redirect: '/'\n },\n {\n path: '/docs/introduce',\n meta: {\n title: '介绍'\n },\n component: () => import('pages/app/views/Introduce.vue')\n },\n {\n path: '/docs/install',\n meta: {\n title: '安装'\n },\n component: () => import('pages/app/views/Install.vue')\n },\n {\n path: '/docs/start',\n meta: {\n title: '快速上手'\n },\n component: () => import('pages/app/views/Start.vue')\n },\n {\n path: '/docs/update',\n meta: {\n title: '更新日志'\n },\n component: () => import('pages/app/views/Update.vue')\n },\n {\n path: '/docs/sponsor',\n meta: {\n title: '支持我们'\n },\n component: () => import('pages/app/views/Sponsor.vue')\n },\n {\n path: '/docs/faq',\n meta: {\n title: '常见问题'\n },\n component: () => import('pages/app/views/FAQ.vue')\n },\n {\n path: '/components/affix',\n meta: {\n title: '图钉'\n },\n component: () => import('pages/app/views/Affix.vue')\n },\n {\n path: '/components/alert',\n meta: {\n title: '警告提示'\n },\n component: () => import('pages/app/views/Alert.vue')\n },\n {\n path: '/components/avatar',\n meta: {\n title: '头像'\n },\n component: () => import('pages/app/views/Avatar.vue')\n },\n {\n path: '/components/back-top',\n meta: {\n title: '返回顶部'\n },\n component: () => import('pages/app/views/BackTop.vue')\n },\n {\n path: '/components/badge',\n meta: {\n title: '徽标'\n },\n component: () => import('pages/app/views/Badge.vue')\n },\n {\n path: '/components/breadcrumb',\n meta: {\n title: '面包屑'\n },\n component: () => import('pages/app/views/Breadcrumb.vue')\n },\n {\n path: '/components/button',\n meta: {\n title: '按钮'\n },\n component: () => import('pages/app/views/Button.vue')\n },\n {\n path: '/components/card',\n meta: {\n title: '卡片'\n },\n component: () => import('pages/app/views/Card.vue')\n },\n {\n path: '/components/carousel',\n meta: {\n title: '走马灯'\n },\n component: () => import('pages/app/views/Carousel.vue')\n },\n {\n path: '/components/checkbox',\n meta: {\n title: '复选框'\n },\n component: () => import('pages/app/views/Checkbox.vue')\n },\n {\n path: '/components/circle',\n meta: {\n title: '进度坏'\n },\n component: () => import('pages/app/views/Circle.vue')\n },\n {\n path: '/components/collapse',\n meta: {\n title: '折叠面板'\n },\n component: () => import('pages/app/views/Collapse.vue')\n },\n {\n path: '/components/color',\n meta: {\n title: '颜色'\n },\n component: () => import('pages/app/views/Color.vue')\n },\n {\n path: '/components/count-down',\n meta: {\n title: '倒计时'\n },\n component: () => import('pages/app/views/CountDown.vue')\n },\n {\n path: '/components/divider',\n meta: {\n title: '分割线'\n },\n component: () => import('pages/app/views/Divider.vue')\n },\n {\n path: '/components/drawer',\n meta: {\n title: '抽屉'\n },\n component: () => import('pages/app/views/Drawer.vue')\n },\n {\n path: '/components/dropdown',\n meta: {\n title: '下拉菜单'\n },\n component: () => import('pages/app/views/Dropdown.vue')\n },\n {\n path: '/components/empty',\n meta: {\n title: '空状态'\n },\n component: () => import('pages/app/views/Empty.vue')\n },\n {\n path: '/components/icon',\n meta: {\n title: '图标'\n },\n component: () => import('pages/app/views/Icon.vue')\n },\n {\n path: '/components/input-number',\n meta: {\n title: '数字输入框'\n },\n component: () => import('pages/app/views/InputNumber.vue')\n },\n {\n path: '/components/jumbotron',\n meta: {\n title: '巨幕'\n },\n component: () => import('pages/app/views/Jumbotron.vue')\n },\n {\n path: '/components/loading-bar',\n meta: {\n title: '加载进度条'\n },\n component: () => import('pages/app/views/LoadingBar.vue')\n },\n {\n path: '/components/message',\n meta: {\n title: '消息提示'\n },\n component: () => import('pages/app/views/Message.vue')\n },\n {\n path: '/components/mini-modal',\n meta: {\n title: '迷你模态框'\n },\n component: () => import('pages/app/views/MiniModal.vue')\n },\n {\n path: '/components/modal',\n meta: {\n title: '模态框'\n },\n component: () => import('pages/app/views/Modal.vue')\n },\n {\n path: '/components/notice',\n meta: {\n title: '通知提醒'\n },\n component: () => import('pages/app/views/Notice.vue')\n },\n {\n path: '/components/page-header',\n meta: {\n title: '页头'\n },\n component: () => import('pages/app/views/PageHeader.vue')\n },\n {\n path: '/components/poptip',\n meta: {\n title: '气泡提示'\n },\n component: () => import('pages/app/views/Poptip.vue')\n },\n {\n path: '/components/progress',\n meta: {\n title: '进度条'\n },\n component: () => import('pages/app/views/Progress.vue')\n },\n {\n path: '/components/radio',\n meta: {\n title: '单选框'\n },\n component: () => import('pages/app/views/Radio.vue')\n },\n {\n path: '/components/result',\n meta: {\n title: '结果'\n },\n component: () => import('pages/app/views/Result.vue')\n },\n {\n path: '/components/skeleton',\n meta: {\n title: '骨架屏'\n },\n component: () => import('pages/app/views/Skeleton.vue')\n },\n {\n path: '/components/spin',\n meta: {\n title: '加载中'\n },\n component: () => import('pages/app/views/Spin.vue')\n },\n {\n path: '/components/steps',\n meta: {\n title: '步骤条'\n },\n component: () => import('pages/app/views/Steps.vue')\n },\n {\n path: '/components/switch',\n meta: {\n title: '开关'\n },\n component: () => import('pages/app/views/Switch.vue')\n },\n {\n path: '/components/tabs',\n meta: {\n title: '选项卡'\n },\n component: () => import('pages/app/views/Tabs.vue')\n },\n {\n path: '/components/tag',\n meta: {\n title: '标签'\n },\n component: () => import('pages/app/views/Tag.vue')\n },\n {\n path: '/components/time',\n meta: {\n title: '相对时间'\n },\n component: () => import('pages/app/views/Time.vue')\n },\n {\n path: '/components/timeline',\n meta: {\n title: '时间轴'\n },\n component: () => import('pages/app/views/Timeline.vue')\n },\n {\n path: '/components/tooltip',\n meta: {\n title: '文字提示'\n },\n component: () => import('pages/app/views/Tooltip.vue')\n }\n ]\n})\n\nexport default router\n\nrouter.beforeEach((to, from, next) => {\n if (to.meta.title) {\n document.title = to.meta.title as string\n }\n Loading.start()\n next()\n})\nrouter.afterEach(() => {\n Loading.finish()\n window.scrollTo(0, 0)\n})\n"
},
{
"path": "site/src/shims-vue.d.ts",
"content": "declare module '*.vue' {\n import { DefineComponent } from 'vue'\n const component: DefineComponent<{}, {}, any>\n export default component\n}\n"
},
{
"path": "site/tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"target\": \"esnext\",\n \"module\": \"esnext\",\n \"moduleResolution\": \"node\",\n \"strict\": true,\n \"jsx\": \"preserve\",\n \"sourceMap\": true,\n \"resolveJsonModule\": true,\n \"esModuleInterop\": true,\n \"lib\": [\"esnext\", \"dom\"],\n \"types\": [\"vite/client\"]\n },\n \"include\": [\"src/**/*.ts\", \"src/**/*.d.ts\", \"src/**/*.tsx\", \"src/**/*.vue\"]\n}\n"
},
{
"path": "site/vite.config.ts",
"content": "import vue from '@vitejs/plugin-vue'\nimport path from 'path'\nimport { defineConfig } from 'vite'\nimport viteCompression from 'vite-plugin-compression'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n base: '/',\n build: {\n rollupOptions: {\n output: {\n manualChunks(id) {\n if (id.includes('node_modules')) {\n // 让每个插件都打包成独立的文件\n return id.toString().split('node_modules/')[1].split('/')[0].toString()\n }\n }\n },\n plugins: [\n viteCompression({\n verbose: true, // 是否在控制台中输出压缩结果\n disable: false,\n threshold: 10240, // 如果体积大于阈值，将被压缩，单位为b，体积过小时请不要压缩，以免适得其反\n algorithm: 'gzip', // 压缩算法，可选['gzip'，' brotliccompress '，'deflate '，'deflateRaw']\n ext: '.gz',\n deleteOriginFile: true // 源文件压缩后是否删除(我为了看压缩后的效果，先选择了true)\n })\n ]\n }\n },\n resolve: {\n alias: {\n '@': path.resolve(__dirname, 'src'),\n pages: path.resolve(__dirname, 'src/pages')\n }\n },\n plugins: [vue()]\n})\n"
},
{
"path": "some-log.md",
"content": "## 设计思路\n\n- 整个项目使用的设计模式主要是构造函数模式（创建一个对象使这个对象指向实例对象的类）\n\n\n\n- 组件标签命名方式为 `
`\n\n\n\n- 每个组件都有它自己的实例类，在使用前需要先实例化，也有个别特殊的不需要先实例化\n\n\n\n- 实例方式为 `new Rabbit.Xxx()`，如果是按需引入的则为 `new Xxx()`\n\n\n\n- 大部分组件都设有响应式的api，用于异步更新该dom的内容（尤其是在进度条这类需要异步更新数值的组件），其内部通过class的代理(get set)实现\n\n\n\n- 组件实例的 `config` 方法的参数为传入对应组件的选择器，单独进行配置操作，提供的配置项的数据一旦发生变动除了函数方法，就会实时更新到DOM中\n\n## 优化总结：\n\n- 1.时间组件原本使用的是`monent.js`，但是由于该库体积较大并且要使用到的功能也不多，所以改用体积小并且很好的支持按需引入 的`day.js`，以此减少整个项目体积\n\n \n\n- 2.`message`和`notice`组件原本关闭后的回调事件是通过在配置对象里的`onClose`选项，但这会造成回调过多的问题，promise解决\n\n \n\n- 3.更新元素的时候有个问题，当字符串模板里的动态数据发生变动时，会导致整个模板重新渲染造成频繁的`innerHTML`插入，使性能下降，为了解决这个问题：*1.字符串模板里不应添加有动态变量，而是将固定不变的结构插入DOM中，这样就不会受到每次变量改变而重新渲染的问题；` `2.结构插入页面后，通过元素选择器精准的获取某个节点并对其进行DOM操作，这样只对整体里的某一下部分进行改变，而不涉及整体。*\n\n \n\n- 4.项目最初的时候所有组件的实例化都在内部帮使用者完成了，但是有问题：*不管组件有没有使用到其对应的内部方法都会执行，增加了不必要的代码执行降低了性能，解决办法是让使用者手动去实例化。*\n\n\n\n- 5.整个库的尺寸上利用`Tree-shaking`，确保当一些代码和第三方依赖没有使用的时候就不会被打包到最终的代码里"
},
{
"path": "src/build-umd.ts",
"content": "/**\n * 用于打包构建 umd 模块，\n * 导出含有 Rabbit 的全局变量，使得相关 api 能够被调用，\n * 主要用于浏览器环境下通过 script 标签引入的方式使用。\n */\n\nimport * as Rabbit from './rabbit-simple-ui';\nimport './styles/index.less';\n\n// @ts-ignore\nexport default window.Rabbit = Rabbit;\n"
},
{
"path": "src/components/affix/affix.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n createElem,\n getBooleanTypeAttr,\n getNumTypeAttr,\n removeAttrs,\n setCss\n} from '../../dom-utils';\nimport { type } from '../../utils';\nimport PREFIX from '../prefix';\n\nfunction getScroll(target: Window, top?: boolean): number {\n const prop = top ? 'pageYOffset' : 'pageXOffset';\n const method = top ? 'scrollTop' : 'scrollLeft';\n\n let ret = target[prop];\n\n if (typeof ret !== 'number') {\n ret = window.document.documentElement[method];\n }\n\n return ret;\n}\n\nfunction getOffset(\n element: HTMLElement\n): {\n top: number;\n left: number;\n} {\n const rect = element.getBoundingClientRect();\n\n const scrollTop = getScroll(window, true);\n const scrollLeft = getScroll(window);\n\n const docEl = window.document.body;\n const clientTop = docEl.clientTop || 0;\n const clientLeft = docEl.clientLeft || 0;\n\n return {\n top: rect.top + scrollTop - clientTop,\n left: rect.left + scrollLeft - clientLeft\n };\n}\n\ninterface Config {\n config(\n el: string\n ): {\n events({ onChange }: AffixEvent): void;\n };\n}\n\ninterface AffixEvent {\n onChange?: (affixed: boolean) => void;\n}\n\nclass Affix implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf
;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-affix', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n events({ onChange }: AffixEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n const { offsetTop, offsetBottom } = Affix.prototype._attrs(target);\n\n const elOffset = getOffset(target);\n const elHeight = target.offsetHeight;\n const windowHeight = window.innerHeight;\n\n let affixed = false,\n offsetType = 'top';\n\n if (offsetBottom >= 0) {\n offsetType = 'bottom';\n }\n\n return {\n events({ onChange }) {\n const handler = () => {\n const isAffix: boolean = target.classList.contains(`${PREFIX.affix}`);\n const scrollTop = getScroll(window, true);\n\n // 固定到顶部时触发事件\n if (elOffset.top - offsetTop < scrollTop && offsetType == 'top' && !isAffix) {\n affixed = true;\n onChange && type.isFn(onChange, affixed);\n } else if (\n elOffset.top - offsetTop > scrollTop &&\n offsetType == 'top' &&\n affixed\n ) {\n affixed = false;\n onChange && type.isFn(onChange, affixed);\n }\n\n // 固定到底部时触发事件\n if (\n elOffset.top + offsetBottom + elHeight > scrollTop + windowHeight &&\n offsetType == 'bottom' &&\n !affixed\n ) {\n affixed = true;\n onChange && type.isFn(onChange, affixed);\n } else if (\n elOffset.top + offsetBottom + elHeight < scrollTop + windowHeight &&\n offsetType == 'bottom' &&\n affixed\n ) {\n affixed = false;\n onChange && type.isFn(onChange, affixed);\n }\n };\n\n handler();\n\n // 这里 useCapture 选项设置为 true 解决了被下面同样的滚动监听覆盖的 bug\n // 相当于提高了事件触发优先级\n window.addEventListener('scroll', handler, true);\n window.addEventListener('resize', handler, true);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { offsetTop, offsetBottom, useCapture } = this._attrs(node);\n\n const wrapper = createElem('div');\n const cloneElm = this._createCloneElm(wrapper);\n\n node.after(wrapper);\n wrapper.appendChild(node);\n\n this._handleScroll(node, cloneElm, offsetTop, offsetBottom, useCapture);\n\n removeAttrs(node, ['offset-top', 'offset-bottom', 'use-capture']);\n });\n }\n\n private _createCloneElm(node: HTMLElement): HTMLElement {\n const element = createElem('div');\n setCss(element, 'display', 'none');\n node.after(element);\n return element;\n }\n\n private _handleScroll(\n node: HTMLElement,\n cloneElm: HTMLElement,\n offsetTop: number,\n offsetBottom: number,\n useCapture: boolean\n ): void {\n const container = node.parentElement!;\n\n const elOffset = getOffset(node);\n const elHeight = node.offsetHeight;\n\n const windowHeight = window.innerHeight;\n\n let affix = false,\n top: string,\n left: string,\n width: string,\n bottom: string,\n offsetType = 'top',\n cloneElmWidth: string,\n cloneElmHeight: string,\n display: string;\n\n if (offsetBottom >= 0) {\n offsetType = 'bottom';\n }\n\n const scroll = () => {\n const isAffix: boolean = node.classList.contains(`${PREFIX.affix}`);\n const scrollTop = getScroll(window, true);\n\n // 固定到顶部\n if (elOffset.top - offsetTop < scrollTop && offsetType == 'top' && !isAffix) {\n affix = true;\n display = '';\n top = `${offsetTop}px`;\n left = `${elOffset.left}px`;\n width = `${container.offsetWidth}px`;\n cloneElmWidth = `${node.clientWidth}px`;\n cloneElmHeight = `${node.clientHeight}px`;\n node.classList.add(`${PREFIX.affix}`);\n } else if (elOffset.top - offsetTop > scrollTop && offsetType == 'top' && affix) {\n top = '';\n left = '';\n width = '';\n affix = false;\n display = 'none';\n cloneElmWidth = '';\n cloneElmHeight = '';\n node.classList.remove(`${PREFIX.affix}`);\n }\n\n // 固定到底部\n if (\n elOffset.top + offsetBottom + elHeight > scrollTop + windowHeight &&\n offsetType == 'bottom' &&\n !affix\n ) {\n affix = true;\n left = `${elOffset.left}px`;\n width = `${container.offsetWidth}px`;\n bottom = `${offsetBottom}px`;\n node.classList.add(`${PREFIX.affix}`);\n } else if (\n elOffset.top + offsetBottom + elHeight < scrollTop + windowHeight &&\n offsetType == 'bottom' &&\n affix\n ) {\n affix = false;\n left = '';\n width = '';\n bottom = '';\n node.classList.remove(`${PREFIX.affix}`);\n }\n\n setCss(node, 'top', top);\n setCss(node, 'left', left);\n setCss(node, 'width', width);\n setCss(node, 'bottom', bottom);\n\n setCss(cloneElm, 'width', cloneElmWidth);\n setCss(cloneElm, 'height', cloneElmHeight);\n setCss(cloneElm, 'display', display);\n };\n\n scroll();\n\n window.addEventListener('scroll', scroll, useCapture);\n window.addEventListener('resize', scroll, useCapture);\n }\n\n private _attrs(node: HTMLElement) {\n return {\n offsetTop: getNumTypeAttr(node, 'offset-top', 0),\n offsetBottom: getNumTypeAttr(node, 'offset-bottom'),\n useCapture: getBooleanTypeAttr(node, 'use-capture')\n };\n }\n}\n\nexport default Affix;\n"
},
{
"path": "src/components/affix/index.ts",
"content": "import Affix from './affix';\nexport default Affix;\n"
},
{
"path": "src/components/alert/alert.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n bind,\n createElem,\n getBooleanTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setHtml\n} from '../../dom-utils';\nimport { moreThanOneNode, warn } from '../../mixins';\nimport { destroyElem, type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n title: string;\n icon: string;\n events({ onClose }: AlertEvent): void;\n };\n}\n\ninterface AlertEvent {\n onClose?: (event: MouseEvent) => void;\n}\n\nclass Alert implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-alert', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n title: string;\n icon: string;\n events({ onClose }: AlertEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'alert');\n\n const AlertTitle = target.querySelector(`.${PREFIX.alert}-title`)!;\n const AlertIcon = target.querySelector(`.${PREFIX.alert}-icon`)!;\n\n return {\n get title() {\n return setHtml(AlertTitle);\n },\n set title(newVal: string) {\n if (newVal && !type.isStr(newVal)) return;\n setHtml(AlertTitle, newVal);\n },\n\n get icon() {\n return setHtml(AlertIcon);\n },\n set icon(newVal: string) {\n if (!AlertIcon) {\n warn(`You need to set the \"show-icon\" attribute to \"true\" --> \"${el}\"`);\n return;\n }\n if (newVal && !type.isStr(newVal)) return;\n setHtml(AlertIcon, newVal);\n },\n\n events({ onClose }: AlertEvent) {\n const AlertClose = target.querySelector(`.${PREFIX.alert}-close`)!;\n if (!AlertClose) return;\n bind(AlertClose, 'click', (event: Event) => onClose && type.isFn(onClose, event));\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n if (moreThanOneNode(node)) return;\n\n const { icon, type, title, closable, banner, showIcon, closeText } = this._attrs(node);\n const placeholderNode = node.firstElementChild;\n\n this._setMainTemplate(node, title);\n this._setBanner(node, banner);\n this._setIconType(node, type, showIcon, icon, placeholderNode);\n this._setDescription(node, placeholderNode);\n this._setClosable(node, closable, closeText);\n this._handleClose(node);\n\n removeAttrs(node, ['title', 'icon', 'banner', 'closable', 'close-text', 'show-icon']);\n });\n }\n\n private _setMainTemplate(node: Element, title: string) {\n const template = `\n ${title}
\n
\n `;\n setHtml(node, template);\n }\n\n private _setBanner(node: Element, banner: boolean): void {\n if (!banner) return;\n node.classList.add(`${PREFIX.alert}-with-banner`);\n }\n\n private _setIconType(\n node: Element,\n type: string,\n showIcon: boolean,\n icon: string,\n desc: Element | null\n ): void {\n if (!showIcon) return;\n\n node.classList.add(`${PREFIX.alert}-with-icon`);\n\n const AlertIconWrap = createElem('span');\n AlertIconWrap.className = `${PREFIX.alert}-icon`;\n\n if (icon) {\n setHtml(AlertIconWrap, icon);\n } else {\n // 默认为 info 图标\n let iconType = 'information-circle';\n\n switch (type) {\n case 'success':\n iconType = 'checkmark-circle';\n break;\n case 'warning':\n iconType = 'alert';\n break;\n case 'error':\n iconType = 'close-circle';\n break;\n }\n\n if (desc) {\n iconType += '-outline';\n }\n\n const AlertIcon = `\n ${!closeText ? ` `;\n\n node.insertAdjacentHTML('beforeend', AlertClose);\n }\n\n private _handleClose(node: Element): void {\n const AlertIcon = node.querySelector(`.${PREFIX.alert}-close`);\n if (!AlertIcon) return;\n bind(AlertIcon, 'click', () => destroyElem(node, { fadeOut: true, destroy: true }));\n }\n\n private _attrs(node: Element) {\n return {\n icon: getStrTypeAttr(node, 'icon', ''),\n type: getStrTypeAttr(node, 'type', 'info'),\n title: getStrTypeAttr(node, 'title', ''),\n closeText: getStrTypeAttr(node, 'close-text', ''),\n banner: getBooleanTypeAttr(node, 'banner'),\n closable: getBooleanTypeAttr(node, 'closable'),\n showIcon: getBooleanTypeAttr(node, 'show-icon')\n };\n }\n}\n\nexport default Alert;\n"
},
{
"path": "src/components/alert/index.ts",
"content": "import Alert from './alert';\nexport default Alert;\n"
},
{
"path": "src/components/avatar/avatar.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { $el, bind, getStrTypeAttr, removeAttrs, setCss, setHtml } from '../../dom-utils';\nimport { warn } from '../../mixins';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n events({ onError }: AvatarEvent): void;\n };\n}\n\ninterface AvatarEvent {\n onError: (event: Event) => void;\n}\n\nclass Avatar implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-avatar', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n events({ onError }: AvatarEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'avatar');\n\n const AvatarImage = target.querySelector('img');\n\n return {\n events({ onError }: AvatarEvent) {\n if (!AvatarImage) {\n warn(\n `Unable to add an event where the image failed to load for the current avatar --> \"${el}\"`\n );\n return;\n }\n\n bind(AvatarImage, 'error', (event: Event) => onError && type.isFn(onError, event));\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { icon, src, alt, size } = this._attrs(node);\n\n this._setSize(node, size);\n this._setIcon(node, icon);\n this._setImage(node, src, alt);\n this._setText(node, icon, src);\n\n removeAttrs(node, ['icon', 'src', 'alt']);\n });\n }\n\n private _setSize(node: Element, size: string): void {\n if (!size) return;\n\n const _size = Number(size);\n\n if (!_size) return;\n\n setCss(node, 'width', `${_size}px`);\n setCss(node, 'height', `${_size}px`);\n setCss(node, 'fontSize', `${_size / 2}px`);\n\n node.removeAttribute('size');\n }\n\n private _setIcon(node: Element, icon: string): void {\n if (!icon) return;\n\n node.classList.add(`${PREFIX.avatar}-icon`);\n\n const AvatarIcon = `${text} `;\n\n setHtml(node, AvatarText);\n\n this._setScale(node);\n }\n\n // 防止字符型头像的字体溢出边界\n private _setScale(node: Element) {\n const children = node.querySelector(`.${PREFIX.avatar}-string`)! as HTMLElement;\n\n if (!children) return;\n\n const avatarWidth = node.getBoundingClientRect().width;\n const childrenWidth = children.offsetWidth;\n\n if (avatarWidth - 8 < childrenWidth) {\n const newScale = `scale(${(avatarWidth - 8) / childrenWidth}) translateX(-50%)`;\n setCss(children, 'transform', `${newScale}`);\n } else {\n setCss(children, 'transform', 'scale(1) translateX(-50%)');\n }\n }\n\n private _attrs(node: Element) {\n return {\n icon: getStrTypeAttr(node, 'icon', ''),\n src: getStrTypeAttr(node, 'src', ''),\n alt: getStrTypeAttr(node, 'alt', ''),\n size: getStrTypeAttr(node, 'size', '')\n };\n }\n}\n\nexport default Avatar;\n"
},
{
"path": "src/components/avatar/index.ts",
"content": "import Avatar from './avatar';\nexport default Avatar;\n"
},
{
"path": "src/components/back-top/back-top.ts",
"content": "import { $el, bind, getNumTypeAttr, removeAttrs, setCss, setHtml } from '../../dom-utils';\nimport PREFIX from '../prefix';\n\nclass BackTop {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-back-top', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { right, bottom, height, duration } = this._attrs(node);\n\n this._setRight(node, right);\n this._setBottom(node, bottom);\n this._setAppearance(node);\n\n this._handleScroll(node, height);\n this._handleClick(node, duration);\n\n removeAttrs(node, ['right', 'bottom', 'height', 'duration']);\n });\n }\n\n private _setRight(node: Element, right: number): void {\n setCss(node, 'right', `${right}px`);\n }\n\n private _setBottom(node: Element, bottom: number): void {\n setCss(node, 'bottom', `${bottom}px`);\n }\n\n private _setAppearance(node: Element): void {\n if (setHtml(node) && setHtml(node) !== ' ') {\n setHtml(node, node.innerHTML);\n } else {\n const template = `\n
`;\n\n setHtml(node, template);\n }\n }\n\n private _handleScroll(node: Element, height: number): void {\n const visable = (y: number) => {\n const scrollY = Math.floor(y);\n const visibilityHeight = Math.floor(height);\n\n // 判断页面是否滚动到指定显示的高度\n scrollY >= visibilityHeight\n ? setCss(node, 'display', 'block')\n : setCss(node, 'display', '');\n };\n\n bind(window, 'scroll', () => {\n visable(window.scrollY);\n });\n }\n\n private _handleClick(node: Element, duration: number): void {\n bind(node, 'click', () => {\n const sTop: number = document.documentElement.scrollTop || document.body.scrollTop;\n this._scrollTop(window, sTop, 0, duration);\n });\n }\n\n private _scrollTop(el: any, from: number, to: number, duration: number) {\n if (!window.requestAnimationFrame) {\n window.requestAnimationFrame =\n window.webkitRequestAnimationFrame ||\n // @ts-ignore\n window.mozRequestAnimationFrame ||\n // @ts-ignore\n window.msRequestAnimationFrame ||\n function (callback) {\n return window.setTimeout(callback, 1000 / 60);\n };\n }\n\n const difference = Math.abs(from - to);\n const step = Math.ceil((difference / duration) * 25);\n\n const scroll = (start: number, end: number, step: number) => {\n let d = start + step > end ? end : start + step;\n\n if (start <= end && d == 0) return;\n\n d = start - step < end ? end : start - step;\n\n el === window ? window.scrollTo(d, d) : (el.scrollTop = d);\n\n window.requestAnimationFrame(() => scroll(d, end, step));\n };\n\n scroll(from, to, step);\n }\n\n private _attrs(node: Element) {\n return {\n right: getNumTypeAttr(node, 'right', 30),\n bottom: getNumTypeAttr(node, 'bottom', 30),\n height: getNumTypeAttr(node, 'height', 400),\n duration: getNumTypeAttr(node, 'duration', 500)\n };\n }\n}\n\nexport default BackTop;\n"
},
{
"path": "src/components/back-top/index.ts",
"content": "import BackTop from './back-top';\nexport default BackTop;\n"
},
{
"path": "src/components/badge/badge.ts",
"content": "import { warn } from '../../mixins';\nimport { $el, createElem, removeAttrs, setCss, setHtml, setText } from '../../dom-utils';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n count: number;\n text: string;\n dot: boolean;\n };\n}\n\nclass Badge implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-badge', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n count: number;\n text: string;\n dot: boolean;\n } {\n const target = $el(el);\n\n validComps(target, 'badge');\n\n const countContainer = target.querySelector(`.${PREFIX.badge}-count`);\n const dotContainer = target.querySelector(`.${PREFIX.badge}-dot`);\n\n const { _getMaxCount, _showZero, _setMaxCount } = Badge.prototype;\n\n const maxCount = _getMaxCount(target);\n const showZero = _showZero(target);\n\n return {\n get count() {\n return countContainer?.textContent;\n },\n set count(newVal: number) {\n if (countContainer && type.isNum(newVal)) {\n if (newVal > maxCount) {\n _setMaxCount(countContainer, maxCount);\n } else {\n setText(countContainer, `${newVal}`);\n\n if (newVal <= 0 && !showZero) {\n setCss(countContainer, 'display', 'none');\n } else {\n setCss(countContainer, 'display', '');\n }\n }\n } else {\n warn(`The count value of this badge cannot be set --> \"${el}\"`);\n }\n },\n get text() {\n return countContainer?.textContent;\n },\n set text(newVal: string) {\n if (!type.isStr(newVal)) {\n warn(`The text value of this badge cannot be set --> \"${el}\"`);\n return;\n }\n\n setText(countContainer, newVal);\n },\n get dot() {\n return dotContainer;\n },\n set dot(newVal: boolean) {\n if (!dotContainer) {\n warn(`Unable to set this badge to dot --> \"${el}\"`);\n return;\n }\n\n if (type.isBol(newVal) && newVal) {\n setCss(dotContainer, 'display', '');\n } else {\n setCss(dotContainer, 'display', 'none');\n }\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n this._setCount(node);\n this._setStatusWithColor(node);\n\n removeAttrs(node, [\n 'count',\n 'text',\n 'status',\n 'color',\n 'show-zero',\n 'max-count',\n 'dot'\n ]);\n });\n }\n\n private _setCount(node: Element): void {\n const count = this._getCount(node);\n const maxCount = this._getMaxCount(node);\n\n const BadgeCount = createElem('sup');\n BadgeCount.className = `${PREFIX.badge}-count`;\n\n if (count || count === 0) {\n // 显示的数字大于maxCount时，显示${maxCount}+\n if (count > maxCount) {\n this._setMaxCount(BadgeCount, maxCount);\n } else {\n // 数字为 0 时隐藏或者展示 Badge\n if (count <= 0 && !this._showZero(node)) {\n setCss(BadgeCount, 'display', 'none');\n } else {\n setText(BadgeCount, `${count}`);\n }\n }\n this._setDot(node, BadgeCount);\n }\n\n if (!this._getStatus(node) && !this._getColor(node)) {\n node.appendChild(BadgeCount);\n // 状态点外观不需要设置为独立展示\n this._setAlone(BadgeCount);\n }\n\n this._setText(node, BadgeCount);\n this._setOffset(node, BadgeCount);\n }\n\n private _setMaxCount(node: Element, maxCount: number): void {\n setText(node, `${maxCount}+`);\n }\n\n private _setDot(node: Element, children: HTMLElement): void {\n if (!this._showDot(node)) return;\n\n // 设置为小红点则不显示任何计数内容\n setHtml(children, '');\n setCss(children, 'display', '');\n\n children.className = `${PREFIX.badge}-dot`;\n }\n\n private _setText(parent: Element, children: HTMLElement): void {\n // 区分与标签属性 status 或 color 配合的 text 属性\n if (!this._getStatus(parent) && !this._getColor(parent)) {\n const text = this._getText(parent);\n if (text) {\n setCss(children, 'display', '');\n setText(children, text);\n }\n }\n }\n\n private _setAlone(children: Element): void {\n if (!children.previousElementSibling) {\n children.classList.add(`${PREFIX.badge}-count-alone`);\n }\n }\n\n private _setOffset(parent: Element, children: HTMLElement) {\n const offset = this._getOffset(parent);\n\n setCss(children, 'marginTop', `${offset?.x}px`);\n setCss(children, 'marginRight', `${offset?.y}px`);\n }\n\n private _setStatusWithColor(node: Element): void {\n const status = this._getStatus(node);\n const color = this._getColor(node);\n const text = this._getText(node);\n\n if (!status && !color) return;\n\n const BadgeStatusDot = createElem('span');\n const BadgeStatusText = createElem('span');\n\n if ((text && status) || (text && color)) setText(BadgeStatusText, text);\n\n let statusCls: string;\n let colorCls = '';\n\n status ? (statusCls = `${PREFIX.badge}-status-${status}`) : (statusCls = '');\n\n // 设置更多预设的状态点颜色，或者自定义颜色\n const colorType = [\n 'blue',\n 'green',\n 'red',\n 'yellow',\n 'magenta',\n 'volcano',\n 'orange',\n 'gold',\n 'lime',\n 'cyan',\n 'geekblue',\n 'purple'\n ];\n\n if (colorType.includes(color)) {\n colorCls = `${PREFIX.badge}-status-${color}`;\n } else {\n setCss(BadgeStatusDot, 'backgroundColor', color);\n }\n\n BadgeStatusDot.className = `${PREFIX.badge}-status-dot ${statusCls} ${colorCls}`;\n BadgeStatusText.className = `${PREFIX.badge}-status-text`;\n\n node.append(BadgeStatusDot, BadgeStatusText);\n }\n\n private _getCount(node: Element) {\n return Number(node.getAttribute('count'));\n }\n\n private _getMaxCount(node: Element): number {\n return Number(node.getAttribute('max-count')) || 99;\n }\n\n private _getOffset(\n node: Element\n ):\n | {\n x: any | number;\n y: any | number;\n }\n | undefined {\n // 转为真实数组，如果赋值是 offset = ['0','1'] 这样的则会报错\n const offset = JSON.parse(node.getAttribute('offset') || '[]');\n\n // 如果是数组，那么不论写了多少个值都只返回前两个\n if (type.isArr(offset) && offset.length > 0) {\n return {\n x: offset[0],\n y: offset[1]\n };\n }\n }\n\n private _getStatus(node: Element): string {\n return node.getAttribute('status') || '';\n }\n\n private _getColor(node: Element): string {\n return node.getAttribute('color') || '';\n }\n\n private _getText(node: Element): string {\n return node.getAttribute('text') || '';\n }\n\n private _showZero(node: Element): boolean {\n return node.getAttribute('show-zero') === 'true';\n }\n\n private _showDot(node: Element): boolean {\n return node.getAttribute('dot') === 'true';\n }\n}\n\nexport default Badge;\n"
},
{
"path": "src/components/badge/index.ts",
"content": "import Badge from './badge';\nexport default Badge;\n"
},
{
"path": "src/components/breadcrumb/breadcrumb.ts",
"content": "import { $el, createElem, getStrTypeAttr, removeAttrs, setCss, setHtml } from '../../dom-utils';\nimport PREFIX from '../prefix';\n\nclass Breadcrumb {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-breadcrumb', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n const { separator } = this._attrs(node);\n\n this._createItem(node, separator);\n\n removeAttrs(node, ['separator']);\n });\n }\n\n private _createItem(node: Element, separator: string): void {\n const { children } = node;\n const Fragment = document.createDocumentFragment();\n\n Array.from(children).forEach((child) => {\n const Wrapper = createElem('span');\n const Separator = createElem('span');\n\n Separator.className = `${PREFIX.breadcrumb}-item-separator`;\n // 设置分隔符\n setHtml(Separator, `${separator}`);\n\n child.classList.add(`${PREFIX.breadcrumb}-item-link`);\n // 初始化为行内块样式\n setCss(child, 'display', 'inline-block');\n\n Wrapper.append(child, Separator);\n Fragment.appendChild(Wrapper);\n });\n\n node.appendChild(Fragment);\n }\n\n private _attrs(node: Element) {\n return {\n separator: getStrTypeAttr(node, 'separator', '/')\n };\n }\n}\n\nexport default Breadcrumb;\n"
},
{
"path": "src/components/breadcrumb/index.ts",
"content": "import Breadcrumb from './breadcrumb';\nexport default Breadcrumb;\n"
},
{
"path": "src/components/button/button.ts",
"content": "import {\n $el,\n createElem,\n getBooleanTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string | Element\n ): {\n loading: boolean;\n };\n}\n\nclass Button implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = '1.1.1';\n this.COMPONENTS = $el(`.${PREFIX.button}`, { all: true });\n this._getAllBtns(this.COMPONENTS);\n }\n\n public config(\n el: string | Element\n ): {\n loading: boolean;\n } {\n const target = typeof el === 'string' ? $el(el) : el;\n validComps(target, 'button');\n\n return {\n get loading() {\n return this.loading;\n },\n set loading(newVal) {\n if (newVal && !type.isBol(newVal)) return;\n Button.prototype._setLoading(target, false, newVal);\n }\n };\n }\n\n private _getAllBtns(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { icon, loading } = this._attrs(node);\n this._setIcon(node, icon);\n this._setLoading(node, true, loading);\n removeAttrs(node, ['icon', 'loading']);\n });\n }\n\n private _setIcon(node: Element, icon: string): void {\n if (!icon) return;\n if (node.innerHTML === '') {\n node.classList.add(`${PREFIX.button}-icon-only`);\n const ButtonIcon = `\n ;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-card', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n title: string;\n extra: string;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'card');\n\n const CardHead = target.querySelector(`.${PREFIX.card}-head`)!;\n const CardExtra = target.querySelector(`.${PREFIX.card}-extra`)!;\n\n return {\n get title() {\n return setHtml(CardHead);\n },\n set title(newVal: string) {\n if (newVal && !type.isStr(newVal)) return;\n setHtml(CardHead, newVal);\n },\n get extra() {\n return setHtml(CardExtra);\n },\n set extra(newVal: string) {\n if (newVal && !type.isStr(newVal)) return;\n setHtml(CardExtra, newVal);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n if (moreThanOneNode(node)) return;\n\n const placeholderNode = node.firstElementChild!;\n const { title, extra, shadow, noBorder, disHover } = this._attrs(node);\n\n this._isShowBordered(node, noBorder);\n this._isShowShadow(node, shadow);\n this._isDisHover(node, disHover);\n\n this._setHead(node, title);\n this._setBody(node, placeholderNode);\n this._setExtra(node, extra);\n\n removeAttrs(node, ['title', 'extra', 'shadow', 'dis-hover', 'bordered']);\n });\n }\n\n private _isShowBordered(node: Element, noBorder: boolean): void {\n if (!noBorder) return;\n node.classList.add(`${PREFIX.card}-no-border`);\n }\n\n private _isShowShadow(node: Element, shadow: boolean): void {\n if (!shadow) return;\n node.classList.add(`${PREFIX.card}-shadow`);\n }\n\n private _isDisHover(node: Element, disHover: boolean): void {\n if (!disHover) return;\n node.classList.add(`${PREFIX.card}-dis-hover`);\n }\n\n private _setHead(node: Element, title: string): void {\n if (!title) return;\n\n const CardHeadTemplate = `${title}
`;\n node.insertAdjacentHTML('afterbegin', CardHeadTemplate);\n }\n\n private _setBody(node: Element, placeholderNode: Element): void {\n const Fragment = document.createDocumentFragment();\n const CardBody = createElem('div');\n\n CardBody.className = `${PREFIX.card}-body`;\n CardBody.appendChild(placeholderNode);\n\n Fragment.appendChild(CardBody);\n node.appendChild(Fragment);\n }\n\n private _setExtra(node: Element, extra: string): void {\n if (!extra) return;\n\n const CardExtraTemplate = ``;\n node.insertAdjacentHTML('beforeend', CardExtraTemplate);\n }\n\n private _attrs(node: Element) {\n return {\n title: getStrTypeAttr(node, 'title', ''),\n extra: getStrTypeAttr(node, 'extra', ''),\n shadow: getBooleanTypeAttr(node, 'shadow'),\n disHover: getBooleanTypeAttr(node, 'dis-hover'),\n noBorder: getBooleanTypeAttr(node, 'no-border')\n };\n }\n}\n\nexport default Card;\n"
},
{
"path": "src/components/card/index.ts",
"content": "import Card from './card';\nexport default Card;\n"
},
{
"path": "src/components/carousel/carousel.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n bind,\n createElem,\n getBooleanTypeAttr,\n getNumTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml,\n siblings\n} from '../../dom-utils';\nimport { moreThanOneNode } from '../../mixins';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n events({ onClick, onChange }: CarouselEvents): void;\n };\n}\n\ninterface CarouselEvents {\n // 点击幻灯片时触发，返回索引值\n onClick?: (index: number) => void;\n // 幻灯片切换时触发，目前激活的幻灯片的索引，原幻灯片的索引\n onChange?: ([oldValue, value]: [number, number]) => void;\n}\n\nconst AUTOPLAYSPEED = 2000;\nconst DURATION = 520;\n\nclass Carousel implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-carousel', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n events({ onClick, onChange }: CarouselEvents): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'carousel');\n\n const { _attrs } = Carousel.prototype;\n const { autoplay, autoplaySpeed, hoverPause } = _attrs(target);\n\n return {\n events({ onClick, onChange }: CarouselEvents) {\n const elems = target.querySelectorAll(`.${PREFIX.carousel}-item`);\n const LeftArrow = target.querySelector(`.${PREFIX.carousel}-arrow.left`);\n const RightArrow = target.querySelector(`.${PREFIX.carousel}-arrow.right`);\n const lastIndex = elems.length - 1;\n\n const handleChange = (\n siblingType: 'nextElementSibling' | 'previousElementSibling',\n newSetElem: Element\n ) => {\n const oldActiveElem = target.querySelector(\n `.${PREFIX.carousel}-item.active`\n )! as HTMLElement;\n\n const activeElem = oldActiveElem[siblingType] || newSetElem;\n\n const oldValue = Number(oldActiveElem.dataset['index']);\n // @ts-ignore\n const value = Number(activeElem.dataset['index']);\n\n onChange && type.isFn(onChange, [oldValue, value]);\n };\n\n const autoPlayUseChangeEvent = () => {\n if (!autoplay) return;\n\n let eventTimer: any = null;\n\n const startEvent = () => {\n eventTimer = window.setInterval(() => {\n handleChange('nextElementSibling', elems[0]);\n }, autoplaySpeed);\n };\n\n const pauseEvent = () =>\n eventTimer ? window.clearInterval(eventTimer) : false;\n\n startEvent();\n\n if (hoverPause === 'false') return;\n\n bind(target, 'mouseenter', () => pauseEvent());\n bind(target, 'mouseleave', () => startEvent());\n };\n\n const handleClick = () => {\n elems.forEach((elem, index) => {\n bind(elem, 'click', () => onClick && type.isFn(onClick, index));\n });\n };\n\n bind(LeftArrow, 'click', () =>\n handleChange('previousElementSibling', elems[lastIndex])\n );\n bind(RightArrow, 'click', () => handleChange('nextElementSibling', elems[0]));\n\n handleClick();\n autoPlayUseChangeEvent();\n }\n };\n }\n\n private _create(components: NodeListOf): void {\n components.forEach((node) => {\n if (moreThanOneNode(node)) return;\n\n const placeholderNode = node.firstElementChild;\n\n if (!placeholderNode) return;\n\n const carouselItemCount = placeholderNode.childElementCount;\n\n const {\n dots,\n arrow,\n effect,\n easing,\n radiusDot,\n trigger,\n autoplay,\n hoverPause,\n autoplaySpeed\n } = this._attrs(node);\n\n this._setMainTemplate(node, dots, arrow);\n this._setFadeCls(node, effect);\n this._setItem(node, placeholderNode, carouselItemCount, easing);\n this._setIndicators(node, carouselItemCount, radiusDot, trigger);\n\n this._autoPlay(autoplay, node, hoverPause, autoplaySpeed);\n this._handleArrowClick(node, arrow);\n\n removeAttrs(node, [\n 'dots',\n 'arrow',\n 'effect',\n 'easing',\n 'trigger',\n 'radius-dot',\n 'autoplay',\n 'hover-pause',\n 'autoplay-speed'\n ]);\n });\n }\n\n private _setMainTemplate(node: Element, dots: string, arrow: string): void {\n const template = `\n \n \n
\n \n \n \n `;\n\n setHtml(node, template);\n }\n\n private _setFadeCls(node: Element, effect: string): void {\n effect === 'fade' ? node.classList.add(`${PREFIX.carousel}-${effect}`) : '';\n }\n\n private _setItem(\n node: Element,\n placeholderNode: Element,\n carouselItemCount: number,\n esaing: string\n ): void {\n const CarouselList = node.querySelector(`.${PREFIX.carousel}-list`);\n const Fragment = document.createDocumentFragment();\n const children = Array.from(placeholderNode.children);\n\n let i = 0;\n for (; i < carouselItemCount; i++) {\n const CarouselItem = createElem('div');\n\n CarouselItem.dataset['index'] = `${i}`;\n CarouselItem.className = `${PREFIX.carousel}-item`;\n CarouselItem.appendChild(children[i]);\n\n this._setEasing(CarouselItem, esaing);\n\n Fragment.appendChild(CarouselItem);\n Fragment.firstElementChild?.classList.add('active');\n }\n\n CarouselList?.appendChild(Fragment);\n }\n\n private _setEasing(item: HTMLElement, easing: string): void {\n if (!easing) return;\n setCss(item, 'transitionTimingFunction', easing);\n }\n\n private _setIndicators(\n node: Element,\n carouselItemCount: number,\n radiusDot: boolean,\n trigger: string\n ): void {\n const CarouselDots = node.querySelector(`.${PREFIX.carousel}-dots`);\n const Fragment = document.createDocumentFragment();\n\n let i = 0;\n for (; i < carouselItemCount; i++) {\n const CarouselDot = createElem('li');\n\n CarouselDot.dataset['slideTo'] = `${i}`;\n\n setHtml(\n CarouselDot,\n `;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-checkbox', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n value: (string | number)[];\n checked: boolean;\n disabled: boolean;\n indeterminate: boolean;\n events({ onChange }: CheckboxEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n const isGroup = target.tagName.toLowerCase() == 'r-checkbox-group';\n\n // 排除 group 项\n if (!isGroup) {\n validComps(target, 'checkbox');\n } else {\n validComps(target, 'checkbox-group');\n }\n\n const {\n _attrs,\n _setChecked,\n _setIndeterminate,\n _setMultipleChecks,\n _isDisabled\n } = Checkbox.prototype;\n\n const { value } = _attrs(target);\n\n return {\n get value() {\n return value;\n },\n set value(newVal) {\n if (!isGroup) {\n warn(`This checkbox is not a child of a group element -->\"${el}\"`);\n return;\n }\n\n if (newVal && !type.isArr(newVal)) return;\n\n _setMultipleChecks(target, newVal);\n },\n\n get checked() {\n return target.dataset['value'] === 'true';\n },\n set checked(newVal) {\n if (newVal && !type.isBol(newVal)) return;\n _setChecked(target, newVal);\n },\n\n get disabled() {\n return _isDisabled(target);\n },\n set disabled(newVal) {\n if (newVal && !type.isBol(newVal)) return;\n if (isGroup) return;\n\n newVal\n ? target.setAttribute('disabled', 'disabled')\n : target.removeAttribute('disabled');\n\n const CheckBoxInput = target.querySelector(\n `.${PREFIX.checkbox}-input`\n ) as HTMLInputElement;\n\n CheckBoxInput.disabled = newVal;\n },\n\n get indeterminate() {\n const isIndeterminate: boolean = target\n .querySelector(`.${PREFIX.checkbox}`)!\n .classList.contains(`${PREFIX.checkbox}-indeterminate`)!;\n\n return isIndeterminate;\n },\n set indeterminate(newVal) {\n if (newVal && !type.isBol(newVal)) return;\n if (isGroup) return;\n\n _setIndeterminate(target, newVal);\n },\n\n events({ onChange }: CheckboxEvent) {\n let CheckBox: any, checked: any;\n\n isGroup ? (CheckBox = target.querySelectorAll('r-checkbox')) : (CheckBox = target);\n\n const fn = () => {\n if (isGroup) {\n checked = [];\n\n CheckBox.forEach((elm: HTMLElement) => {\n elm.dataset['value'] === 'true'\n ? checked.push(elm.dataset['label'])\n : '';\n });\n } else {\n checked = target.dataset['value'] === 'true';\n }\n\n onChange && type.isFn(onChange, checked);\n };\n\n bind(target, 'click', fn);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n const { icon, name, checked, label, indeterminate } = this._attrs(node);\n const CheckboxGroupWrapper = this._getGroupWrapper(node);\n\n this._setChecked(node, checked);\n this._setMainTemplate(node, name);\n this._setLabel(node, label);\n this._setDisabled(node);\n this._setIcon(node, icon);\n this._setIndeterminate(node, indeterminate);\n this._handleChange(node);\n\n if (CheckboxGroupWrapper) {\n const { value } = this._attrs(CheckboxGroupWrapper);\n this._setMultipleChecks(CheckboxGroupWrapper, value);\n removeAttrs(CheckboxGroupWrapper, ['value']);\n }\n\n removeAttrs(node, ['icon', 'name', 'checked', 'label']);\n });\n }\n\n private _setChecked(node: Element, checked: boolean): void {\n // @ts-ignore\n node.dataset['value'] = `${checked}`;\n\n if (!checked) {\n if (node.classList.contains(`${PREFIX.checkbox}-checked`)) {\n node.classList.remove(`${PREFIX.checkbox}-checked`);\n }\n } else {\n node.classList.add(`${PREFIX.checkbox}-checked`);\n }\n }\n\n private _setMainTemplate(node: Element, name: string) {\n const content = setHtml(node);\n\n const template = `\n \n \n ${content} \n `;\n\n setHtml(node, template);\n }\n\n private _setLabel(node: Element, label: string): void {\n if (!this._getGroupWrapper(node)) return;\n // @ts-ignore\n node.dataset['label'] = label;\n }\n\n private _setDisabled(node: Element): void {\n if (!this._isDisabled(node)) return;\n\n const CheckBoxInput = node.querySelector(`.${PREFIX.checkbox}-input`)! as HTMLInputElement;\n\n CheckBoxInput.disabled = true;\n }\n\n private _setIcon(node: Element, icon: string): void {\n if (!icon) return;\n\n const template = `;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-circle', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n percent: number;\n strokeColor: string | string[];\n } {\n const target = $el(el) as HTMLElement;\n const InnerCircle = target.querySelectorAll('path')[1] as SVGPathElement;\n\n const { _attrs, _setPercent, _setStrokeColor } = Circle.prototype;\n const { percent, strokeWidth, dashboard, strokeColor } = _attrs(target);\n\n return {\n get percent() {\n return percent;\n },\n set percent(newVal: number) {\n if (newVal && !type.isNum(newVal)) return;\n _setPercent(InnerCircle, newVal, strokeWidth, dashboard);\n },\n get strokeColor() {\n return strokeColor;\n },\n set strokeColor(newVal: string | string[]) {\n if (newVal && !type.isStr(newVal) && !type.isArr(newVal)) return;\n _setStrokeColor(InnerCircle, newVal);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n if (moreThanOneNode(node)) return;\n const CircleContent = node.firstElementChild;\n\n const {\n size,\n percent,\n strokeLinecap,\n strokeWidth,\n strokeColor,\n trailColor,\n trailWidth,\n dashboard\n } = this._attrs(node);\n\n this._setSize(node, size);\n this._setMainTemplate(\n node,\n percent,\n trailColor,\n trailWidth,\n strokeLinecap,\n strokeWidth,\n strokeColor,\n dashboard\n );\n\n const InnerCircle = node.querySelectorAll('path')[1]! as SVGPathElement;\n\n this._setPercent(InnerCircle, percent, strokeWidth, dashboard);\n this._setStrokeColor(InnerCircle, strokeColor);\n this._setInnerContent(node, CircleContent);\n\n removeAttrs(node, [\n 'percent',\n 'size',\n 'stroke-linecap',\n 'stroke-width',\n 'stroke-color',\n 'trail-width',\n 'trail-color',\n 'dashboard'\n ]);\n });\n }\n\n private _setSize(node: HTMLElement, size: number): void {\n setCss(node, 'width', `${size}px`);\n setCss(node, 'height', `${size}px`);\n }\n\n private _setMainTemplate(\n node: HTMLElement,\n percent: number,\n trailColor: string,\n trailWidth: number,\n strokeLinecap: string,\n strokeWidth: number,\n strokeColor: string,\n dashboard: boolean\n ): void {\n const pathString = this._getPathString(strokeWidth, dashboard);\n const { trailStyle, pathStyle } = this._getStyle(strokeWidth, dashboard);\n const computedStrokeWidth = percent === 0 && dashboard ? 0 : strokeWidth;\n\n const template = `\n \n \n \n \n `;\n\n setHtml(node, template);\n }\n\n private _radius(strokeWidth: number): number {\n return 50 - strokeWidth / 2;\n }\n\n private _setPercent(\n innerCircle: SVGPathElement,\n percent: number,\n strokeWidth: number,\n dashboard: boolean\n ): void {\n const { _radius } = Circle.prototype;\n const len = Math.floor(Math.PI * 2 * _radius(strokeWidth));\n\n if (dashboard) {\n setCss(innerCircle, 'strokeDasharray', `${(percent / 100) * (len - 75)}px ${len}px`);\n } else {\n setCss(innerCircle, 'strokeDashoffset', `${((100 - percent) / 100) * len}px`);\n }\n }\n\n private _setStrokeColor(innerCircle: SVGPathElement, color: string | string[]): void {\n const id = `${PREFIX.circle}-${randomStr(3)}`;\n\n const addDefs = (color: string[]) => {\n if (color.length > 2) {\n warn(\n '👇 The stroke-color attribute of circle cannot pass an array of length greater than 2'\n );\n console.error(innerCircle.parentElement!.parentElement);\n\n return;\n }\n strokeValue = `url(#${id})`;\n const defs = Circle.prototype.showDefs(id, color);\n innerCircle.parentElement!.insertAdjacentHTML('beforeend', defs);\n };\n\n let strokeValue: string;\n if (typeof color === 'string') {\n if (color.startsWith('[') && color.endsWith(']')) {\n addDefs(JSON.parse(color));\n } else {\n strokeValue = color;\n }\n } else if (Array.isArray(color)) {\n addDefs(color);\n }\n\n innerCircle.setAttribute('stroke', strokeValue!);\n }\n\n private _getPathString(strokeWidth: number, dashboard: boolean): string {\n const radius = this._radius(strokeWidth);\n if (dashboard) {\n return `M 50,50 m 0,${radius}\n a ${radius},${radius} 0 1 1 0,-${2 * radius}\n a ${radius},${radius} 0 1 1 0,${2 * radius}`;\n } else {\n return `M 50,50 m 0,-${radius}\n a ${radius},${radius} 0 1 1 0,${2 * radius}\n a ${radius},${radius} 0 1 1 0,-${2 * radius}`;\n }\n }\n\n private _getStyle(\n strokeWidth: number,\n dashboard: boolean\n ): {\n trailStyle: string;\n pathStyle: string;\n } {\n const len = Math.floor(Math.PI * 2 * this._radius(strokeWidth));\n\n let trailStyle: string, pathStyle: string;\n if (dashboard) {\n trailStyle = `\n stroke-dasharray: ${len - 75}px ${len}px;\n stroke-dashoffset: -${75 / 2}px;\n transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s\n `;\n pathStyle = `\n stroke-dashoffset: -${75 / 2}px;\n transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .6s ease 0s, stroke .6s, stroke-width .06s ease .6s\n `;\n } else {\n trailStyle = '';\n pathStyle = `\n stroke-dasharray: ${len}px ${len}px;\n transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease\n `;\n }\n\n return { trailStyle, pathStyle };\n }\n\n private showDefs(id: string, color: string[]) {\n return `\n \n \n \n `;\n }\n\n private _setInnerContent(node: HTMLElement, content: Element | null): void {\n if (!content) return;\n\n const CircleInner = createElem('div');\n\n CircleInner.className = `${PREFIX.circle}-inner`;\n\n CircleInner.appendChild(content);\n node.appendChild(CircleInner);\n }\n\n private _attrs(node: HTMLElement) {\n return {\n size: getNumTypeAttr(node, 'size', 120),\n percent: getNumTypeAttr(node, 'percent', 0),\n strokeWidth: getNumTypeAttr(node, 'stroke-width', 6),\n trailWidth: getNumTypeAttr(node, 'trail-width', 5),\n trailColor: getStrTypeAttr(node, 'trail-color', '#eaeef2'),\n strokeColor: getStrTypeAttr(node, 'stroke-color', '#1890ff'),\n strokeLinecap: getStrTypeAttr(node, 'stroke-linecap', 'round'),\n dashboard: getBooleanTypeAttr(node, 'dashboard')\n };\n }\n}\n\nexport default Circle;\n"
},
{
"path": "src/components/circle/index.ts",
"content": "import Circle from './circle';\nexport default Circle;\n"
},
{
"path": "src/components/collapse/collapse.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { $el, bind, removeAttrs, siblings, slider } from '../../dom-utils';\nimport {\n getArrTypeAttr,\n getBooleanTypeAttr,\n getStrTypeAttr,\n setCss,\n setHtml\n} from '../../dom-utils/elem';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface CollapseEvents {\n onChange?: (index: []) => void;\n}\n\ninterface Config {\n config(\n el: string\n ): {\n activeIndex: string | number | string[] | number[];\n events({ onChange }: CollapseEvents): void;\n };\n}\n\nclass Collapse implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-collapse', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n activeIndex: string | number | string[] | number[];\n events({ onChange }: { onChange: (key: []) => void }): void;\n } {\n const target = $el(el);\n\n validComps(target, 'collapse');\n\n const { _attrs, _dataSetActiveKey, _openByKey } = Collapse.prototype;\n\n const activeIndex = JSON.parse(target.dataset['activeIndex']);\n\n return {\n get activeIndex() {\n return activeIndex;\n },\n set activeIndex(newVal: string | number | string[] | number[]) {\n if (newVal == activeIndex) return;\n\n _dataSetActiveKey(target, newVal);\n _openByKey(target, newVal, target.getAttribute('accordion'));\n },\n events({ onChange }) {\n const panels = target.querySelectorAll('r-collapse-panel');\n\n // 储存已展开面板的 key\n const key: string[] = [];\n\n const pushKey = (el: Element, toggle: boolean) => {\n const { accordion } = _attrs(target);\n // @ts-ignore\n const panelKey = el.dataset.panelKey;\n\n if (el.classList.contains(`${PREFIX.collapse}-item-active`)) {\n key.push(panelKey);\n } else if (toggle) {\n const idx = key.indexOf(panelKey);\n idx > -1 ? key.splice(idx, 1) : '';\n }\n\n // 手风琴模式下每展开一个面板就删除其他的 key\n if (accordion) {\n siblings(el).forEach((o) => {\n const otherIdx = key.indexOf(o.dataset.panelKey);\n otherIdx > -1 ? key.splice(otherIdx, 1) : '';\n });\n }\n };\n\n panels.forEach((panel: Element) => {\n const header = panel.querySelector(`.${PREFIX.collapse}-header`);\n\n // 存放初始化面板时默认已展开的 key\n pushKey(panel, false);\n\n bind(header, 'click', () => {\n // 这里用定时器是为了跟移除显示面板样式类名的时机同步\n setTimeout(() => {\n pushKey(panel, true);\n onChange && type.isFn(onChange, key);\n }, 150);\n });\n });\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { simple, ghost, activekey, accordion } = this._attrs(node);\n\n this._dataSetActiveKey(node, activekey);\n this._setGhost(node, ghost);\n this._setSimple(node, simple);\n this._createChildNodes(node);\n this._openByKey(node, activekey, accordion);\n\n removeAttrs(node, ['simple', 'ghost', 'active-key']);\n });\n }\n\n private _dataSetActiveKey(\n node: Element,\n activeIndex: string | number | string[] | number[]\n ): void {\n if (activeIndex) {\n // @ts-ignore\n node.dataset['activeIndex'] = Array.isArray(activeIndex)\n ? `[${activeIndex}]`\n : activeIndex;\n }\n }\n\n private _setGhost(node: Element, ghost: boolean): void {\n ghost ? node.classList.add(`${PREFIX.collapse}-ghost`) : '';\n }\n\n private _setSimple(node: Element, simple: boolean): void {\n simple ? node.classList.add(`${PREFIX.collapse}-simple`) : '';\n }\n\n private _createChildNodes(node: Element): void {\n const collapsePanels = node.querySelectorAll('r-collapse-panel');\n this._setPanel(node, collapsePanels);\n }\n\n private _setPanel(parent: Element, panels: NodeListOf): void {\n // 遍历所有面板节点\n panels.forEach((panel, index) => {\n const { index: key, title, hideArrow } = this._attrs(panel);\n\n // @ts-ignore\n // 面板的 key 如果没填则默认为索引值\n panel.dataset.panelKey = !key ? index : key;\n\n // 保存面板原先的第一个节点，也就是要填充的内容\n const content = panel.firstElementChild;\n\n const arrowIcon = `;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-count-down', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n endTime: string;\n events({ onStop }: CountDownEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'count-down');\n\n const { _countTime } = CountDown.prototype;\n\n return {\n get endTime() {\n return '';\n },\n set endTime(newVal: string) {\n if (newVal && !type.isStr(newVal)) return;\n _countTime(target, newVal);\n },\n\n events({ onStop }: CountDownEvent) {\n if (!onStop) return;\n\n bind(target, 'DOMNodeInserted', (e: any) => {\n if (e.target.textContent === '00:00:00') {\n type.isFn(onStop, true);\n }\n });\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n const { endTime } = this._attrs(node);\n\n this._countTime(node, endTime);\n\n removeAttrs(node, ['endTime']);\n });\n }\n\n private _countTime(node: Element, endTime: string): void {\n if (!endTime) return;\n\n let timer: any = null;\n\n const countDown = () => {\n //获取当前时间\n const date = new Date();\n const now = date.getTime();\n\n //设置截止时间\n const endDate = new Date(endTime);\n const _endTime = endDate.getTime();\n\n //时间差\n const diff = _endTime - now;\n\n //定义变量 d,h,m,s保存倒计时的时间\n let d = 0,\n h = 0,\n m = 0,\n s = 0;\n\n if (diff >= 0) {\n d = Math.floor(diff / 1000 / 60 / 60 / 24);\n h = Math.floor((diff / 1000 / 60 / 60) % 24);\n m = Math.floor((diff / 1000 / 60) % 60);\n s = Math.floor((diff / 1000) % 60);\n }\n\n const checkTime = (t: any) => {\n if (t < 10) t = `0${t}`;\n return t;\n };\n\n //将0-9的数字前面加上0，例1变为01\n d = checkTime(d);\n h = checkTime(h);\n m = checkTime(m);\n s = checkTime(s);\n\n node.textContent = `${h}:${m}:${s}`;\n };\n\n countDown();\n\n timer = window.setInterval(countDown, 1000);\n\n bind(node, 'DOMNodeInserted', (e: any) => {\n if (e.target.textContent === '00:00:00') {\n window.clearInterval(timer);\n return;\n }\n });\n }\n\n private _attrs(node: Element) {\n return {\n endTime: getStrTypeAttr(node, 'end-time', '')\n };\n }\n}\n\nexport default CountDown;\n"
},
{
"path": "src/components/count-down/index.ts",
"content": "import CountDown from './count-down';\nexport default CountDown;\n"
},
{
"path": "src/components/divider/divider.ts",
"content": "import PREFIX from '../prefix';\nimport { $el, createElem, getBooleanTypeAttr, getStrTypeAttr, removeAttrs } from '../../dom-utils';\n\nclass Divider {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-divider', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n this._setType(node);\n this._setDashed(node);\n this._setPlain(node);\n this._setTitle(node);\n removeAttrs(node, ['dashed', 'plain', 'orientation']);\n });\n }\n\n private _setType(node: Element): void {\n const { type } = this._attrs(node);\n node.setAttribute('type', `${type}`);\n }\n\n private _setDashed(node: Element): void {\n const { dashed } = this._attrs(node);\n if (dashed) {\n node.classList.add(`${PREFIX.divider}-dashed`);\n }\n }\n\n private _setPlain(node: Element): void {\n const { plain } = this._attrs(node);\n if (plain) {\n node.classList.add(`${PREFIX.divider}-plain`);\n }\n }\n\n private _setOrientation(node: Element): void {\n const { orientation } = this._attrs(node);\n node.classList.add(`${PREFIX.divider}-with-text-${orientation}`);\n }\n\n private _setTitle(node: Element): void {\n if (node.innerHTML == '' || node.innerHTML == ' ') return;\n\n this._setOrientation(node);\n\n const DividerText = createElem('span');\n\n DividerText.className = `${PREFIX.divider}-inner-text`;\n DividerText.innerHTML = node.innerHTML;\n\n node.classList.add(`${PREFIX.divider}-with-text`);\n node.innerHTML = '';\n node.appendChild(DividerText);\n }\n\n private _attrs(node: Element) {\n return {\n type: getStrTypeAttr(node, 'type', 'horizontal'),\n orientation: getStrTypeAttr(node, 'orientation', 'center'),\n dashed: getBooleanTypeAttr(node, 'dashed'),\n plain: getBooleanTypeAttr(node, 'plain')\n };\n }\n}\n\nexport default Divider;\n"
},
{
"path": "src/components/divider/index.ts",
"content": "import Divider from './divider';\nexport default Divider;\n"
},
{
"path": "src/components/drawer/drawer.ts",
"content": "import PREFIX from '../prefix';\nimport {\n $el,\n bind,\n createElem,\n getBooleanTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { CssTransition, moreThanOneNode, Scrollable } from '../../mixins';\nimport { type, validComps } from '../../utils';\n\ninterface DrawerEvents {\n onClose?: () => void;\n}\n\ninterface Config {\n config(\n el: string\n ): {\n title: string;\n visable: boolean;\n events: ({ onClose }: DrawerEvents) => void;\n };\n}\n\nclass Drawer implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.1.1';\n this.COMPONENTS = $el('r-drawer', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n title: string;\n visable: boolean;\n events: ({ onClose }: DrawerEvents) => void;\n } {\n const target = $el(el);\n\n validComps(target, 'drawer');\n\n const { _handleVisable, _attrs } = Drawer.prototype;\n\n const DrawerMask = target.querySelector(`.${PREFIX.drawer}-mask`);\n const DrawerWrap = target.querySelector(`.${PREFIX.drawer}-wrap`);\n const _Drawer = target.querySelector(`.${PREFIX.drawer}`);\n const DrawerTitle = target.querySelector(`.${PREFIX.drawer}-header-inner`);\n const DrawerClose = target.querySelector(`.${PREFIX.drawer}-close`);\n\n return {\n get title() {\n return setHtml(DrawerTitle);\n },\n set title(newVal: string) {\n if (!type.isStr(newVal)) return;\n setHtml(DrawerTitle, newVal);\n },\n get visable() {\n return false;\n },\n set visable(newVal: boolean) {\n if (!type.isBol(newVal)) return;\n\n _handleVisable(newVal, target, [DrawerMask, DrawerWrap, _Drawer]);\n },\n events({ onClose }) {\n // v1.0.1 改用on事件绑定，防止触发回调事件的次数随着每次点击而不断的重复叠加\n if (DrawerClose) DrawerClose.onclick = () => onClose && type.isFn(onClose);\n if (_attrs(target).maskClosable === 'true')\n DrawerWrap.onclick = () => onClose && type.isFn(onClose);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n this._createDrawerNodes(node);\n\n setCss(node, 'display', 'block');\n\n removeAttrs(node, [\n 'title',\n 'width',\n 'height',\n 'mask',\n 'visible',\n 'closable',\n 'scrollable',\n 'lock-scroll'\n ]);\n });\n }\n\n private _createDrawerNodes(node: Element): void {\n const DrawerMask = createElem('div');\n const DrawerWrap = createElem('div');\n const Drawer = createElem('div');\n const DrawerContent = createElem('div');\n const DrawerClose = createElem('a');\n const DrawerHeader = createElem('div');\n const DrawerHeaderInner = createElem('div');\n const DrawerBody = createElem('div');\n\n this._setCls([\n DrawerMask,\n DrawerWrap,\n Drawer,\n DrawerContent,\n DrawerClose,\n DrawerHeader,\n DrawerHeaderInner,\n DrawerBody\n ]);\n\n this._setSize(node, Drawer);\n this._setPlacement(node, Drawer);\n this._setOpenInContainer(node, DrawerMask, DrawerWrap, Drawer);\n\n this._initVisible(node, DrawerMask, DrawerWrap, Drawer);\n this._handleClose(node, [DrawerMask, DrawerWrap, Drawer], DrawerClose);\n\n DrawerWrap.appendChild(Drawer);\n Drawer.appendChild(DrawerContent);\n\n this._setClosable(node, DrawerContent, DrawerClose);\n this._setHeader(node, DrawerContent, DrawerHeader, DrawerHeaderInner);\n\n DrawerContent.appendChild(DrawerBody);\n\n this._setBodyContent(node, DrawerBody);\n this._setMask(node, DrawerMask, DrawerWrap, DrawerContent);\n\n node.appendChild(DrawerWrap);\n }\n\n private _setCls(elms: HTMLElement[]): void {\n const elmsCls = [\n `${PREFIX.drawer}-mask`,\n `${PREFIX.drawer}-wrap`,\n `${PREFIX.drawer}`,\n `${PREFIX.drawer}-content`,\n `${PREFIX.drawer}-close`,\n `${PREFIX.drawer}-header`,\n `${PREFIX.drawer}-header-inner`,\n `${PREFIX.drawer}-body`\n ];\n\n let i = 0;\n const { length } = elms;\n for (; i < length; i++) {\n const elm = elms[i];\n elm.className = elmsCls[i];\n }\n }\n\n private _setSize(parent: Element, children: HTMLElement): void {\n const { width, height, placement } = this._attrs(parent);\n\n if (placement === 'top' || placement === 'bottom') {\n setCss(children, 'height', height);\n } else if (placement === 'left' || placement === 'right') {\n children.style.width = width;\n setCss(children, 'width', width);\n }\n }\n\n private _setPlacement(parent: Element, children: HTMLElement): void {\n const { placement } = this._attrs(parent);\n\n children.classList.add(`${PREFIX.drawer}-${placement}`);\n }\n\n private _setOpenInContainer(\n parent: Element,\n drawerMask: HTMLElement,\n drawerWrap: HTMLElement,\n drawer: HTMLElement\n ): void {\n const { inner } = this._attrs(parent);\n\n if (!inner) return;\n\n drawerMask.classList.add(`${PREFIX.drawer}-mask-inner`);\n drawerWrap.classList.add(`${PREFIX.drawer}-wrap-inner`);\n drawer.classList.add(`${PREFIX.drawer}-inner`);\n }\n\n private _setMask(\n parent: Element,\n drawerMask: HTMLElement,\n drawerWrap: HTMLElement,\n drawerContent: HTMLElement\n ): void {\n let { mask } = this._attrs(parent);\n\n if (parent.getAttribute('mask') == null) mask = true;\n\n if (!mask) {\n drawerWrap.classList.add(`${PREFIX.drawer}-no-mask`);\n drawerContent.classList.add(`${PREFIX.drawer}-content-no-mask`);\n return;\n }\n\n parent.appendChild(drawerMask);\n }\n\n private _setClosable(parent: Element, children: HTMLElement, drawerClose: HTMLElement): void {\n const { closable } = this._attrs(parent);\n\n if (!closable) return;\n\n setHtml(drawerClose, `;\n\n constructor() {\n this.VERSION = 'v2.0';\n this.COMPONENTS = $el('r-dropdown', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n visible: boolean;\n events({ onClick, onVisibleChange, onClickOutside }: DropdownEvents): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'dropdown');\n\n const { _attrs, _setVisible, _getChildDisabled } = Dropdown.prototype;\n const { trigger, placement } = _attrs(target);\n\n const DropdownRefElm = target.firstElementChild!;\n const DropdownMenu = target.querySelector('r-dropdown-menu')! as HTMLElement;\n const DropdownItem = DropdownMenu.querySelectorAll('r-dropdown-item');\n\n return {\n get visible() {\n return DropdownMenu.dataset[STATEKEY] === 'visible';\n },\n set visible(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n _setVisible(target, DropdownMenu, newVal, placement);\n },\n\n events({ onClick, onVisibleChange, onClickOutside }) {\n // onVisibleChange\n const visibleChange = () => {\n setTimeout(() => {\n const visible = DropdownMenu.dataset[STATEKEY] === 'visible';\n onVisibleChange && type.isFn(onVisibleChange, visible);\n }, DEFAULTDELAY);\n };\n // onClick\n const itemClickEv = (elem: Element) => {\n if (_getChildDisabled(elem)) return false;\n // @ts-ignore\n const key = elem.dataset[ITEMKEY];\n visibleChange();\n onClick && type.isFn(onClick, key);\n };\n\n if (trigger === 'hover') {\n bind(target, 'mouseenter', () => {\n if (EVENTTIMER) clearTimeout(EVENTTIMER);\n EVENTTIMER = setTimeout(visibleChange, DEFAULTDELAY);\n });\n bind(target, 'mouseleave', () => {\n if (EVENTTIMER) clearTimeout(EVENTTIMER);\n if (DropdownMenu.dataset[STATEKEY] === 'visible')\n setTimeout(visibleChange, DEFAULTDELAY);\n });\n }\n if (trigger === 'click' || trigger === 'contextMenu') {\n onClickOutside &&\n clickoutside(target, onClickOutside, DropdownMenu, STATEKEY, 'visible');\n }\n if (trigger === 'click') {\n bind(DropdownRefElm, 'click', visibleChange);\n }\n if (trigger === 'contextMenu') {\n bind(DropdownRefElm, 'contextmenu', visibleChange);\n }\n\n DropdownItem.forEach((child) => bind(child, 'click', () => itemClickEv(child)));\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n if (!this._correctCompositionNodes(node)) return;\n\n const { trigger, placement, visible, stopPropagation } = this._attrs(node);\n\n const DropdownMenu = node.querySelector('r-dropdown-menu')! as HTMLElement;\n const DropdownItem = DropdownMenu.querySelector('r-dropdown-item')! as HTMLElement;\n\n const { key } = this._attrs(DropdownItem);\n\n this._setVisible(node, DropdownMenu, visible, placement);\n this._setChildKey(DropdownItem, key);\n this._setStopPropagation(stopPropagation, node, DropdownMenu);\n this._handleTrigger(trigger, placement, node, DropdownMenu);\n this._handleItemClick(trigger, node, DropdownMenu, placement);\n\n removeAttrs(node, ['key', 'trigger', 'placement', 'visible', 'stop-propagation']);\n });\n }\n\n private _correctCompositionNodes(node: Element): boolean {\n if (node.firstElementChild?.tagName === 'R-DROPDOWN-MENU') {\n warn(\n '👇 The first child element must be the reference element used to trigger the menu display hidden, not r-dropdown-menu'\n );\n console.error(node);\n return false;\n }\n if (node.lastElementChild!.tagName !== 'R-DROPDOWN-MENU') {\n warn('👇 The last child element tag must be made up of r-dropdown-menu');\n console.error(node);\n return false;\n }\n if (node.childElementCount > 2) {\n warn('👇 The number of child element nodes in this r-dropdown tag cannot exceed two');\n console.error(node);\n return false;\n }\n\n return true;\n }\n\n private _setStopPropagation(stop: boolean, node: Element, child: HTMLElement): void {\n if (!stop) return;\n bind(node, 'click', (e: MouseEvent) => e.stopPropagation());\n bind(child, 'click', (e: MouseEvent) => e.stopPropagation());\n }\n\n private _handleTrigger(\n type: string,\n placement: string,\n node: Element,\n child: HTMLElement\n ): void {\n if (type === 'custom') return;\n\n const referenceElem = node.firstElementChild!;\n\n // 触发菜单显示隐藏的引用元素如果是禁用状态则不做操作\n if (/disabled/.test(referenceElem.className)) return;\n if (this._getChildDisabled(referenceElem)) return;\n\n const showMenu = () => {\n if (VISIBLETIMER) clearTimeout(VISIBLETIMER);\n if (child.dataset[STATEKEY] === 'visible') return;\n\n VISIBLETIMER = setTimeout(\n () => this._setVisible(node, child, true, placement),\n DEFAULTDELAY\n );\n };\n const hidenMenu = () => {\n if (VISIBLETIMER) clearTimeout(VISIBLETIMER);\n if (child.dataset[STATEKEY] === 'visible') {\n setTimeout(() => this._setVisible(node, child, false, placement), DEFAULTDELAY);\n }\n };\n const clickIsShow = (e: MouseEvent) => {\n e.stopPropagation();\n\n if (child.dataset[STATEKEY] === 'hidden') {\n showMenu();\n } else {\n hidenMenu();\n }\n };\n\n if (type === 'hover') {\n bind(node, 'mouseenter', showMenu);\n bind(node, 'mouseleave', hidenMenu);\n }\n // 点击菜单栏以外的地方隐藏\n if (type === 'click' || type === 'contextMenu') {\n clickoutside(node, hidenMenu);\n }\n if (type === 'click') {\n bind(referenceElem, 'click', (e: MouseEvent) => clickIsShow(e));\n }\n if (type === 'contextMenu') {\n bind(referenceElem, 'contextmenu', (e: MouseEvent) => {\n e.preventDefault();\n clickIsShow(e);\n });\n }\n }\n\n private _handleItemClick(\n type: string,\n node: Element,\n child: HTMLElement,\n placement: string\n ): void {\n if (type === 'custom') return;\n\n const DropdownItems = child.querySelectorAll('r-dropdown-item');\n\n DropdownItems.forEach((item) =>\n bind(item, 'click', () => {\n if (this._getChildDisabled(item)) return;\n this._setVisible(node, child, false, placement);\n })\n );\n }\n\n private _setChildKey(child: HTMLElement, key: string): void {\n if (key) {\n child.dataset[ITEMKEY] = key;\n child.removeAttribute('key');\n }\n }\n\n private _setVisible(\n node: Element,\n child: HTMLElement,\n visible: boolean,\n placement: string\n ): void {\n const { _setPlacement, _setTransitionDrop } = Dropdown.prototype;\n\n if (visible) {\n child.dataset[STATEKEY] = 'visible';\n _setPlacement(node, child, placement);\n _setTransitionDrop('in', child);\n } else {\n child.dataset[STATEKEY] = 'hidden';\n setTimeout(() => {\n child.dataset[STATEKEY] === 'hidden' && _setTransitionDrop('out', child);\n }, 0);\n }\n }\n\n private _setPlacement(node: Element, child: HTMLElement, placement: string): void {\n const popperPlacement = child.dataset['popperPlacement'] || placement;\n\n if (/^top|right-end|left-end/.test(popperPlacement)) {\n setCss(child, 'transformOrigin', 'center bottom');\n }\n if (/^bottom|right-start|left-start/.test(popperPlacement)) {\n setCss(child, 'transformOrigin', 'center top');\n }\n\n _Popper._newCreatePopper(node, child, placement, 0);\n }\n\n private _setTransitionDrop(type: 'in' | 'out', child: HTMLElement): void {\n const transitionCls =\n type === 'in' ? { enterCls: DROPENTERCLS } : { leaveCls: DROPLEAVECLS };\n\n CssTransition(child, {\n inOrOut: type,\n ...transitionCls,\n rmCls: true,\n timeout: 290\n });\n }\n\n private _getChildDisabled(elem: Element): boolean {\n if (\n elem.getAttribute('disabled') === 'disabled' ||\n elem.getAttribute('disabled') === 'true' ||\n elem.getAttribute('disabled') === ''\n ) {\n return true;\n }\n return false;\n }\n\n private _attrs(node: Element) {\n return {\n key: getStrTypeAttr(node, 'key', ''),\n trigger: getStrTypeAttr(node, 'trigger', 'hover'),\n placement: getStrTypeAttr(node, 'placement', 'bottom'),\n visible: getBooleanTypeAttr(node, 'visible'),\n stopPropagation: getBooleanTypeAttr(node, 'stop-propagation')\n };\n }\n}\n\nexport default Dropdown;\n"
},
{
"path": "src/components/dropdown/index.ts",
"content": "import Dropdown from './dropdown';\nexport default Dropdown;\n"
},
{
"path": "src/components/empty/empty.ts",
"content": "import { $el, getStrTypeAttr, setHtml, removeAttrs } from '../../dom-utils';\nimport PREFIX from '../prefix';\nimport DefaultImage from '../../../assets/empty.svg';\n\nclass Empty {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-empty', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n const { desc, image, imageStyle } = this._attrs(node);\n const footerElm = node.firstElementChild;\n\n this._setMainTemplate(node, desc, image, imageStyle);\n this._setFooter(node, footerElm);\n\n removeAttrs(node, ['desc', 'image', 'image-style']);\n });\n }\n\n private _setMainTemplate(node: Element, desc: string, image: string, imageStyle: string): void {\n const template = ` \n \n
\n
${desc == 'false' ? '' : desc}
`;\n\n setHtml(node, template);\n }\n\n private _setFooter(node: Element, footerElm: Element | null): void {\n if (!footerElm) return;\n\n const footerTpl = ``;\n\n node.insertAdjacentHTML('beforeend', footerTpl);\n\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n node.querySelector(`.${PREFIX.empty}-footer`)!.appendChild(footerElm);\n }\n\n private _attrs(node: Element) {\n return {\n desc: getStrTypeAttr(node, 'desc', '暂无数据'),\n image: getStrTypeAttr(node, 'image', `${DefaultImage}`),\n imageStyle: getStrTypeAttr(node, 'image-style', '')\n };\n }\n}\n\nexport default Empty;\n"
},
{
"path": "src/components/empty/index.ts",
"content": "import Empty from './empty';\nexport default Empty;\n"
},
{
"path": "src/components/input-number/index.ts",
"content": "import InputNumber from './input-number';\nexport default InputNumber;\n"
},
{
"path": "src/components/input-number/input-number.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n bind,\n getBooleanTypeAttr,\n getNumTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setHtml\n} from '../../dom-utils';\nimport { warn } from '../../mixins';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n value: number;\n step: number;\n disabled: boolean;\n readOnly: boolean;\n editable: boolean;\n events({ onChange, onFocus, onBlur }: InputNumberEvents): void;\n };\n}\n\ninterface InputNumberEvents {\n onChange?: (value: number) => void;\n onFocus?: (event: InputEvent) => void;\n onBlur?: () => void;\n}\n\nfunction addNum(num1: number, num2: number): number {\n let sq1: number, sq2: number;\n\n try {\n sq1 = num1.toString().split('.')[1].length;\n } catch (e) {\n sq1 = 0;\n }\n try {\n sq2 = num2.toString().split('.')[1].length;\n } catch (e) {\n sq2 = 0;\n }\n\n const m = Math.pow(10, Math.max(sq1, sq2));\n return (Math.round(num1 * m) + Math.round(num2 * m)) / m;\n}\n\nclass InputNumber implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-input-number', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n value: number;\n step: number;\n disabled: boolean;\n readOnly: boolean;\n editable: boolean;\n events({ onChange, onFocus, onBlur }: InputNumberEvents): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'input-number');\n\n const { _attrs, _setValue, _setDisabled } = InputNumber.prototype;\n const { min, max, step, disabled, readOnly, editable, precision, formatter } = _attrs(\n target\n );\n\n const Input = target.querySelector(`.${PREFIX.inputnb}-input`)! as HTMLInputElement;\n const ArrowUp = target.querySelector(`.${PREFIX.inputnb}-handler-up`);\n const ArrowDown = target.querySelector(`.${PREFIX.inputnb}-handler-down`);\n const BtnUp = target.querySelector(`.${PREFIX.inputnb}-controls-outside-up`);\n const BtnDown = target.querySelector(`.${PREFIX.inputnb}-controls-outside-down`);\n\n return {\n get value() {\n return Number(Input.value);\n },\n set value(newVal: number) {\n if (newVal && !type.isNum(newVal)) return;\n _setValue(Input, newVal, formatter, precision, min, max);\n },\n get step() {\n return step;\n },\n set step(newVal: number) {\n if (newVal && !type.isNum(newVal)) return;\n Input.step = step;\n },\n get disabled() {\n return disabled;\n },\n set disabled(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n _setDisabled(target, Input, newVal);\n },\n get readOnly() {\n return readOnly;\n },\n set readOnly(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n\n Input.readOnly = newVal;\n\n const disableArrow = (elem1: Element | null, elem2: Element | null) => {\n if (elem1) {\n // @ts-ignore\n elem1.style.pointerEvents = newVal ? 'none' : '';\n // @ts-ignore\n elem2.style.pointerEvents = newVal ? 'none' : '';\n }\n };\n\n disableArrow(ArrowUp, ArrowDown);\n disableArrow(BtnUp, BtnDown);\n },\n get editable() {\n return editable;\n },\n set editable(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n Input.style.pointerEvents = !newVal ? 'none' : '';\n },\n events({ onChange, onFocus, onBlur }) {\n let value: number;\n\n const changeEv = (e: Event) => {\n e.stopPropagation();\n value = Number(Input.value);\n if (!isNaN(value)) {\n onChange && type.isFn(onChange, value);\n } else {\n warn(`Invalid input value --> '${Input.value}' at '${el}'`);\n return;\n }\n };\n\n if (ArrowUp) {\n bind(ArrowUp, 'click', changeEv);\n bind(ArrowDown, 'click', changeEv);\n }\n if (BtnUp) {\n bind(BtnUp, 'click', changeEv);\n bind(BtnDown, 'click', changeEv);\n }\n\n bind(Input, 'keydown', (e: KeyboardEvent) => {\n if (e.key === 'ArrowUp' || e.key === 'ArrowDown') changeEv(e);\n });\n bind(Input, 'input', (e: InputEvent) => changeEv(e));\n bind(Input, 'focus', (e: InputEvent) => {\n e.stopPropagation();\n onFocus && type.isFn(onFocus, e);\n });\n bind(Input, 'blur', (e: InputEvent) => {\n e.stopPropagation();\n onBlur && type.isFn(onBlur);\n });\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n const {\n min,\n max,\n step,\n value,\n name,\n inputId,\n parser,\n formatter,\n precision,\n disabled,\n editable,\n readOnly,\n size,\n placeholder,\n controlsOutside\n } = this._attrs(node);\n\n this._setMainTemplate(node);\n this._setOutSide(node, controlsOutside);\n\n const Input = node.querySelector(`.${PREFIX.inputnb}-input`)! as HTMLInputElement;\n const ArrowUp = node.querySelector(`.${PREFIX.inputnb}-handler-up`);\n const ArrowDown = node.querySelector(`.${PREFIX.inputnb}-handler-down`);\n const BtnUp = node.querySelector(`.${PREFIX.inputnb}-controls-outside-up`);\n const BtnDown = node.querySelector(`.${PREFIX.inputnb}-controls-outside-down`);\n\n this._setInput(Input, min, max, step, name, inputId, placeholder);\n this._setValue(Input, value, formatter, precision, min, max);\n this._setSize(node, size);\n this._setDisabled(node, Input, disabled);\n this._setReadonlyAndEditable(Input, readOnly, editable);\n this._setHandler(ArrowUp, ArrowDown, BtnUp, BtnDown, value, min, max);\n this._handleChange(\n Input,\n ArrowUp,\n ArrowDown,\n BtnUp,\n BtnDown,\n min,\n max,\n step,\n precision,\n readOnly,\n parser,\n formatter\n );\n\n removeAttrs(node, [\n 'min',\n 'max',\n 'step',\n 'value',\n 'precision',\n 'size',\n 'name',\n 'parser',\n 'formatter',\n 'input-id',\n 'placeholder',\n 'disabled',\n 'editable',\n 'readOnly',\n 'controls-outside'\n ]);\n });\n }\n\n private _setMainTemplate(node: HTMLElement): void {\n node.classList.add(`${PREFIX.inputnb}`);\n\n const template = `\n \n \n
\n `;\n\n setHtml(node, template);\n }\n\n private _setOutSide(node: HTMLElement, controlsOutside: boolean): void {\n if (!controlsOutside) return;\n\n node.classList.add(`${PREFIX.inputnb}-controls-outside`);\n\n const handlerWrap = node.querySelector(`.${PREFIX.inputnb}-handler-wrap`)!;\n\n const template = `\n \n
\n \n
\n `;\n\n handlerWrap.insertAdjacentHTML('afterend', template);\n handlerWrap.remove();\n }\n\n private _setInput(\n input: HTMLInputElement,\n min: number,\n max: number,\n step: number,\n name: string,\n inputId: string,\n placeholder: string\n ): void {\n isNaN(min) || min === 0 ? (input.min = `${min}`) : '';\n isNaN(max) || min === 0 ? (input.max = `${max}`) : '';\n isNaN(step) && step !== 1 ? (input.step = `${step}`) : '';\n\n name ? (input.name = name) : '';\n inputId ? (input.id = inputId) : '';\n placeholder ? (input.placeholder = placeholder) : '';\n }\n\n private _formatterVal(input: HTMLInputElement, formatter: string, val: number): void {\n // `约定的 ${value}`替换为 `${val}`\n const resVal = formatter.replace('value', 'val');\n input.value = `${formatter ? eval(resVal) : val}`;\n }\n\n private _parserVal(parser: string, val: string): string {\n if (parser) {\n const _parser = eval(parser) as any[];\n return val.replace(_parser[0], _parser[1]);\n } else {\n // 如果没有指定从 formatter 里转换回数字的方式，则使用默认正则方式\n return val.replace(/[^\\d.-]/g, '');\n }\n }\n\n private _handleChange(\n input: HTMLInputElement,\n aUp: Element | null,\n aDown: Element | null,\n btnUp: Element | null,\n btnDown: Element | null,\n min: number,\n max: number,\n step: number,\n precision: number,\n readOnly: boolean,\n parser: string,\n formatter: string\n ): void {\n if (readOnly) return;\n\n const setValue = (val: number) => {\n this._setValue(input, val, formatter, precision, min, max);\n this._setHandler(aUp, aDown, btnUp, btnDown, val, min, max);\n };\n\n const changeStep = (type: 'up' | 'down'): false | undefined => {\n // 如果指定了输入框展示值的格式，那么这里就要用 parser 的值转换为原来的值\n const val = this._parserVal(parser, input.value);\n const targetVal = Number(val);\n\n if (type === 'up') {\n if (addNum(targetVal, step) <= max) {\n setValue(targetVal);\n } else {\n return false;\n }\n\n setValue(addNum(targetVal, step));\n } else if (type === 'down') {\n if (addNum(targetVal, step) >= min) {\n setValue(targetVal);\n } else {\n return false;\n }\n\n setValue(addNum(targetVal, -step));\n }\n };\n\n const handleKeyBoardChange = () => {\n bind(input, 'keydown', (e: KeyboardEvent) => {\n if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return false;\n\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n changeStep('up');\n }\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n changeStep('down');\n }\n });\n };\n\n const handleInputChange = () => {\n bind(input, 'input', (e: InputEvent) => {\n e.stopPropagation();\n // 当输入框输入时只匹配数字、小数点和减号\n const val = input.value.replace(/[^\\d.-]/g, '');\n setValue(Number(val));\n });\n };\n\n const handleArrowChange = () => {\n if (aUp && aDown) {\n bind(aUp, 'click', () => changeStep('up'));\n bind(aDown, 'click', () => changeStep('down'));\n }\n if (btnUp && btnDown) {\n bind(btnUp, 'click', () => changeStep('up'));\n bind(btnDown, 'click', () => changeStep('down'));\n }\n };\n\n handleKeyBoardChange();\n handleInputChange();\n handleArrowChange();\n }\n\n private _setValue(\n input: HTMLInputElement,\n value: number,\n formatter: string,\n precision: number,\n min: number,\n max: number\n ): void {\n let targetVal: any = !isNaN(precision) ? value.toFixed(precision) : value;\n\n if ((targetVal && !isNaN(targetVal)) || targetVal === 0) {\n if (targetVal > max && !isNaN(max)) {\n targetVal = max;\n } else if (targetVal < min && !isNaN(min)) {\n targetVal = min;\n }\n // 如果指定了输入框展示值的格式则使用它，否则反之\n this._formatterVal(input, formatter, targetVal);\n }\n }\n\n private _setSize(node: Element, size: string): void {\n if (!size) return;\n node.classList.add(`${PREFIX.inputnb}-${size}`);\n }\n\n private _setReadonlyAndEditable(\n input: HTMLInputElement,\n readOnly: boolean,\n editable: string\n ): void {\n if (readOnly) input.readOnly = true;\n if (readOnly || editable === 'false') input.style.pointerEvents = 'none';\n }\n\n private _setDisabled(node: HTMLElement, input: HTMLInputElement, disabled: boolean): void {\n if (!disabled) {\n node.classList.remove(`${PREFIX.inputnb}-disabled`);\n input.disabled = false;\n } else {\n node.classList.add(`${PREFIX.inputnb}-disabled`);\n input.disabled = true;\n }\n }\n\n private _setHandler(\n aUp: Element | null,\n aDown: Element | null,\n btnUp: Element | null,\n btnDown: Element | null,\n value: number,\n min: number,\n max: number\n ): void {\n const isSetDisable = (elm1: Element, elm2: Element, outside: boolean) => {\n const upDisabledCls = outside ? 'controls-outside-btn' : 'handler-up';\n const downDisabledCls = outside ? 'controls-outside-btn' : 'handler-down';\n\n if (Math.ceil(value) >= max) {\n elm1.classList.add(`${PREFIX.inputnb}-${upDisabledCls}-disabled`);\n } else {\n elm1.classList.remove(`${PREFIX.inputnb}-${upDisabledCls}-disabled`);\n }\n if (Math.ceil(value) <= min) {\n elm2.classList.add(`${PREFIX.inputnb}-${downDisabledCls}-disabled`);\n } else {\n elm2.classList.remove(`${PREFIX.inputnb}-${downDisabledCls}-disabled`);\n }\n };\n\n if (aUp && aDown) isSetDisable(aUp, aDown, false);\n if (btnUp && btnDown) isSetDisable(btnUp, btnDown, true);\n }\n\n private _attrs(node: HTMLElement) {\n return {\n min: getNumTypeAttr(node, 'min', -Infinity),\n max: getNumTypeAttr(node, 'max', Infinity),\n step: getNumTypeAttr(node, 'step', 1),\n value: getNumTypeAttr(node, 'value', 0),\n precision: getNumTypeAttr(node, 'precision'),\n size: getStrTypeAttr(node, 'size', ''),\n name: getStrTypeAttr(node, 'name', ''),\n inputId: getStrTypeAttr(node, 'input-id', ''),\n parser: getStrTypeAttr(node, 'parser', ''),\n formatter: getStrTypeAttr(node, 'formatter', ''),\n placeholder: getStrTypeAttr(node, 'placeholder', ''),\n disabled: getBooleanTypeAttr(node, 'disabled'),\n readOnly: getBooleanTypeAttr(node, 'readonly'),\n editable: getStrTypeAttr(node, 'editable', 'true'),\n controlsOutside: getBooleanTypeAttr(node, 'controls-outside')\n };\n }\n}\n\nexport default InputNumber;\n"
},
{
"path": "src/components/jumbotron/index.ts",
"content": "import Jumbotron from './jumbotron';\nexport default Jumbotron;\n"
},
{
"path": "src/components/jumbotron/jumbotron.ts",
"content": "import { $el, getStrTypeAttr, removeAttrs, setHtml } from '../../dom-utils';\nimport { moreThanOneNode } from '../../mixins';\nimport PREFIX from '../prefix';\n\nclass Jumbotron {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-jumbotron', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n if (moreThanOneNode(node)) return;\n\n const placeholderNode = node.firstElementChild;\n const { title, subTitle } = this._attrs(node);\n\n this._setMainTemplate(node, title, subTitle);\n this._setExtraContent(node, placeholderNode);\n\n removeAttrs(node, ['title', 'sub-title']);\n });\n }\n\n private _setMainTemplate(node: Element, title: string, subTitle: string): void {\n const template = `\n \n
${title} \n
${subTitle}
\n
;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el(`.${PREFIX.loadingBar}`);\n createLoadingBarInstance();\n }\n\n public start(): void {\n if (timer) return;\n\n let percent = 0;\n\n timer = window.setInterval(() => {\n // 计算随机进度\n percent += Math.floor(Math.random() * 3 + 1);\n // 终止\n if (percent > 95) {\n clearTimer();\n }\n r_update({\n percent,\n status: 'primary',\n show: true\n });\n }, 200);\n }\n\n public update(percent: number): void {\n clearTimer();\n r_update({\n percent,\n status: 'success',\n show: true\n });\n }\n\n public finish(): void {\n clearTimer();\n r_update({\n percent: 100,\n status: 'primary',\n show: true\n });\n hide();\n }\n\n public error(): void {\n clearTimer();\n r_update({\n percent: 100,\n status: 'error',\n show: true\n });\n hide();\n }\n\n public config(options: UpdatelobalAPI): void {\n if (options.color && type.isStr(options.color)) {\n DEFAULT_LOADINGBAR.color = options.color;\n }\n if (options.height && type.isNum(options.height)) {\n DEFAULT_LOADINGBAR.height = options.height;\n }\n if (options.duration && type.isNum(options.duration)) {\n DEFAULT_LOADINGBAR.duration = options.duration;\n }\n if (options.failedColor && type.isStr(options.failedColor)) {\n DEFAULT_LOADINGBAR.failedColor = options.failedColor;\n }\n }\n\n public destroy(): void {\n clearTimer();\n // @ts-ignore\n document.body.removeChild($el(`.${PREFIX.loadingBar}`));\n }\n}\n\nexport default $LoadingBar;\n"
},
{
"path": "src/components/message/index.ts",
"content": "import R_Message from './message';\n\nconst Message = new R_Message();\nexport default Message;\n"
},
{
"path": "src/components/message/instance.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport PREFIX from '../prefix';\nimport { $el, bind, createElem, setCss, setHtml } from '../../dom-utils';\nimport { destroyElem, type, useHTMLString } from '../../utils';\nimport { CssTransition } from '../../mixins';\n\nexport type KeyType = string | number;\nexport type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading';\nexport type MessageConfig = string | Options;\nexport const PREFIX_KEY = 'rab-message-instance';\nexport const EnterClass = `${PREFIX.message}-move-enter`;\nexport const LeaveClass = `${PREFIX.message}-move-leave`;\n\ninterface Options {\n key?: string | number;\n content?: string;\n duration?: number;\n onClose?: () => void;\n closable?: boolean;\n background?: boolean;\n dangerouslyUseHTMLString?: boolean;\n}\n\nconst ICONTYPES = {\n info: 'ios-information-circle',\n success: 'ios-checkmark-circle',\n warning: 'ios-alert',\n error: 'ios-close-circle',\n loading: 'loading-solid'\n};\nlet zIndex = 1010;\nlet name = 0;\n\nexport class CreateInstance {\n protected INSTANCES: HTMLElement[];\n constructor() {\n this.INSTANCES = [];\n }\n public _init(top: number): void {\n const Wrapper = createElem('div');\n setCss(Wrapper, 'zIndex', `${zIndex}`);\n Wrapper.setAttribute('class', `${PREFIX.message}`);\n document.body.appendChild(Wrapper);\n setTimeout(() => setCss(Wrapper, 'top', `${top}px`), 0);\n }\n protected _create(type: MessageType, config: MessageConfig, duration: number): void {\n const Message = this._setMainTemplate(type);\n const MessageContent = Message.querySelector(`.${PREFIX.messageChild}-content`)!;\n this._autoAddZIndex();\n this._setIcon(type, Message);\n this._setContent(Message, config);\n if (typeof config === 'object') {\n const { key, closable, onClose, background } = config;\n this._setKey(Message, key);\n this._setClosable(Message, MessageContent, closable, onClose);\n this._setBackground(Message, MessageContent, background);\n }\n this.INSTANCES.push(Message);\n $el(`.${PREFIX.message}`).appendChild(Message);\n this._autoClose(Message, config, duration);\n }\n private _setMainTemplate(type: MessageType): HTMLElement {\n const MessageNotice = createElem('div');\n const template = `\n \n `;\n MessageNotice.dataset['thisName'] = `${name++}`;\n MessageNotice.className = `${PREFIX.message}-notice`;\n setHtml(MessageNotice, template);\n CssTransition(MessageNotice, {\n inOrOut: 'in',\n enterCls: EnterClass,\n rmCls: true,\n timeout: 250\n });\n return MessageNotice;\n }\n private _setIcon(type: MessageType, elem: HTMLElement): void {\n const MessageIcon = elem.querySelector(`.${PREFIX.icon}`)!;\n if (type === 'loading') {\n MessageIcon.classList.add('rab-load-loop');\n }\n MessageIcon.classList.add(`${PREFIX.icon}-${ICONTYPES[type]}`);\n }\n private _setContent(elem: HTMLElement, content: MessageConfig): void {\n const MessageText = elem.querySelector(`#${PREFIX.messageChild}-text`)!;\n if (typeof content === 'string') {\n useHTMLString(MessageText, content, false);\n } else if (typeof content === 'object' && content.content) {\n useHTMLString(MessageText, content.content, content.dangerouslyUseHTMLString);\n }\n }\n private _setKey(elem: HTMLElement, key?: KeyType): void {\n if (!key || (key && !type.isStr(key) && !type.isNum(key))) return;\n elem.setAttribute(`${PREFIX_KEY}-key`, `${key}`);\n }\n private _setClosable(\n elem: HTMLElement,\n child: Element,\n closable?: boolean,\n onClose?: () => void\n ): void {\n if (!closable || (closable && !type.isBol(closable))) return;\n const template = `\n \n \n `;\n elem.classList.add(`${PREFIX.messageChild}-closable`);\n child.insertAdjacentHTML('beforeend', template);\n this._handleClose(elem, onClose);\n }\n private _handleClose(elem: HTMLElement, onClose?: () => void): void {\n const MessageCloseBtn = elem.querySelector(`.${PREFIX.messageChild}-close`)!;\n bind(MessageCloseBtn, 'click', () => {\n this._destroy(elem);\n onClose && type.isFn(onClose);\n });\n }\n private _setBackground(elem: HTMLElement, child: Element, background?: boolean): void {\n if (!background || (background && !type.isBol(background))) return;\n elem.classList.add(`${PREFIX.messageChild}-with-background`);\n child.classList.add(`${PREFIX.messageChild}-content-background`);\n }\n private _autoAddZIndex(): void {\n zIndex++;\n setCss($el(`.${PREFIX.message}`), 'zIndex', `${zIndex}`);\n }\n private _autoClose(elem: HTMLElement, config: MessageConfig, duration: number): void {\n if (duration || duration === 0 || !config) {\n if (duration === 0) return;\n setTimeout(() => {\n this._destroy(elem);\n }, duration * 1000);\n } else {\n if (typeof config === 'object' && config.duration) {\n setTimeout(() => {\n this._destroy(elem);\n }, config.duration * 1000);\n }\n }\n }\n private _destroy(elem: HTMLElement): void {\n destroyElem(elem, {\n duration: 0.1,\n clsEnter: EnterClass,\n clsLeave: LeaveClass\n });\n this.INSTANCES.splice(Number(elem.dataset['thisName']), 1);\n }\n}\n"
},
{
"path": "src/components/message/message.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { usePromiseCallback } from '../../mixins';\nimport { destroyElem, destroyElemByKey, type } from '../../utils';\nimport { CreateInstance, MessageConfig, KeyType, PREFIX_KEY, LeaveClass } from './instance';\n\ninterface GlobalConfigs {\n top?: number;\n duration?: number;\n}\ninterface InstanceMethods {\n info(config: MessageConfig): Promise;\n success(config: MessageConfig): Promise;\n warning(config: MessageConfig): Promise;\n error(config: MessageConfig): Promise;\n loading(config: MessageConfig): Promise;\n config(options: GlobalConfigs): void;\n destroy(key?: KeyType): void;\n}\n\nconst DEFAULTS = {\n top: 24,\n duration: 3\n};\n\nclass Message extends CreateInstance implements InstanceMethods {\n readonly VERSION: string;\n constructor() {\n super();\n this.VERSION = '2.0';\n setTimeout(() => this._init(DEFAULTS.top), 0);\n }\n public info(config: MessageConfig): Promise {\n this._create('info', config, DEFAULTS.duration);\n return usePromiseCallback(DEFAULTS.duration, config);\n }\n public success(config: MessageConfig): Promise {\n this._create('success', config, DEFAULTS.duration);\n return usePromiseCallback(DEFAULTS.duration, config);\n }\n public warning(config: MessageConfig): Promise {\n this._create('warning', config, DEFAULTS.duration);\n return usePromiseCallback(DEFAULTS.duration, config);\n }\n public error(config: MessageConfig): Promise {\n this._create('error', config, DEFAULTS.duration);\n return usePromiseCallback(DEFAULTS.duration, config);\n }\n public loading(config: MessageConfig): Promise {\n this._create('loading', config, DEFAULTS.duration);\n return usePromiseCallback(DEFAULTS.duration, config);\n }\n public config(options: GlobalConfigs): void {\n if (options.top && type.isNum(options.top)) {\n DEFAULTS.top = options.top;\n }\n if ((options.duration && type.isNum(options.duration)) || options.duration === 0) {\n DEFAULTS.duration = options.duration;\n }\n }\n public destroy(key?: KeyType): void {\n if (key && (type.isStr(key) || type.isNum(key))) {\n destroyElemByKey({\n key,\n duration: 0.1,\n prefixKey: PREFIX_KEY,\n clsLeave: LeaveClass\n });\n } else {\n this.INSTANCES.forEach((instance) => {\n destroyElem(instance, {\n duration: 0.1,\n clsLeave: LeaveClass\n });\n });\n this.INSTANCES.length = 0;\n }\n }\n}\nexport default Message;\n"
},
{
"path": "src/components/mini-modal/index.ts",
"content": "import MiniModal from './mini-modal';\nexport default new MiniModal();\n"
},
{
"path": "src/components/mini-modal/mini-modal.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { $el, bind } from '../../dom-utils';\nimport { CssTransition, Scrollable } from '../../mixins';\nimport { type, useHTMLString } from '../../utils';\nimport Button from '../button';\nimport PREFIX from '../prefix';\n\nconst MiniModalBtn = new Button();\n\nconst ICONTYPE = {\n info: 'ios-information-circle',\n success: 'ios-checkmark-circle',\n warning: 'ios-alert',\n error: 'ios-close-circle',\n confirm: 'ios-help-circle',\n loading: 'loading-solid'\n};\n\nlet DEFAULT_ZINDEX = 1010;\n\ninterface MinModalOptions {\n width?: string | number;\n title?: string;\n content?: string;\n okText?: string;\n cancelText?: string;\n loading?: boolean;\n keyboard?: boolean;\n scrollable?: boolean;\n lockScroll?: boolean;\n dangerouslyUseHTMLString?: boolean;\n onOk?: () => void;\n onCancel?: () => void;\n}\n\nclass MiniModal {\n readonly VERSION: string;\n\n constructor() {\n this.VERSION = 'v1.0';\n }\n\n public info(config: MinModalOptions): void {\n this._create('info', config);\n }\n\n public success(config: MinModalOptions): void {\n this._create('success', config);\n }\n\n public warning(config: MinModalOptions): void {\n this._create('warning', config);\n }\n\n public error(config: MinModalOptions): void {\n this._create('error', config);\n }\n\n public confirm(config: MinModalOptions): void {\n this._create('confirm', config);\n }\n\n public remove(): void {\n const { ModalParent, ModalMask, ModalWrap } = this._getNode();\n this._destroy(ModalParent, ModalMask, ModalWrap);\n }\n\n private _create(type: string, config: MinModalOptions): void {\n DEFAULT_ZINDEX++;\n\n const {\n width = 416,\n title = '',\n content = '',\n okText = '确定',\n cancelText = '取消',\n loading = false,\n keyboard = false,\n scrollable = false,\n lockScroll = true,\n onOk,\n onCancel,\n dangerouslyUseHTMLString = false\n } = config;\n\n // @ts-ignore\n const icon = ICONTYPE[type];\n\n const isShowCancelBtn =\n type === 'confirm'\n ? `${cancelText} `\n : '';\n\n const template = `\n `;\n\n document.body.insertAdjacentHTML('beforeend', template);\n\n const { ModalParent, ModalMask, ModalWrap, Modal } = this._getNode();\n\n this._setMainContent(Modal, title, content, dangerouslyUseHTMLString);\n this._setAnimation('in', ModalMask, ModalWrap);\n this._setScrollable(scrollable, lockScroll);\n this._handleBtnClick(ModalParent, ModalMask, ModalWrap, Modal, loading, onOk, onCancel);\n this._keyboardClosed(type, keyboard, ModalParent, ModalMask, ModalWrap, onCancel);\n }\n\n private _setMainContent(\n modal: Element,\n title: string,\n content: string,\n isUseHTML: boolean\n ): void {\n const ModalHead = modal.querySelector(`.${PREFIX.modal}-confirm-head-title`)!;\n const ModalBody = modal.querySelector(`.${PREFIX.modal}-confirm-body`)!;\n useHTMLString(ModalHead, title, isUseHTML);\n useHTMLString(ModalBody, content, isUseHTML);\n }\n\n private _handleBtnClick(\n parent: HTMLElement,\n mask: Element,\n wrap: Element,\n modal: Element,\n loading: boolean,\n onOk: any,\n onCancel: any\n ): void {\n const ModalOkBtn = modal.querySelector(`.${PREFIX.button}-primary`)!;\n const ModalCacnelBtn = modal.querySelector(`.${PREFIX.button}-text`);\n\n const remove = () => this._destroy(parent, mask, wrap);\n const okEv = () => {\n onOk && type.isFn(onOk);\n if (loading) {\n MiniModalBtn.config(ModalOkBtn).loading = loading;\n return;\n }\n remove();\n };\n const cancelEv = () => {\n remove();\n onCancel && type.isFn(onCancel);\n };\n\n bind(ModalOkBtn, 'click', okEv);\n if (ModalCacnelBtn) bind(ModalCacnelBtn, 'click', cancelEv);\n }\n\n private _keyboardClosed(\n _type: string,\n keyboard: boolean,\n parent: HTMLElement,\n mask: Element,\n wrap: Element,\n onCancel: any\n ): void {\n if (!keyboard) return;\n\n const event = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n // 判断页面是否有modal实例，如果有才执行事件，避免重复执行\n if (document.body.contains(parent)) {\n // 取消的回调，只在MinModal.confirm()下有效\n if (_type === 'confirm') onCancel && type.isFn(onCancel);\n setTimeout(() => this._destroy(parent, mask, wrap), 0);\n }\n }\n };\n\n window.onkeydown = (e: KeyboardEvent) => event(e);\n }\n\n private _destroy(parent: HTMLElement, mask: Element, wrap: Element): void {\n this._setAnimation('out', mask, wrap);\n setTimeout(() => {\n parent.remove();\n this._setScrollable(true, false);\n }, 150);\n }\n\n private _setAnimation(type: 'in' | 'out', elem1: Element, elem2: Element): void {\n const maskAniCls =\n type === 'in' ? { enterCls: 'rab-fade-in' } : { leaveCls: 'rab-fade-out' };\n const modalAniCls =\n type === 'in' ? { enterCls: 'zoom-big-enter' } : { leaveCls: 'zoom-big-leave' };\n\n CssTransition(elem1, {\n inOrOut: type,\n ...maskAniCls,\n timeout: 250,\n rmCls: true\n });\n CssTransition(elem2, {\n inOrOut: type,\n ...modalAniCls,\n timeout: 200,\n rmCls: true\n });\n }\n\n private _setScrollable(scrollable: boolean, lockScroll: boolean): void {\n Scrollable({ scroll: scrollable, lock: lockScroll });\n }\n\n private _getNode(): {\n ModalParent: HTMLElement;\n ModalMask: Element;\n ModalWrap: Element;\n Modal: Element;\n } {\n const ModalParent = $el(`.${PREFIX.modal}-mini-modal`) as HTMLElement;\n const ModalMask = ModalParent.querySelector(`.${PREFIX.modal}-mask`)!;\n const ModalWrap = ModalParent.querySelector(`.${PREFIX.modal}-wrap`)!;\n const Modal = ModalWrap.querySelector(`.${PREFIX.modal}`)!;\n return {\n ModalParent,\n ModalMask,\n ModalWrap,\n Modal\n };\n }\n}\n\nexport default MiniModal;\n"
},
{
"path": "src/components/modal/index.ts",
"content": "import Modal from './modal';\nexport default Modal;\n"
},
{
"path": "src/components/modal/modal.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n bind,\n getBooleanTypeAttr,\n getNumTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { CssTransition, moreThanOneNode, Scrollable } from '../../mixins';\nimport { type, validComps } from '../../utils';\nimport Button from '../button';\nimport PREFIX from '../prefix';\n\ninterface ModalEvents {\n onOk?: () => void;\n onCancel?: () => void;\n}\n\ninterface Config {\n config(\n el: string\n ): {\n title: string;\n visible: boolean;\n events({ onOk, onCancel }: ModalEvents): void;\n };\n}\n\nconst RABBIT_BTN = new Button();\n\nclass Modal implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.1';\n this.COMPONENTS = $el('r-modal', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n title: string;\n visible: boolean;\n events({ onOk, onCancel }: ModalEvents): void;\n } {\n const target = $el(el);\n\n validComps(target, 'modal');\n\n const { _attrs, _getModalNode, _handleVisable } = Modal.prototype;\n const { loading } = _attrs(target);\n const M_Child = _getModalNode(target);\n\n return {\n get title() {\n return setHtml(M_Child.modalTitle);\n },\n set title(newVal: string) {\n if (type.isStr(newVal)) setHtml(M_Child.modalTitle, newVal);\n },\n get visible() {\n return false;\n },\n set visible(newVal: boolean) {\n if (type.isBol(newVal)) {\n // 当设置modal为隐藏状态并且确定按钮是加载中的状态则初始化它\n if (!newVal) {\n if (loading) RABBIT_BTN.config(M_Child.modalOkBtn).loading = newVal;\n }\n\n _handleVisable(newVal, target, [\n M_Child.modalMask,\n M_Child.modalWrap,\n M_Child.modal\n ]);\n }\n },\n events({ onOk, onCancel }: ModalEvents) {\n const { closable, maskClosable } = _attrs(target);\n\n const okEv = () => {\n // 是否设置按钮为加载中状态\n if (loading) RABBIT_BTN.config(M_Child.modalOkBtn).loading = loading;\n\n onOk && type.isFn(onOk);\n };\n\n const cancelEv = () => {\n // 如果按钮为加载中状态则初始化其状态\n if (loading) RABBIT_BTN.config(M_Child.modalOkBtn).loading = !loading;\n\n // 防止关闭modal后按键esc依然可以触发事件\n window.onkeydown = (e: any) => (e.key === 'Escape' ? false : '');\n\n onCancel && type.isFn(onCancel);\n };\n\n // 由于内部的_handleClose方法使用addEventListener为触发关闭模态框的元素绑定点击事件，\n // 从而与这里绑定的事件造成冲突，一个回调事件同时多次触发的问题\n // 因此使用on事件绑定，防止触发回调事件的次数随着每次点击而不断的重复叠加\n if (maskClosable === 'true') {\n // @ts-ignore\n M_Child.modalWrap.onclick = () => cancelEv();\n // @ts-ignore\n M_Child.modal.onclick = (e: any) => e.stopPropagation();\n }\n\n if (closable === 'true') {\n // @ts-ignore\n M_Child.modalClose.onclick = () => cancelEv();\n\n window.onkeydown = (e: any) => (e.key === 'Escape' ? cancelEv() : '');\n }\n // @ts-ignore\n M_Child.modalOkBtn.onclick = () => okEv();\n // @ts-ignore\n M_Child.modalCancelBtn.onclick = () => cancelEv();\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n this._createTemplate(node);\n\n setCss(node, 'display', 'block');\n\n removeAttrs(node, [\n 'width',\n 'title',\n 'ok-text',\n 'class-name',\n 'cancel-text',\n 'mask',\n 'visible',\n 'scrollable',\n 'fullscreen',\n 'lock-scroll',\n 'footer-hide'\n ]);\n });\n }\n\n private _createTemplate(node: Element): void {\n // v1.1 增加占位节点的组成数量判断\n if (moreThanOneNode(node)) return;\n\n // 获取最初 modal容器下的占位内容\n const placeholderNode = node.firstElementChild;\n\n const { width, title, zIndex, okText, cancelText, className } = this._attrs(node);\n\n const template = `\n
\n \n `;\n\n setHtml(node, template);\n\n this._initVisable(node);\n this._setHeader(node);\n // @ts-ignore\n this._setContent(node, placeholderNode);\n this._setMask(node);\n this._setFullScreen(node);\n this._setClosable(node);\n this._setFooterHide(node);\n this._handleClose(node);\n }\n\n private _initVisable(node: Element): void {\n const { visible, scrollable } = this._attrs(node);\n\n const { modalMask, modalWrap, modal } = this._getModalNode(node);\n\n let { lockScroll } = this._attrs(node);\n !node.getAttribute('lock-scroll') ? (lockScroll = true) : lockScroll;\n\n if (visible) {\n setCss(modalMask, 'display', '');\n modalWrap.classList.remove(`${PREFIX.modal}-hidden`);\n setCss(modal, 'display', '');\n Scrollable({ scroll: scrollable, lock: lockScroll });\n } else {\n setCss(modalMask, 'display', 'none');\n modalWrap.classList.add(`${PREFIX.modal}-hidden`);\n setCss(modal, 'display', 'none');\n }\n\n // @ts-ignore\n // 设置初始显示状态\n node.dataset.modalVisable = visible;\n }\n\n private _setHeader(node: Element): void {\n const { title } = this._attrs(node);\n\n if (!title) {\n const modalHeader = node.querySelector(`.${PREFIX.modal}-header`);\n modalHeader?.remove();\n }\n }\n\n private _setContent(node: Element, content: Element): void {\n const modalBody = node.querySelector(`.${PREFIX.modal}-body`);\n if (content) modalBody?.appendChild(content);\n }\n\n private _setMask(node: Element): void {\n const { _attrs, _getModalNode } = this;\n const { mask } = _attrs(node);\n\n if (mask === 'false') {\n const { modalMask, modalWrap, modal } = _getModalNode(node);\n\n modalMask.remove();\n modalWrap.classList.add(`${PREFIX.modal}-no-mask`);\n modal.classList.add(`${PREFIX.modal}-content-no-mask`);\n }\n }\n\n private _setFullScreen(node: Element): void {\n const { fullscreen } = this._attrs(node);\n\n if (fullscreen) {\n const { modal } = this._getModalNode(node);\n modal.classList.add(`${PREFIX.modal}-fullscreen`);\n }\n }\n\n private _setClosable(node: Element): void {\n const { closable } = this._attrs(node);\n\n if (closable === 'false') {\n const { modalClose } = this._getModalNode(node);\n modalClose.remove();\n }\n }\n\n private _setFooterHide(node: Element): void {\n const { footerHide } = this._attrs(node);\n\n if (footerHide) {\n const modalFooter = node.querySelector(`.${PREFIX.modal}-footer`);\n modalFooter?.remove();\n }\n }\n\n private _handleVisable(visible: boolean, target: Element, children: Element[]): void {\n const { _show, _hide } = Modal.prototype;\n visible ? _show(target, children) : _hide(target, children);\n }\n\n private _handleClose(parent: Element): void {\n const { _attrs, _hide, _getModalNode } = this;\n\n const { closable, maskClosable, loading } = _attrs(parent);\n\n const {\n modalMask,\n modalWrap,\n modal,\n modalClose,\n modalOkBtn,\n modalCancelBtn\n } = _getModalNode(parent);\n\n const hidden = () => _hide(parent, [modalMask, modalWrap, modal]);\n\n // 右上角关闭按钮\n // ESC 键关闭\n if (closable === 'true') {\n bind(modalClose, 'click', () => hidden());\n bind(window, 'keydown', (e: any) => (e.key === 'Escape' ? hidden() : ''));\n }\n\n // 遮盖层关闭\n if (maskClosable === 'true') {\n bind(modalWrap, 'click', () => hidden());\n bind(modal, 'click', (e: any) => e.stopPropagation());\n }\n\n // 确定和取消按钮关闭\n //非加载中状态可以点击关闭模态框\n if (!loading) bind(modalOkBtn, 'click', () => hidden());\n\n bind(modalCancelBtn, 'click', () => hidden());\n }\n\n private _show(parent: Element, showElm: Element[]): void {\n const { _attrs } = Modal.prototype;\n const { scrollable } = _attrs(parent);\n\n let { lockScroll } = _attrs(parent);\n !parent.getAttribute('lock-scroll') ? (lockScroll = true) : lockScroll;\n\n // @ts-ignore\n // 设置当前为显示状态\n parent.dataset.modalVisable = 'true';\n\n // showElm[0] 表示遮盖层\n // showElm[1] 表示模态框的父容器wrap\n // showElm[2] 表示模态框主体\n\n showElm[1].classList.contains(`${PREFIX.modal}-hidden`) &&\n showElm[1].classList.remove(`${PREFIX.modal}-hidden`);\n\n CssTransition(showElm[0], {\n inOrOut: 'in',\n enterCls: 'rab-fade-in',\n timeout: 250,\n rmCls: true\n });\n\n CssTransition(showElm[2], {\n inOrOut: 'in',\n enterCls: 'zoom-big-enter',\n timeout: 250,\n rmCls: true\n });\n\n Scrollable({ scroll: scrollable, lock: lockScroll });\n }\n\n private _hide(parent: Element, hiddenElm: Element[]): void {\n // @ts-ignore\n // 设置当前为隐藏状态\n parent.dataset.modalVisable = 'false';\n\n // hiddenElm[0] 表示遮盖层\n // hiddenElm[1] 表示模态框的父容器wrap\n // hiddenElm[2] 表示模态框主体\n\n CssTransition(hiddenElm[0], {\n inOrOut: 'out',\n leaveCls: 'rab-fade-out',\n rmCls: true,\n timeout: 250\n });\n\n CssTransition(hiddenElm[2], {\n inOrOut: 'out',\n leaveCls: 'zoom-big-leave',\n rmCls: true,\n timeout: 250\n });\n\n setTimeout(() => {\n hiddenElm[1].classList.add(`${PREFIX.modal}-hidden`);\n setCss(hiddenElm[2], 'display', 'none');\n Scrollable({ scroll: true, lock: true, node: parent, tagName: 'modal' });\n }, 240);\n }\n\n private _getModalNode(node: Element) {\n const modalMask = node.querySelector(`.${PREFIX.modal}-mask`)!;\n const modalWrap = node.querySelector(`.${PREFIX.modal}-wrap`)!;\n const modal = modalWrap.querySelector(`.${PREFIX.modal}`)!;\n const modalClose = modalWrap.querySelector(`.${PREFIX.modal}-close`)!;\n const modalTitle = modal.querySelector(`.${PREFIX.modal}-header-inner`)!;\n const modalOkBtn = modal.querySelector('#modalBtn2')!;\n const modalCancelBtn = modal.querySelector('#modalBtn1')!;\n return {\n modalMask,\n modalWrap,\n modal,\n modalClose,\n modalTitle,\n modalOkBtn,\n modalCancelBtn\n };\n }\n\n private _attrs(node: Element) {\n return {\n mask: getStrTypeAttr(node, 'mask', 'true'),\n width: getStrTypeAttr(node, 'width', '520px'),\n title: getStrTypeAttr(node, 'title', ''),\n okText: getStrTypeAttr(node, 'ok-text', '确定'),\n closable: getStrTypeAttr(node, 'closable', 'true'),\n className: getStrTypeAttr(node, 'class-name', ''),\n cancelText: getStrTypeAttr(node, 'cancel-text', '取消'),\n maskClosable: getStrTypeAttr(node, 'mask-closable', 'true'),\n zIndex: getNumTypeAttr(node, 'z-index', 1000),\n visible: getBooleanTypeAttr(node, 'visible'),\n loading: getBooleanTypeAttr(node, 'loading'),\n scrollable: getBooleanTypeAttr(node, 'scrollable'),\n lockScroll: getBooleanTypeAttr(node, 'lock-scroll'),\n fullscreen: getBooleanTypeAttr(node, 'fullscreen'),\n footerHide: getBooleanTypeAttr(node, 'footer-hide')\n };\n }\n}\n\nexport default Modal;\n"
},
{
"path": "src/components/notice/index.ts",
"content": "import $Notice from './notice';\n\nconst Notice = new $Notice();\nexport default Notice;\n"
},
{
"path": "src/components/notice/notice.ts",
"content": "import { CssTransition, warn } from '../../mixins';\nimport { type, destroyElem, destroyElemByKey, useHTMLString } from '../../utils';\nimport { usePromiseCallback } from '../../mixins';\nimport PREFIX from '../prefix';\nimport { $el, createElem, setCss, setHtml } from '../../dom-utils';\n\ninterface NoticeGlobalAPI {\n top?: number; // 通知组件距离顶端的距离，单位像素\n duration?: number; // 默认自动关闭的延时，单位秒\n}\n\ninterface NoticeOptions {\n key?: string | number; // 当前通知的唯一标识\n icon?: string; // 自定义图标\n title?: string; // 通知提醒的标题\n desc?: string; // 通知提醒的内容，为空或不填时，自动应用仅标题模式下的样式\n style?: string; // 自定义内联样式\n onClose?: () => void; // 点击通知关闭按钮时的回调\n onClick?: () => void; // 点击通知时触发的回调函数\n duration?: number; // 自动关闭的延时，单位秒，不关闭可以写 0\n closable?: boolean; // 是否显示右上角关闭按钮，默认为 true\n className?: string; // 自定义 CSS class\n dangerouslyUseHTMLString?: boolean;\n}\n\ninterface Events {\n open(config: NoticeOptions): Promise;\n info(config: NoticeOptions): Promise;\n success(config: NoticeOptions): Promise;\n warning(config: NoticeOptions): Promise;\n error(config: NoticeOptions): Promise;\n close(key: string): void;\n destroy(): void;\n}\n\nconst NotPrefixKey = 'rab-notice';\n\nconst NotMoveEnter = `${PREFIX.notice}-move-enter`;\nconst NotMoveLeave = `${PREFIX.notice}-move-leave`;\n\nconst iconTypes = {\n info: 'ios-information-circle',\n success: 'ios-checkmark-circle',\n warning: 'ios-alert',\n error: 'ios-close-circle',\n loading: 'loading-solid'\n};\n\nconst DEFAULT_NOTICE: {\n top: number;\n duration: number;\n} = {\n top: 24,\n duration: 4.5\n};\n\nlet zIndex = 1180;\n\n// 创建实例的最外层父容器\nfunction createNoticeInsanceWrapper(): HTMLElement {\n const NoticeWrapper = createElem('div');\n\n NoticeWrapper.className = `${PREFIX.notice}`;\n\n setCss(NoticeWrapper, 'zIndex', `${zIndex}`);\n setCss(NoticeWrapper, 'right', '0');\n\n setTimeout(() => setCss(NoticeWrapper, 'top', `${DEFAULT_NOTICE.top}px`), 0);\n\n document.body.appendChild(NoticeWrapper);\n\n return NoticeWrapper;\n}\n\nclass $Notice implements Events {\n readonly VERSION: string;\n readonly instances: Array;\n\n constructor() {\n this.VERSION = 'v1.0';\n // 存储已经创建的实例，在 destroy方法里需要用到\n this.instances = [];\n createNoticeInsanceWrapper();\n }\n\n public open(config: NoticeOptions): Promise {\n this._createInstance('normal', config);\n return usePromiseCallback(DEFAULT_NOTICE.duration, config.duration);\n }\n\n public info(config: NoticeOptions): Promise {\n this._createInstance('info', config);\n return usePromiseCallback(DEFAULT_NOTICE.duration, config.duration);\n }\n\n public success(config: NoticeOptions): Promise {\n this._createInstance('success', config);\n return usePromiseCallback(DEFAULT_NOTICE.duration, config.duration);\n }\n\n public warning(config: NoticeOptions): Promise {\n this._createInstance('warning', config);\n return usePromiseCallback(DEFAULT_NOTICE.duration, config.duration);\n }\n\n public error(config: NoticeOptions): Promise {\n this._createInstance('error', config);\n return usePromiseCallback(DEFAULT_NOTICE.duration, config.duration);\n }\n\n public config(options: NoticeGlobalAPI): void {\n if (options.top) {\n DEFAULT_NOTICE.top = options.top;\n }\n if (options.duration || options.duration === 0) {\n DEFAULT_NOTICE.duration = options.duration;\n }\n }\n\n public close(key: string): void {\n destroyElemByKey({\n key,\n duration: 0.1,\n clsLeave: NotMoveLeave,\n prefixKey: NotPrefixKey\n });\n }\n\n public destroy(): void {\n this.instances.forEach((instance) => {\n destroyElem(instance, {\n clsLeave: NotMoveLeave,\n duration: 0.1\n });\n });\n // 清空存放的所有实例\n this.instances.length = 0;\n }\n\n private _autoSetZindex(): void {\n zIndex++;\n setCss($el(`.${PREFIX.notice}`), 'zIndex', `${zIndex}`);\n }\n\n private _createInstance(type: string, config: NoticeOptions): HTMLElement {\n this._autoSetZindex();\n\n const Notice = createElem('div');\n const NoticeContent = createElem('div');\n const NoticeCustomContent = createElem('div');\n const NoticeTitle = createElem('div');\n const NoticeDesc = createElem('div');\n\n this._setCls(\n type,\n [Notice, NoticeContent, NoticeCustomContent, NoticeTitle, NoticeDesc],\n config.className\n );\n this._setKey(Notice, config.key);\n this._setTitle(NoticeTitle, config.title, config.dangerouslyUseHTMLString);\n this._setDesc(\n Notice,\n NoticeCustomContent,\n NoticeDesc,\n config.desc,\n config.dangerouslyUseHTMLString\n );\n this._setIcon(type, NoticeCustomContent, NoticeDesc, config.icon);\n this._setClosable(Notice, config.closable, config.onClose);\n this._customStyle(Notice, config.style);\n\n NoticeCustomContent.append(NoticeTitle, NoticeDesc);\n NoticeContent.appendChild(NoticeCustomContent);\n Notice.appendChild(NoticeContent);\n document.querySelector(`.${PREFIX.notice}`)?.appendChild(Notice);\n\n CssTransition(Notice, {\n inOrOut: 'in',\n enterCls: NotMoveEnter\n });\n\n this.instances.push(Notice);\n\n this._handleNoticeClick(Notice, config.onClick);\n this._autoClose(Notice, config.duration);\n\n return Notice;\n }\n\n private _setCls(type: string, nodes: Array, customCls?: string): void {\n const nodesCls = [\n `${PREFIX.noticeChild} ${customCls ? customCls : ''}`,\n `${PREFIX.noticeChild}-content`,\n `${PREFIX.noticeChild}-custom-content ${PREFIX.notice}-with-${type}`,\n `${PREFIX.notice}-title`,\n `${PREFIX.notice}-desc`\n ];\n\n let i = 0;\n\n const { length } = nodes;\n\n for (; i < length; i++) {\n const node = nodes[i];\n node.className = nodesCls[i];\n }\n }\n\n private _setKey(node: HTMLElement, key: any): void {\n if (!key) return;\n node.setAttribute(`${NotPrefixKey}-key`, key);\n }\n\n private _setTitle(node: HTMLElement, title?: string, dangerouslyUseHTMLString?: boolean): void {\n // 必须设置一个通知提醒标题\n if (!title) {\n warn('You must set a notification to remind the title');\n return;\n }\n\n // 是否支持传入 HTML 片段\n useHTMLString(node, title, dangerouslyUseHTMLString);\n }\n\n private _setDesc(\n parent: HTMLElement,\n children_custm: HTMLElement,\n child_desc: HTMLElement,\n desc?: string,\n dangerouslyUseHTMLString?: boolean\n ): void {\n if (!desc) return;\n\n parent.classList.add(`${PREFIX.noticeChild}-with-desc`);\n\n children_custm.classList.add(`${PREFIX.notice}-with-desc`);\n\n // 是否支持传入 HTML 片段\n useHTMLString(child_desc, desc, dangerouslyUseHTMLString);\n }\n\n private _setIcon(\n type: string,\n child_custom: HTMLElement,\n child_desc: HTMLElement,\n customIcon?: string\n ): void {\n // 不带状态图标的类型\n if (type === 'noraml') return;\n if (type !== 'normal' || customIcon) {\n child_custom.classList.add(`${PREFIX.notice}-with-icon`);\n }\n\n let isOutline = '';\n\n // 带有状态图标并且是否带有提示内容，如果有则将图标设为 outline 外观\n if (child_desc.innerHTML) isOutline = '-outline';\n\n const NoticeIcon = createElem('span');\n NoticeIcon.className = `${PREFIX.notice}-icon ${PREFIX.notice}-icon-${type}`;\n\n // 是否自定义状态图标\n if (customIcon) {\n setHtml(NoticeIcon, customIcon);\n } else {\n // @ts-ignore\n const defaultIcon = `;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-page-header', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n events({ onBack }: PHEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'page-header');\n\n const backButton = target.querySelector(`.${PREFIX.pageHeader}-back`);\n\n return {\n events({ onBack }) {\n bind(backButton, 'click', () => {\n type.isFn(onBack);\n });\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { title, subTitle } = this._attrs(node);\n\n this._setMainTemplate(node, title, subTitle);\n\n removeAttrs(node, ['title', 'sub-title']);\n });\n }\n\n private _setMainTemplate(node: Element, title: string, subTitle: string): void {\n const template = `\n \n `;\n\n setHtml(node, template);\n }\n\n private _attrs(node: Element) {\n return {\n title: getStrTypeAttr(node, 'title', ''),\n subTitle: getStrTypeAttr(node, 'sub-title', '')\n };\n }\n}\n\nexport default PageHeader;\n"
},
{
"path": "src/components/poptip/index.ts",
"content": "import Poptip from './poptip';\nexport default Poptip;\n"
},
{
"path": "src/components/poptip/poptip.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n bind,\n getBooleanTypeAttr,\n getNumTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { clickoutside, CssTransition, _arrow, _Popper } from '../../mixins';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n visible: boolean;\n disabled: boolean;\n title: string;\n content: string;\n events: ({ onPopperShow, onPopperHide, onOk, onCancel }: PoptipEvents) => void;\n };\n}\n\ninterface PoptipEvents {\n onPopperShow?: () => void;\n onPopperHide?: () => void;\n onOk?: () => void;\n onCancel?: () => void;\n}\n\nconst STATEKEY = 'visibleState';\nconst DEFAULTDELAY = 80;\n\nlet VISIBLETIMER: any = null,\n EVENTTIMER: any = null;\n\nclass Poptip implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v2.0';\n this.COMPONENTS = $el('r-poptip', { all: true });\n this._create(this.COMPONENTS);\n _arrow.scrollUpdate();\n }\n\n public config(\n el: string\n ): {\n visible: boolean;\n disabled: boolean;\n title: string;\n content: string;\n events: ({ onPopperShow, onPopperHide, onOk, onCancel }: PoptipEvents) => void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'poptip');\n\n const { _attrs, _setVisible, _handleTrigger } = Poptip.prototype;\n const { trigger, title, content, disabled, placement, offset, confirm } = _attrs(target);\n\n const PoptipRefElem = target.querySelector(`.${PREFIX.poptip}-rel`)! as HTMLElement;\n const PoptipPopper = target.querySelector(`.${PREFIX.poptip}-popper`)! as HTMLElement;\n const PoptipTitle = target.querySelector(`.${PREFIX.poptip}-title`)!;\n const PoptipContent = target.querySelector(`.${PREFIX.poptip}-body-content`)!;\n\n return {\n get visible() {\n return PoptipPopper.dataset[STATEKEY] === 'show';\n },\n set visible(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n _setVisible(newVal, PoptipRefElem, PoptipPopper, placement, offset);\n },\n get disabled() {\n return disabled;\n },\n set disabled(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n _handleTrigger(\n trigger,\n confirm,\n newVal,\n target,\n PoptipRefElem,\n PoptipPopper,\n placement,\n offset\n );\n },\n get title() {\n return title;\n },\n set title(newVal: string) {\n if (newVal && !type.isStr(newVal)) return;\n setHtml(PoptipTitle, newVal);\n },\n get content() {\n return content;\n },\n set content(newVal: string) {\n if (newVal && !type.isStr(newVal)) return;\n setHtml(PoptipContent, newVal);\n },\n events({ onPopperShow, onPopperHide, onOk, onCancel }) {\n const visibleEvent = (show: boolean) => {\n if (show) {\n onPopperShow && type.isFn(onPopperShow);\n } else {\n onPopperHide && type.isFn(onPopperHide);\n }\n };\n const toogleEv = () => {\n setTimeout(() => {\n PoptipPopper.dataset[STATEKEY] === 'show'\n ? visibleEvent(true)\n : visibleEvent(false);\n }, 200);\n };\n const clickoutsideEv = () => {\n if (PoptipPopper.style.visibility === 'visible') {\n setTimeout(() => visibleEvent(false), DEFAULTDELAY);\n }\n };\n\n if (!confirm) {\n if (trigger === 'hover') {\n bind(target, 'mouseenter', () => {\n if (EVENTTIMER) clearTimeout(EVENTTIMER);\n EVENTTIMER = setTimeout(() => visibleEvent(true), DEFAULTDELAY);\n });\n bind(target, 'mouseleave', () => {\n if (EVENTTIMER) clearTimeout(EVENTTIMER);\n if (PoptipPopper.dataset[STATEKEY] === 'show')\n setTimeout(() => visibleEvent(false), DEFAULTDELAY);\n });\n }\n if (trigger === 'focus') {\n bind(PoptipRefElem, 'mousedown', () => visibleEvent(true));\n bind(PoptipRefElem, 'mouseup', () => visibleEvent(false));\n }\n }\n if (trigger === 'click' || trigger === 'focus') {\n clickoutside(target, clickoutsideEv);\n }\n if (trigger === 'click') {\n bind(PoptipRefElem, 'click', toogleEv);\n }\n if (confirm) {\n const PoptipOkBtn = PoptipPopper.querySelector(`.${PREFIX.button}-primary`);\n const PoptipCancelBtn = PoptipPopper.querySelector(`.${PREFIX.button}-text`);\n bind(PoptipOkBtn, 'click', () => onOk && type.isFn(onOk));\n bind(PoptipCancelBtn, 'click', () => onCancel && type.isFn(onCancel));\n }\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const ReferenceElem = node.firstElementChild || node.innerHTML;\n\n const {\n trigger,\n title,\n content,\n placement,\n padding,\n offset,\n confirm,\n visible,\n width,\n wordWrap,\n disabled,\n okText,\n cancelText\n } = this._attrs(node);\n\n this.setMainTemplate(node, title, content, placement);\n\n const PoptipRel = node.querySelector(`.${PREFIX.poptip}-rel`)!;\n const PoptipPopper = node.querySelector(\n `.${PREFIX.poptip}-popper`\n )! as HTMLEmbedElement;\n\n this.addReferenceElem(PoptipRel, ReferenceElem);\n this.setConfirmTemplate(confirm, node, title, okText, cancelText);\n this._setPlacement(PoptipRel, PoptipPopper, placement, offset);\n this._setVisible(visible, PoptipRel, PoptipPopper, placement, offset);\n this._setPadding(node, padding);\n this._setWidthAndWordWrap(PoptipPopper, width, wordWrap);\n this._handleTrigger(\n trigger,\n confirm,\n disabled,\n node,\n PoptipRel,\n PoptipPopper,\n placement,\n offset\n );\n this._handleBtnClick(PoptipRel, PoptipPopper, placement, offset);\n\n removeAttrs(node, [\n 'width',\n 'title',\n 'offset',\n 'content',\n 'confirm',\n 'visible',\n 'padding',\n 'disabled',\n 'trigger',\n 'placement',\n 'word-wrap',\n 'ok-text',\n 'cancel-text'\n ]);\n });\n }\n\n private setMainTemplate(\n node: Element,\n title: string,\n content: string,\n placement: string\n ): void {\n const template = `\n
\n \n
\n
\n
\n ${title ? `
${title}
` : ''}\n
\n
\n
\n
${title}
\n \n `;\n\n const PoptipBody = node.querySelector(`.${PREFIX.poptip}-body`)!;\n\n setHtml(PoptipBody, template);\n\n node.querySelector(`.${PREFIX.poptip}-title`)!.remove();\n node.classList.add(`${PREFIX.poptip}-confirm`);\n }\n\n private _handleTrigger(\n type: string,\n confirm: boolean,\n disabled: boolean,\n node: Element,\n refElem: Element,\n popper: HTMLElement,\n placement: string,\n offset: number\n ): void {\n if (disabled) return;\n\n const show = (show: boolean, e?: MouseEvent) => {\n if (e) e.stopPropagation();\n this._setVisible(show, refElem, popper, placement, offset);\n };\n\n if (!confirm) {\n if (type === 'hover') {\n bind(node, 'mouseenter', (e: MouseEvent) => {\n if (VISIBLETIMER) clearTimeout(VISIBLETIMER);\n if (popper.dataset[STATEKEY] === 'show') return;\n VISIBLETIMER = setTimeout(() => show(true, e), DEFAULTDELAY);\n });\n bind(node, 'mouseleave', (e: MouseEvent) => {\n if (VISIBLETIMER) clearTimeout(VISIBLETIMER);\n if (popper.dataset[STATEKEY] === 'show')\n setTimeout(() => show(false, e), DEFAULTDELAY);\n });\n }\n if (type === 'focus') {\n bind(refElem, 'mousedown', (e: MouseEvent) => show(true, e));\n bind(refElem, 'mouseup', (e: MouseEvent) => show(false, e));\n }\n }\n\n if (type === 'click') {\n const hide = () => {\n if (popper.dataset[STATEKEY] === 'close') return;\n show(false);\n };\n const clickEv = (e: MouseEvent) => {\n const poppers = document.querySelectorAll(`.${PREFIX.poptip}-popper`);\n poppers.forEach((child) => {\n const otherPopper = child as HTMLElement;\n if (otherPopper.dataset[STATEKEY] === 'show') {\n this._setVisible(false, refElem, otherPopper, placement, offset);\n }\n });\n popper.style.visibility === 'visible' ? show(false, e) : show(true, e);\n };\n\n clickoutside(node, hide);\n bind(refElem, 'click', (e: MouseEvent) => clickEv(e));\n }\n }\n\n private _handleBtnClick(\n refElem: Element,\n popper: HTMLElement,\n placement: string,\n offset: number\n ): void {\n const PoptipOkBtn = popper.querySelector(`.${PREFIX.button}-primary`);\n const PoptipCancelBtn = popper.querySelector(`.${PREFIX.button}-text`);\n\n if (!PoptipOkBtn) return;\n\n const hidden = () => this._setVisible(false, refElem, popper, placement, offset);\n\n bind(PoptipOkBtn, 'click', hidden);\n bind(PoptipCancelBtn, 'click', hidden);\n }\n\n private _setVisible(\n visible: boolean,\n refElem: Element,\n popper: HTMLElement,\n placement: string,\n offset: number\n ): void {\n const { _setPlacement, _visibleTransition } = Poptip.prototype;\n\n if (visible) {\n popper.dataset[STATEKEY] = 'show';\n _visibleTransition('in', popper);\n _setPlacement(refElem, popper, placement, offset);\n } else {\n popper.dataset[STATEKEY] = 'close';\n setTimeout(() => {\n popper.dataset[STATEKEY] === 'close' && _visibleTransition('out', popper);\n }, 0);\n }\n }\n\n private _setPlacement(\n refElem: Element,\n popper: HTMLElement,\n placement: string,\n offset: number\n ): void {\n _Popper._newCreatePopper(refElem, popper, placement, offset);\n }\n\n private _visibleTransition(type: 'in' | 'out', popper: HTMLElement): void {\n const aniCls =\n type === 'in'\n ? { enterCls: 'zoom-big-fast-enter' }\n : { leaveCls: 'zoom-big-fast-leave' };\n\n CssTransition(popper, {\n inOrOut: type,\n ...aniCls,\n rmCls: true,\n timeout: 190\n });\n }\n\n private _setWidthAndWordWrap(child: Element, width: number, wordWrap: boolean): void {\n setCss(child, 'width', `${width}px`);\n\n if (!wordWrap) return;\n\n const PoptipBodyContent = child.querySelector(`.${PREFIX.poptip}-body-content`)!;\n PoptipBodyContent.classList.add(`${PREFIX.poptip}-body-content-word-wrap`);\n }\n\n private _setPadding(node: Element, padding: string): void {\n if (!padding) return;\n setCss(node.querySelector(`.${PREFIX.poptip}-title`)!, 'padding', padding);\n setCss(node.querySelector(`.${PREFIX.poptip}-body`)!, 'padding', padding);\n }\n\n private _attrs(node: Element) {\n return {\n width: getNumTypeAttr(node, 'width', -1),\n offset: getNumTypeAttr(node, 'offset', 0),\n title: getStrTypeAttr(node, 'title', ''),\n okText: getStrTypeAttr(node, 'ok-text', '确定'),\n content: getStrTypeAttr(node, 'content', ''),\n trigger: getStrTypeAttr(node, 'trigger', 'click'),\n padding: getStrTypeAttr(node, 'padding', ''),\n placement: getStrTypeAttr(node, 'placement', 'top'),\n cancelText: getStrTypeAttr(node, 'cancel-text', '取消'),\n confirm: getBooleanTypeAttr(node, 'confirm'),\n visible: getBooleanTypeAttr(node, 'visible'),\n disabled: getBooleanTypeAttr(node, 'disabled'),\n wordWrap: getBooleanTypeAttr(node, 'word-wrap')\n };\n }\n}\n\nexport default Poptip;\n"
},
{
"path": "src/components/prefix.ts",
"content": "const prefixCls = 'rab-';\n\nexport default {\n affix: `${prefixCls}affix`,\n alert: `${prefixCls}alert`,\n avatar: `${prefixCls}avatar`,\n backtop: `${prefixCls}back-top`,\n badge: `${prefixCls}badge`,\n breadcrumb: `${prefixCls}breadcrumb`,\n button: `${prefixCls}btn`,\n card: `${prefixCls}card`,\n carousel: `${prefixCls}carousel`,\n checkbox: `${prefixCls}checkbox`,\n circle: `${prefixCls}chart-circle`,\n collapse: `${prefixCls}collapse`,\n divider: `${prefixCls}divider`,\n drawer: `${prefixCls}drawer`,\n dropdown: `${prefixCls}dropdown`,\n empty: `${prefixCls}empty`,\n jumbotron: `${prefixCls}jumbotron`,\n inputnb: `${prefixCls}input-number`,\n icon: `${prefixCls}icon`,\n loadingBar: `${prefixCls}loading-bar`,\n message: `${prefixCls}message`,\n messageChild: `${prefixCls}message-notice`,\n modal: `${prefixCls}modal`,\n notice: `${prefixCls}notice`,\n pageHeader: `${prefixCls}page-header`,\n poptip: `${prefixCls}poptip`,\n noticeChild: `${prefixCls}notice-notice`,\n progress: `${prefixCls}progress`,\n radio: `${prefixCls}radio`,\n rate: `${prefixCls}rate`,\n result: `${prefixCls}result`,\n select: `${prefixCls}select`,\n skeleton: `${prefixCls}skeleton`,\n switch: `${prefixCls}switch`,\n tabs: `${prefixCls}tabs`,\n tag: `${prefixCls}tag`,\n spin: `${prefixCls}spin`,\n steps: `${prefixCls}steps`,\n time: `${prefixCls}time`,\n timeline: `${prefixCls}timeline`,\n tooltip: `${prefixCls}tooltip`\n};\n"
},
{
"path": "src/components/progress/index.ts",
"content": "import Progress from './progress';\nexport default Progress;\n"
},
{
"path": "src/components/progress/progress.ts",
"content": "import { type, validComps } from '../../utils';\nimport { $el, createElem, removeAttrs, setCss, setHtml, setText } from '../../dom-utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n percent: number;\n successPercent: number;\n };\n}\n\nconst PrgesIconType = {\n success: ';\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-progress', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n percent: number;\n successPercent: number;\n } {\n const target = $el(el);\n\n validComps(target, 'progress');\n\n const progress = target.querySelector(`.${PREFIX.progress}-bg`);\n const progressSucs = target.querySelector(`.${PREFIX.progress}-success-bg`);\n const progressText = target.querySelector(`.${PREFIX.progress}-inner-text`);\n\n return {\n get percent() {\n return progress;\n },\n\n set percent(newVal: number) {\n if (!type.isNum(newVal) || newVal == progress.style.width) return;\n\n if (progressText) setHtml(progressText, `${newVal}%`);\n\n setCss(progress, 'width', `${newVal}%`);\n },\n\n get successPercent() {\n return progressSucs;\n },\n\n set successPercent(newVal) {\n if (!type.isNum(newVal) || newVal == progressSucs.style.width) return;\n\n setCss(progressSucs, 'width', `${newVal}%`);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n this._createChildNodes(node);\n\n removeAttrs(node, [\n 'percent',\n 'show-text',\n 'text-inside',\n 'stroke-width',\n 'stroke-color',\n 'success-percent'\n ]);\n });\n }\n\n private _createChildNodes(wrapper: Element): void {\n const PgrsOuter = createElem('div');\n const PgrsInner = createElem('div');\n const PgrsBar = createElem('div');\n const PgrsBarSucess = createElem('div');\n\n PgrsOuter.className = `${PREFIX.progress}-outer`;\n PgrsInner.className = `${PREFIX.progress}-inner`;\n PgrsBar.className = `${PREFIX.progress}-bg`;\n PgrsBarSucess.className = `${PREFIX.progress}-success-bg`;\n\n this._setPercent(wrapper, PgrsBar, PgrsBarSucess);\n this._setStrokeWidth(wrapper, PgrsBar, PgrsBarSucess);\n this._setStrokeColor(wrapper, PgrsBar);\n\n PgrsInner.append(PgrsBar, PgrsBarSucess);\n PgrsOuter.appendChild(PgrsInner);\n wrapper.appendChild(PgrsOuter);\n\n this._showText(wrapper, PgrsBar);\n }\n\n private _setPercent(wrapper: Element, bar: HTMLElement, successBar: HTMLElement): void {\n const percent = `${this._getPercent(wrapper)}%`;\n const successPercent = `${this._getSuccessPercent(wrapper)}%`;\n\n setCss(bar, 'width', percent);\n setCss(successBar, 'width', successPercent);\n }\n\n private _setStrokeWidth(wrapper: Element, bar: HTMLElement, successBar: HTMLElement): void {\n const strokeWidth = `${this._getStrokeWidth(wrapper)}px`;\n\n setCss(bar, 'height', strokeWidth);\n setCss(successBar, 'height', strokeWidth);\n }\n\n private _showText(wrapper: Element, PgrsBar: HTMLElement): void {\n if (!this._isShowText(wrapper)) return;\n\n const PgrsTextWrapper = createElem('div');\n const PgresText = createElem('span');\n\n PgrsTextWrapper.className = `${PREFIX.progress}-text`;\n PgresText.className = `${PREFIX.progress}-inner-text`;\n\n const percentText = `${this._getPercent(wrapper)}%`;\n\n setText(PgresText, percentText);\n\n if (!this._isTextInside(wrapper)) {\n wrapper.className = `${PREFIX.progress}-show-info`;\n\n if (this._getStatus(wrapper) === 'success') {\n setHtml(PgresText, PrgesIconType.success);\n } else if (this._getStatus(wrapper) === 'warning') {\n setHtml(PgresText, PrgesIconType.warning);\n } else if (this._getStatus(wrapper) === 'wrong') {\n setHtml(PgresText, PrgesIconType.wrong);\n }\n\n PgrsTextWrapper.appendChild(PgresText);\n\n wrapper.appendChild(PgrsTextWrapper);\n } else {\n PgrsBar.appendChild(PgresText);\n }\n }\n\n private _setStrokeColor(wrapper: Element, PgrsBar: HTMLElement): void {\n const { from, to } = this._getStrokeColor(wrapper);\n\n if (from.length || to.length) {\n const strokeColor = `linear-gradient(to right, ${from} 0%, ${to} 100%)`;\n\n setCss(PgrsBar, 'backgroundImage', strokeColor);\n }\n }\n\n private _getStatus(node: Element): string | null {\n return node.getAttribute('status');\n }\n\n private _getPercent(node: Element): string {\n return node.getAttribute('percent') || '0';\n }\n\n private _getSuccessPercent(node: Element): string {\n return node.getAttribute('success-percent') || '0';\n }\n\n private _getStrokeWidth(node: Element): string {\n return node.getAttribute('stroke-width') || '10';\n }\n\n private _getStrokeColor(\n node: Element\n ): {\n from: Array;\n to: Array;\n } {\n if (!node.getAttribute('stroke-color')) {\n return {\n from: [],\n to: []\n };\n } else {\n /**\n * 转为真实数组\n * \"['','']\" -> ['','']\n */\n const strArr: string = node.getAttribute('stroke-color')?.replace(/'/g, '\"') || '';\n const colorArr = JSON.parse(strArr);\n\n return {\n from: colorArr[0],\n to: colorArr[1]\n };\n }\n }\n\n private _isTextInside(node: Element): boolean {\n return node.getAttribute('text-inside') === 'true';\n }\n\n private _isShowText(node: Element): boolean {\n if (node.getAttribute('show-text') === 'false') return false;\n else return true;\n }\n}\n\nexport default Progress;\n"
},
{
"path": "src/components/radio/index.ts",
"content": "import Radio from './radio';\nexport default Radio;\n"
},
{
"path": "src/components/radio/radio.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { type, validComps } from '../../utils';\nimport {\n $el,\n bind,\n getBooleanTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setHtml,\n siblings\n} from '../../dom-utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n checked: boolean;\n value: string;\n events({ onChange }: RadioEvent): void;\n };\n}\n\ninterface ItemData {\n index: number;\n label: string;\n current: Element;\n}\n\ninterface RadioEvent {\n onChange: (param: boolean & ItemData) => void;\n}\n\nclass Radio implements Config {\n readonly VERSION: string;\n private COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-radio', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n checked: boolean;\n value: string;\n events({ onChange }: RadioEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n const isGroup = target.tagName.toLowerCase() == 'r-radio-group';\n\n // 排除 group 项\n if (!isGroup) {\n validComps(target, 'radio');\n } else {\n validComps(target, 'radio-group');\n }\n\n const {\n _isChecked,\n _isDisabled,\n _setSingleChecked,\n _setCurrentlyChecked\n } = Radio.prototype;\n\n return {\n get checked() {\n return !isGroup && _isChecked(target);\n },\n\n set checked(newVal: boolean) {\n if (isGroup || !type.isBol(newVal)) return;\n _setSingleChecked(target, newVal);\n },\n\n get value() {\n // @ts-ignore\n return isGroup && target.getAttribute('value');\n },\n\n set value(newVal: string) {\n if (!isGroup && !type.isStr(newVal)) return;\n\n Array.from(target.children).forEach((child) => {\n const label = child.getAttribute('label')!;\n _setCurrentlyChecked(child, newVal, label);\n });\n },\n\n events({ onChange }) {\n if (!isGroup) {\n bind(target, 'click', () => {\n if (_isDisabled(target)) return false;\n onChange && type.isFn(onChange, true);\n });\n } else {\n const data = Object.create(null);\n\n bind(target, 'click', () => {\n Array.from(target.children).forEach((child, index) => {\n if (_isDisabled(child)) return false;\n\n data['index'] = index;\n data['label'] = child.getAttribute('label');\n data['current'] = child;\n\n if (_isChecked(child)) onChange && type.isFn(onChange, data);\n });\n });\n }\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n const { checked, label, icon, name } = this._attrs(node);\n const content = setHtml(node);\n const RadioGroupWrapper = this._getGroupElm(node);\n\n if (RadioGroupWrapper) {\n const { value } = this._attrs(RadioGroupWrapper);\n this._setCurrentlyChecked(node, value, label);\n }\n\n this._setMainTemplate(node, content, name);\n this._setSingleChecked(node, checked, RadioGroupWrapper);\n this._setIcon(node, icon);\n this._handleClick(node, RadioGroupWrapper);\n\n removeAttrs(node, ['checked', 'icon']);\n });\n }\n\n private _setMainTemplate(node: Element, content: string, name: string): void {\n const template = `\n \n ${content}\n `;\n\n setHtml(node, template);\n }\n\n // 设置单个radio选中\n private _setSingleChecked(\n node: Element,\n checked: boolean,\n groupWrapper?: Element | null\n ): void {\n if (groupWrapper) return;\n\n checked\n ? node.classList.add(`${PREFIX.radio}-checked`)\n : node.classList.remove(`${PREFIX.radio}-checked`);\n }\n\n // 设置radio组的当前选中项\n private _setCurrentlyChecked(node: Element, value: string, label: string): void {\n if (value !== label) return;\n\n node.classList.add(`${PREFIX.radio}-wrapper-checked`);\n node.classList.add(`${PREFIX.radio}-checked`);\n\n siblings(node).forEach((o: Element) => {\n o.classList.remove(`${PREFIX.radio}-wrapper-checked`);\n o.classList.remove(`${PREFIX.radio}-checked`);\n });\n }\n\n private _setIcon(node: Element, icon: string): void {\n if (!icon) return;\n\n const template = `;\n\n constructor() {\n this.VERSION = 'v1.1';\n this.COMPONENTS = $el('r-result', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n // v1.1 增加占位节点的组成数量判断\n if (moreThanOneNode(node)) return;\n\n const { status, title, subTitle, icon, extra } = this._attrs(node);\n\n const placeholderNode = node.firstElementChild;\n\n this._setMainTemplate(node);\n this._setStatus(node, status);\n this._setTitle(node, title, subTitle);\n this._setExtraContent(node, extra);\n this._setComplexDesc(node, placeholderNode!);\n this._setCustomIcon(node, icon);\n\n removeAttrs(node, ['title', 'subtitle', 'status', 'icon', 'extra']);\n });\n }\n\n private _setMainTemplate(node: Element): void {\n const template = `\n \n
\n
\n
\n
\n \n `;\n\n setHtml(node, template);\n }\n\n private _setStatus(node: Element, status: string): void {\n node.classList.add(`${PREFIX.result}-${status}`);\n\n const ResultIcon = node.querySelector(`.${PREFIX.result}-icon`)!;\n const I = ResultIcon.querySelector('i')!;\n const iconType = this._getStatusIcon(status);\n const otherStatus = ['403', '404', '500'];\n\n if (otherStatus.includes(status)) {\n ResultIcon.classList.add(`${PREFIX.result}-image`);\n ResultIcon.removeChild(I);\n setHtml(ResultIcon, `;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-skeleton', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const {\n active,\n title,\n paragraph,\n avatar,\n titleWidth,\n paragraphRows,\n paragraphWidth,\n avatarSize,\n avatarShape\n } = this._attrs(node);\n\n this._setActive(node, active);\n this._setMainTemplate(node);\n this._setTitle(node, title, titleWidth);\n this._showParagraph(node, paragraph, paragraphRows, paragraphWidth);\n this._showAvatar(node, avatar, avatarSize, avatarShape);\n\n removeAttrs(node, [\n 'active',\n 'title',\n 'paragraph',\n 'avatar',\n 'title-width',\n 'paragraph-width',\n 'paragraph-rows',\n 'avatar-shape',\n 'avatar-size'\n ]);\n });\n }\n\n private _setActive(node: Element, active: boolean): void {\n if (!active) return;\n\n node.classList.add(`${PREFIX.skeleton}-active`);\n }\n\n private _setMainTemplate(node: Element): void {\n const template = `\n \n `;\n\n setHtml(node, template);\n }\n\n private _setTitle(node: Element, isShow: string, width: number): void {\n const Title = node.querySelector(`.${PREFIX.skeleton}-title`)!;\n\n this._setTitleWidth(Title, width);\n\n if (isShow === 'false') {\n node.removeChild(Title);\n }\n }\n\n private _setTitleWidth(titleElm: Element, titleWidth: number): void {\n setCss(titleElm, 'width', `${titleWidth}%`);\n }\n\n private _showParagraph(node: Element, isShow: string, rows: number, rowsWidth: any): void {\n const Paragraph = node.querySelector(`.${PREFIX.skeleton}-paragraph`)!;\n\n this._setParagraphRows(Paragraph, rows);\n this._setParagraphRowsWidth(Paragraph, rowsWidth);\n\n if (isShow === 'false') {\n node.removeChild(Paragraph!);\n }\n }\n\n private _setParagraphRows(pgELm: Element, rows: number): void {\n if (!rows) return;\n\n const Fragment = document.createDocumentFragment();\n\n let i = 0;\n for (; i < rows; i++) {\n const Row = createElem('li');\n Fragment.appendChild(Row);\n }\n\n setHtml(pgELm, '');\n\n pgELm.appendChild(Fragment);\n }\n\n private _setParagraphRowsWidth(pgELm: Element, width: number | number[] | string[]): void {\n if (typeof width === 'number') {\n setCss(pgELm.querySelector(`.${PREFIX.skeleton}-paragraph > li`), 'width', `${width}%`);\n }\n\n if (Array.isArray(width) && width.length) {\n const Rows = pgELm.querySelectorAll(`.${PREFIX.skeleton}-paragraph > li`);\n\n let i = 0;\n for (; i < width.length; i++) {\n const rowWidth = width[i];\n const Row = Rows[i];\n Row ? setCss(Row, 'width', `${rowWidth}%`) : null;\n }\n }\n }\n\n private _showAvatar(node: Element, avatar: boolean, size: string, shape: string): void {\n if (!avatar) return;\n\n const template = `\n \n `;\n\n node.insertAdjacentHTML('afterbegin', template);\n\n node.classList.add(`${PREFIX.skeleton}-with-avatar`);\n\n setCss(node.querySelector(`.${PREFIX.skeleton}-title`), 'width', '50%');\n }\n\n private _attrs(node: Element) {\n return {\n active: getBooleanTypeAttr(node, 'active'),\n avatar: getBooleanTypeAttr(node, 'avatar'),\n title: getStrTypeAttr(node, 'title', 'true'),\n paragraph: getStrTypeAttr(node, 'paragraph', 'true'),\n avatarSize: getStrTypeAttr(node, 'avatar-size', 'large'),\n avatarShape: getStrTypeAttr(node, 'avatar-shape', 'circle'),\n titleWidth: getNumTypeAttr(node, 'title-width'),\n paragraphWidth:\n getNumTypeAttr(node, 'paragraph-width', 0) ||\n getArrTypeAttr(node, 'paragraph-width'),\n paragraphRows: getNumTypeAttr(node, 'paragraph-rows')\n };\n }\n}\n\nexport default Skeleton;\n"
},
{
"path": "src/components/spin/index.ts",
"content": "import Spin from './spin';\nexport default Spin;\n"
},
{
"path": "src/components/spin/spin.ts",
"content": "import PREFIX from '../prefix';\nimport { $el, setHtml } from '../../dom-utils';\nimport { CssTransition, Scrollable } from '../../mixins';\nimport { destroyElem } from '../../utils';\n\nlet spinZIndex = 2010;\n\nclass Spin {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-spin', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public show({ content = '' } = {}): void {\n Scrollable({ scroll: false, lock: false });\n\n const template = `\n \n \n ${this._createChildTemplate(content)}\n \n
\n `;\n\n const fragment = document.createRange().createContextualFragment(template);\n\n document.body.appendChild(fragment);\n\n CssTransition($el(`.${PREFIX.spin}-fullscreen`), {\n inOrOut: 'in',\n enterCls: 'rab-fade-in'\n });\n }\n\n public hide(): void {\n Scrollable({ scroll: true, lock: true });\n\n const spinElem = $el(`.${PREFIX.spin}-fullscreen`);\n\n if (spinElem) destroyElem(spinElem, { fadeOut: true });\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const customContent = setHtml(node);\n\n customContent ? node.classList.add(`${PREFIX.spin}-show-text`) : '';\n\n setHtml(node, this._createChildTemplate(customContent));\n });\n }\n\n private _createChildTemplate(content: string): string {\n const template = `\n \n `;\n\n return template;\n }\n}\n\nexport default Spin;\n"
},
{
"path": "src/components/steps/index.ts",
"content": "import Steps from './steps';\nexport default Steps;\n"
},
{
"path": "src/components/steps/steps.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n getNumTypeAttr,\n getStrTypeAttr,\n nextAll,\n prevAll,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { warn } from '../../mixins';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n current: number;\n title: string;\n content: string;\n status: string;\n itemStatus: string[];\n };\n}\n\nclass Steps implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = '1.0';\n this.COMPONENTS = $el('r-steps', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n current: number;\n title: string;\n content: string;\n status: string;\n itemStatus: string[];\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'steps');\n\n const { _setCurrentStep, _setStatus, _setStatusIcon } = Steps.prototype;\n\n const _current = target.dataset['current']!;\n const StepsTitle = target.querySelector(`.${PREFIX.steps}-title`)!;\n const StepsContent = target.querySelector(`.${PREFIX.steps}-content`)!;\n const StepsStep = target.querySelectorAll('r-step')!;\n\n const setTitleOrContent = (elem: Element, val: string) => {\n if (val && !type.isStr(val)) return;\n setHtml(elem, val);\n };\n\n return {\n get current() {\n return Number(target.dataset['current']);\n },\n set current(newVal: number) {\n if (!type.isNum(newVal)) return;\n _setCurrentStep(target, newVal, target.dataset['status']!);\n },\n\n get title() {\n return setHtml(StepsTitle);\n },\n\n set title(newVal: string) {\n setTitleOrContent(StepsTitle, newVal);\n },\n\n get content() {\n return setHtml(StepsContent);\n },\n set content(newVal: string) {\n setTitleOrContent(StepsContent, newVal);\n },\n\n get status() {\n return target.dataset['status']!;\n },\n set status(newVal: string) {\n if (newVal && !type.isStr(newVal)) return;\n\n const currentStep = target.querySelector(`r-step[data-index=\"${_current}\"]`)!;\n\n _setStatus(target, currentStep, newVal);\n },\n\n get itemStatus() {\n return [];\n },\n set itemStatus(newVal: string[]) {\n if (newVal && !type.isArr(newVal)) return;\n\n const changeStatus = (elem: Element, status: string) => {\n elem.setAttribute('status', status);\n _setStatusIcon(status, elem);\n };\n\n if (newVal.length == 1) {\n const step = StepsStep[0];\n changeStatus(step, newVal[0]);\n return;\n }\n\n StepsStep.forEach((step, idx) =>\n newVal[idx] ? changeStatus(step, newVal[idx]) : ''\n );\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { current, status, direction } = this._attrs(node);\n const StepsStepItem = node.querySelectorAll('r-step');\n\n this._setDirection(node, direction);\n this._setStepChildren(StepsStepItem);\n this._setCurrentStep(node, current, status);\n\n removeAttrs(node, ['current', 'status']);\n });\n }\n\n private _setDirection(node: Element, direction: string): void {\n node.setAttribute('direction', `${direction}`);\n }\n\n private _setStepChildren(stepItem: NodeListOf): void {\n stepItem.forEach((step, idx) => {\n // @ts-ignore\n step.dataset['index'] = `${idx}`;\n\n this._setStatusFlag(step);\n\n const { icon, title, content } = this._attrs(step);\n\n const stepsText = idx + 1;\n\n const template = `\n
\n \n
\n ${stepsText} \n
\n
\n
${title}
\n
${content}
\n
. --> \"${current}\"`\n );\n console.error(node);\n current = len;\n }\n\n // @ts-ignore\n node.dataset['current'] = current;\n\n const { _setStatus } = Steps.prototype;\n const currentStep = node.querySelector(`r-step[data-index=\"${current}\"]`)!;\n\n _setStatus(node, currentStep, status);\n }\n\n private _setStatus(node: Element, currentStep: Element, status: string): void {\n // @ts-ignore\n node.dataset['status'] = status;\n\n const { _setStatusIcon, _setPrevAndNextStatus, _setNextError } = Steps.prototype;\n\n // @ts-ignore\n const isAutoStatus = currentStep.dataset['autoStatus'];\n const selfStatus = currentStep.getAttribute('status');\n\n // 1.如果步骤项设置了status则优先使用该状态，不包括打上autoStatus的标记项。\n // 2.如果步骤项父容器指定了某项步骤项为活跃状态，并且指定了 status 则使用该状态。\n if (selfStatus && isAutoStatus !== '') {\n currentStep.setAttribute('status', selfStatus);\n _setStatusIcon(selfStatus, currentStep);\n } else {\n currentStep.setAttribute('status', status);\n _setStatusIcon(status, currentStep);\n }\n\n _setPrevAndNextStatus('prev', currentStep, _setStatusIcon);\n _setPrevAndNextStatus('next', currentStep, _setStatusIcon);\n _setNextError(node);\n }\n\n private _setPrevAndNextStatus(\n type: 'prev' | 'next',\n currentStep: Element,\n setStatusIcon: any\n ): void {\n // @ts-ignore\n const func = type === 'prev' ? prevAll : nextAll;\n const defaultStatus = type === 'prev' ? 'finish' : 'wait';\n\n func(currentStep).forEach((step) => {\n // @ts-ignore\n const hasSetStatus = step.dataset['specifiesStatus'];\n\n // 当前步骤项位置的其他节点如果没有提示设置status，则默认设置为 finish / wait，并打上标记\n // 如果其中有某个设置了则略过\n if (!hasSetStatus) {\n // @ts-ignore\n step.dataset['autoStatus'] = '';\n step.setAttribute('status', defaultStatus);\n\n setStatusIcon(defaultStatus, step);\n } else {\n setStatusIcon(hasSetStatus, step);\n }\n });\n }\n\n private _setStatusIcon(status: string, step: Element): void {\n // @ts-ignore\n const isUseCustomIcon: boolean = step.dataset['useIcon'] === 'true';\n\n // 如果使用了自定义图标则略过\n if (isUseCustomIcon) return;\n\n const StepsIcon = step.querySelector('#stepsIcon')!;\n const StepsText = StepsIcon.nextElementSibling!;\n\n // 步骤项状态不为finish或error则显示步骤数字、隐藏图标容器，反之。\n if (status !== 'finish' && status !== 'error') {\n setCss(StepsIcon, 'display', 'none');\n setCss(StepsText, 'display', '');\n return;\n }\n\n setCss(StepsIcon, 'display', '');\n setCss(StepsText, 'display', 'none');\n\n let iconType = '';\n\n if (status === 'finish') {\n iconType = 'ios-checkmark';\n }\n if (status === 'error') {\n iconType = 'ios-close';\n }\n\n StepsIcon.className = `${PREFIX.steps}-icon ${PREFIX.icon} ${PREFIX.icon}-${iconType}`;\n }\n\n private _setCustomIcon(step: Element, icon: string): void {\n if (!icon) return;\n\n // @ts-ignore\n step.dataset['useIcon'] = 'true';\n step.classList.add(`${PREFIX.steps}-custom`);\n\n const StepsIcon = step.querySelector('#stepsIcon')!;\n\n StepsIcon.classList.add(`${PREFIX.icon}`);\n StepsIcon.classList.add(`${PREFIX.icon}-${icon}`);\n\n setCss(StepsIcon.nextElementSibling!, 'display', 'none');\n }\n\n private _setNextError(node: Element): void {\n const StepsStep = node.querySelectorAll('r-step');\n\n StepsStep.forEach((step, idx) => {\n if (step.getAttribute('status') === 'error' && idx !== 0) {\n const prevStep = StepsStep[idx - 1];\n\n if (prevStep.getAttribute('status') === 'error') {\n prevStep.classList.add(`${PREFIX.steps}-next-error`);\n } else {\n prevStep.classList.remove(`${PREFIX.steps}-next-error`);\n }\n }\n });\n }\n\n private _attrs(node: Element) {\n return {\n current: getNumTypeAttr(node, 'current', 0),\n icon: getStrTypeAttr(node, 'icon', ''),\n title: getStrTypeAttr(node, 'title', ''),\n status: getStrTypeAttr(node, 'status', 'process'),\n content: getStrTypeAttr(node, 'content', ''),\n direction: getStrTypeAttr(node, 'direction', 'horizontal')\n };\n }\n}\n\nexport default Steps;\n"
},
{
"path": "src/components/switch/index.ts",
"content": "import Switch from './switch';\nexport default Switch;\n"
},
{
"path": "src/components/switch/switch.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n bind,\n getBooleanTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n checked: boolean;\n disabled: boolean;\n loading: boolean;\n events({ onChange }: SwitchEvent): void;\n };\n}\n\ninterface SwitchEvent {\n onChange?: (checked: boolean) => void;\n}\n\nclass Switch implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = '1.0';\n this.COMPONENTS = $el('r-switch', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n checked: boolean;\n disabled: boolean;\n loading: boolean;\n events({ onChange }: SwitchEvent): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'switch');\n\n const Input = target.querySelector('input[type=\"hidden\"]') as HTMLInputElement;\n const isChecked: boolean = Input.value === 'true';\n const isDisabled: boolean = target.classList.contains(`${PREFIX.switch}-disabled`);\n const isLoading: boolean = target.classList.contains(`${PREFIX.switch}-loading`);\n\n const changeState = (flag: boolean, state: boolean, cls: string) => {\n if (flag && !type.isBol(flag)) return;\n\n if (flag && state) return;\n else target.classList.add(`${PREFIX.switch}-${cls}`);\n\n if (flag == false) target.classList.remove(`${PREFIX.switch}-${cls}`);\n };\n\n return {\n get checked() {\n return isChecked;\n },\n set checked(newVal: boolean) {\n changeState(newVal, isChecked, 'checked');\n },\n\n get disabled() {\n return isDisabled;\n },\n set disabled(newVal: boolean) {\n changeState(newVal, isDisabled, 'disabled');\n },\n\n get loading() {\n return isLoading;\n },\n set loading(newVal: boolean) {\n changeState(newVal, isLoading, 'loading');\n },\n\n events({ onChange }: SwitchEvent) {\n let checked: boolean;\n const handler = () => {\n checked = JSON.parse(Input.value);\n onChange && type.isFn(onChange, checked);\n };\n bind(target, 'click', handler);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf) {\n COMPONENTS.forEach((node) => {\n node.setAttribute('tabindex', '0');\n\n const {\n checked,\n loading,\n disabled,\n size,\n open,\n close,\n trueColor,\n falseColor\n } = this._attrs(node);\n\n this._setSize(node, size);\n this._setMainTemplate(node);\n this._setDisabled(node, disabled);\n this._setLoading(node, loading);\n this._setStatusBgc(node, checked, trueColor, falseColor);\n\n const SwitchInner = node.querySelector(`.${PREFIX.switch}-inner`)!;\n const HiddenInput = node.querySelector('input[type=\"hidden\"]') as HTMLInputElement;\n\n this._setChecked(node, HiddenInput, checked);\n this._setStatusText(SwitchInner, checked, open, close);\n\n this._handleChange(node, HiddenInput, SwitchInner, {\n open,\n close,\n trueColor,\n falseColor\n });\n\n removeAttrs(node, [\n 'checked',\n 'loading',\n 'disabled',\n 'size',\n 'open',\n 'close',\n 'true-color',\n 'false-color'\n ]);\n });\n }\n\n private _setDisabled(node: Element, disabled: boolean) {\n if (!disabled) return;\n node.classList.add(`${PREFIX.switch}-disabled`);\n }\n\n private _setLoading(node: Element, loading: boolean): void {\n if (!loading) return;\n node.classList.add(`${PREFIX.switch}-loading`);\n }\n\n private _setSize(node: Element, size: string): void {\n if (!size || size === 'default') return;\n node.classList.add(`${PREFIX.switch}-${size}`);\n }\n\n private _setMainTemplate(node: Element): void {\n const template = `\n ;\n\n constructor() {\n this.VERSION = '1.0';\n this.COMPONENTS = $el('r-tabs', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n activeIndex: string;\n events({ onClick, onTabRemove }: TabsEvents): void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'tabs');\n\n const TabTabs = target.querySelectorAll(`.${PREFIX.tabs}-tab`);\n const TabPanes = target.querySelectorAll('r-tab-pane');\n\n const { _attrs, _changeTab, _changePane } = Tabs.prototype;\n const { activeIndex } = _attrs(target);\n return {\n get activeIndex() {\n return activeIndex;\n },\n\n set activeIndex(newVal: string) {\n if (!type.isStr(newVal)) return;\n\n TabPanes.forEach((pane, i) => {\n const p = pane as HTMLElement;\n\n if (newVal !== p.dataset.paneKey) return;\n\n _changeTab(TabTabs[i], true);\n _changePane([false, p.parentElement!, i, 'true', p]);\n });\n },\n\n events({ onClick, onTabRemove }) {\n TabTabs.forEach((tab, i) => {\n const tabClose = tab.querySelector(`.${PREFIX.tabs}-close`);\n\n const clickEv = () => {\n const TabPane = TabPanes[i] as HTMLElement;\n const key = TabPane.dataset.paneKey;\n\n onClick && type.isFn(onClick, key);\n\n if (!tabClose) return;\n onTabRemove && type.isFn(onTabRemove, key);\n };\n\n bind(tab, 'click', clickEv);\n\n if (!tabClose) return;\n bind(tabClose, 'click', clickEv);\n });\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const tabPanes = node.querySelectorAll('r-tab-pane');\n const { activeIndex, size, type, closable, animated } = this._attrs(node);\n\n this._setType(node, type);\n this._setSize(node, type, size);\n this._setNoAnimation(node, animated);\n this._setBodyTemplate(node);\n this._setTabPane([node, tabPanes, activeIndex, type, animated, closable]);\n\n removeAttrs(node, ['active-index', 'type', 'size', 'closable', 'animated']);\n });\n }\n\n private _setType(node: Element, type: string): void {\n if (type !== 'card') return;\n node.classList.add(`${PREFIX.tabs}-${type}`);\n }\n\n private _setSize(node: Element, type: string, size: string): void {\n if (type !== 'line' || size !== 'small') return;\n node.classList.add(`${PREFIX.tabs}-mini`);\n }\n\n private _setNoAnimation(node: Element, animated: string): void {\n if (animated === 'true') return;\n node.classList.add(`${PREFIX.tabs}-no-animation`);\n }\n\n private _setBodyTemplate(node: Element): void {\n const template = `\n \n
`;\n\n setHtml(node, template);\n }\n\n private _setTabPane(\n args: [Element, NodeListOf, string, string, string, boolean]\n ): void {\n const [node, panes, activekey, type, animated, closable] = args;\n\n const TabNav = node.querySelector(`.${PREFIX.tabs}-nav`);\n const TabPaneContainer = node.querySelector(`.${PREFIX.tabs}-content`);\n\n const Fragment = document.createDocumentFragment();\n\n panes.forEach((pane, idx) => {\n const { index: key, tab, icon, closable: separateClose, disabled } = this._paneAttrs(\n pane\n );\n\n const TabsTab: HTMLElement = this._setTab(TabNav!, tab);\n\n this._setTabIcon(TabsTab, icon);\n this._setTabClosable([TabsTab, type, closable, separateClose]);\n this._setTabDisabled(TabsTab, disabled);\n\n setCss(pane, 'display', `${animated === 'true' ? 'block' : 'none'}`);\n\n this._setPaneKey(pane, key, idx);\n this._setActive([closable, TabPaneContainer!, TabsTab, pane, activekey, idx, animated]);\n\n this._handleToggle([closable, TabsTab, pane, idx, disabled, animated]);\n this._handleRemove(TabsTab, pane);\n\n Fragment.appendChild(pane);\n\n removeAttrs(pane, ['index', 'tab', 'icon', 'disabled', 'closable']);\n });\n\n TabPaneContainer?.appendChild(Fragment);\n }\n\n private _setTab(tabsNav: Element, content: string): HTMLElement {\n const TabsTab = createElem('div');\n\n TabsTab.className = `${PREFIX.tabs}-tab`;\n\n setHtml(TabsTab, content);\n\n tabsNav.appendChild(TabsTab);\n\n return TabsTab;\n }\n\n private _setTabIcon(tabElm: Element, icon: string): void {\n if (!icon) return;\n\n const Icon = createElem('i');\n\n Icon.className = `${PREFIX.icon} ${PREFIX.icon}-${icon}`;\n tabElm.prepend(Icon);\n }\n\n private _setTabClosable(args: [Element, string, boolean, string]): void {\n const [tabElm, type, closable, separateClose] = args;\n\n if (!closable || type !== 'card') return;\n\n const CloseIcon = createElem('icon');\n\n CloseIcon.className = `${PREFIX.icon} ${PREFIX.icon}-ios-close ${PREFIX.tabs}-close`;\n\n // 单独设置当前选项是否可以关闭页签\n if (separateClose === 'false') return;\n\n tabElm.appendChild(CloseIcon);\n }\n\n private _setTabDisabled(tabsTab: Element, disabled: boolean): void {\n if (!disabled) return;\n tabsTab.classList.add(`${PREFIX.tabs}-tab-disabled`);\n }\n\n private _setPaneKey(pane: Element, key: string, idx: number): void {\n // 当前面板的 key 如果不填则默认为其索引值\n // @ts-ignore\n pane.dataset.paneKey = !key ? idx : key;\n }\n\n private _setActive(args: [boolean, Element, Element, Element, string, number, string]): void {\n const [closable, paneContainer, tabsTab, pane, activekey, idx, animated] = args;\n\n // @ts-ignore\n const isEqual = activekey === pane.dataset.paneKey;\n\n if (isEqual) {\n this._changeTab(tabsTab);\n this._changePane([closable, paneContainer, idx]);\n }\n\n setCss(pane, 'visibility', `${isEqual ? 'visible' : 'hidden'}`);\n\n if (animated === 'false') {\n setCss(pane, 'display', `${isEqual ? 'block' : 'none'}`);\n }\n }\n\n private _handleToggle(args: [boolean, Element, Element, number, boolean, string]): void {\n const [closable, tabsTab, pane, idx, disabled, animated] = args;\n\n bind(tabsTab, 'click', () => {\n if (disabled) return false;\n\n this._changeTab(tabsTab);\n this._changePane([closable, pane.parentElement!, idx, animated, pane]);\n });\n }\n\n private _handleRemove(tabsTab: Element, pane: Element): void {\n const TabClose = tabsTab.querySelector(`.${PREFIX.tabs}-close`);\n\n if (!TabClose) return;\n\n /**\n * @param elm1 tabs的选项\n * @param elm2 tabs的面板\n */\n const changeActive = (elm1: Element, elm2: Element) => {\n if (tabsTab.classList.contains(`${PREFIX.tabs}-tab-active`)) {\n this._changeTab(elm1, false);\n }\n\n setCss(elm2, 'display', 'block');\n setCss(elm2, 'visibility', 'visible');\n };\n\n const removeEv = () => {\n const prevTab = tabsTab.previousElementSibling;\n const nextTab = tabsTab.nextElementSibling;\n const prevPane = pane.previousElementSibling;\n const nextPane = pane.nextElementSibling;\n\n if (nextTab && nextPane) {\n changeActive(nextTab, nextPane);\n } else if (prevTab && prevPane) {\n changeActive(prevTab, prevPane);\n }\n\n tabsTab.remove();\n pane.remove();\n };\n\n bind(TabClose, 'click', (e: Event) => {\n e.stopPropagation();\n removeEv();\n });\n }\n\n private _changeTab(tabsTab: Element, siblingsChange = true): void {\n tabsTab.classList.add(`${PREFIX.tabs}-tab-active`);\n tabsTab.classList.add(`${PREFIX.tabs}-tab-focused`);\n\n if (!siblingsChange) return;\n\n siblings(tabsTab).forEach((o) => {\n o.classList.remove(`${PREFIX.tabs}-tab-active`);\n o.classList.remove(`${PREFIX.tabs}-tab-focused`);\n });\n }\n\n private _changePane(args: [boolean, Element, number, string?, Element?]): void {\n const [closable, paneContainer, idx, animated, pane] = args;\n\n // 如果选项卡启用了可关闭功能，则不使用动画切换，这为了减少 tab 删除操作的工作量\n if (!closable) {\n const translateX = idx * 100;\n setCss(paneContainer, 'transform', `translateX(-${translateX}%)`);\n }\n\n // 是否要一并更改面板项\n if (!pane) return;\n\n setCss(pane, 'display', 'block');\n setCss(pane, 'visibility', 'visible');\n\n siblings(pane).forEach((o) => {\n if (animated === 'false' || closable) setCss(o, 'display', 'none');\n\n setCss(o, 'visibility', 'hidden');\n });\n }\n\n private _attrs(node: Element) {\n return {\n activeIndex: getStrTypeAttr(node, 'active-index', '0'),\n type: getStrTypeAttr(node, 'type', 'line'),\n size: getStrTypeAttr(node, 'size', 'default'),\n animated: getStrTypeAttr(node, 'animated', 'true'),\n closable: getBooleanTypeAttr(node, 'closable')\n };\n }\n\n private _paneAttrs(pane: Element) {\n return {\n tab: getStrTypeAttr(pane, 'tab', ''),\n index: getStrTypeAttr(pane, 'index', ''),\n icon: getStrTypeAttr(pane, 'icon', ''),\n closable: getStrTypeAttr(pane, 'closable', 'true'),\n disabled: getBooleanTypeAttr(pane, 'disabled')\n };\n }\n}\n\nexport default Tabs;\n"
},
{
"path": "src/components/tag/index.ts",
"content": "import Tag from './tag';\nexport default Tag;\n"
},
{
"path": "src/components/tag/tag.ts",
"content": "import {\n $el,\n bind,\n getBooleanTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { destroyElem, validComps } from '../../utils';\nimport { isFn } from '../../utils/check-type';\nimport PREFIX from '../prefix';\n\ninterface Config {\n config(\n el: string\n ): {\n events({ onClose, onChange }: TagEvents): void;\n };\n}\n\ninterface TagEvents {\n onClose?: ($this: Element) => void;\n onChange?: (checked: boolean) => void;\n}\n\nclass Tag implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = '1.0';\n this.COMPONENTS = $el('r-tag', { all: true });\n this._create(this.COMPONENTS);\n }\n\n public config(\n el: string\n ): {\n events({ onClose, onChange }: TagEvents): void;\n } {\n const target = $el(el);\n\n validComps(target, 'tag');\n\n const CloseIcon = target.querySelector(`.${PREFIX.icon}-ios-close`);\n\n const $this = target;\n let checked: boolean;\n\n return {\n events({ onClose, onChange }: TagEvents) {\n bind(target, 'click', () => {\n checked = target.dataset.checked === 'true' ? true : false;\n onChange && isFn(onChange, checked);\n });\n\n if (!CloseIcon) return;\n\n bind(CloseIcon, 'click', (e: Event) => {\n e.stopPropagation();\n onClose && isFn(onClose, $this);\n });\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { type, size, color, checked, checkable, closable } = this._attrs(node);\n\n this._setMainTemplate(node);\n this._setType(node, type);\n this._setIsChecked(node, checked);\n this._setSize(node, size);\n this._setColor(node, type, checkable, color);\n this._setClosable(node, closable);\n this._setCheckable(node, checkable);\n this._handleClose(node, closable);\n\n removeAttrs(node, ['type', 'size', 'color', 'checked', 'checkable', 'closable']);\n });\n }\n\n private _setMainTemplate(node: Element): void {\n const content = setHtml(node);\n setHtml(node, `${content} `);\n }\n\n private _setType(node: Element, type: string) {\n if (type) node.classList.add(`${PREFIX.tag}-${type}`);\n\n if (type === 'dot') {\n node.insertAdjacentHTML('afterbegin', `;\n public locale: (str: string) => string;\n\n constructor() {\n this.VERSION = 'v1.0';\n this.COMPONENTS = $el('r-time', { all: true });\n\n // 配置默认语言 (全局)\n dayjs.locale('zh-cn');\n\n // 改变语言配置 (全局)，需自行引入 dayjs 语言包\n // 注意！通过 script 标签引入 rabbitjs 的情况下，通过这个函数设置语言是无效的\n this.locale = (str) => dayjs.locale(str);\n\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const { type, time, interval, hash } = this._attrs(node);\n\n this._setTime(node, type, time, interval);\n this._handleClick(node, hash);\n\n removeAttrs(node, ['time', 'type', 'hash', 'interval']);\n });\n }\n\n private _setTime(node: Element, type: string, time: string, interval: number): void {\n const timeStamp = eval(time);\n\n let seconds = 0;\n\n const timer = () => {\n if (type === 'relative') {\n dayjs.extend(relativeTime);\n\n let _relativeTime = dayjs(timeStamp).fromNow();\n\n // 如果自动更新的间隔小于60则是要通过秒更新时间而不是分钟\n // 当秒数走到60秒后就转换为 “x分钟前” 显示\n if (interval < 60) {\n const Chinese = ['zh', 'zh-cn', 'zh-hk', 'zh-tw'];\n // 语言环境为中文才进行并显示秒级别更新\n if (Chinese.includes(dayjs.locale())) {\n seconds++;\n setText(node, `${seconds}秒前`);\n }\n } else {\n setText(node, _relativeTime);\n }\n\n // 这段为设置中文状态下的情景\n if (_relativeTime === '几秒前') {\n _relativeTime = '刚刚';\n } else {\n setText(node, _relativeTime);\n }\n } else if (type === 'date') {\n const date = dayjs(timeStamp).format('YYYY-MM-DD');\n setText(node, date);\n } else if (type === 'datetime') {\n const dataTime = dayjs(timeStamp).format('YYYY-MM-DD-HH:mm:ss');\n setText(node, dataTime);\n }\n\n return timer;\n };\n\n setTimeout(() => {\n window.setInterval(timer(), interval * 1000);\n }, 0);\n }\n\n private _handleClick(node: Element, hash: string): void {\n if (!hash) return;\n\n node.classList.add(`${PREFIX.time}-with-hash`);\n node.addEventListener('click', () => (window.location.hash = hash));\n }\n\n private _attrs(node: Element) {\n return {\n time: getStrTypeAttr(node, 'time', ''),\n type: getStrTypeAttr(node, 'type', 'relative'),\n hash: getStrTypeAttr(node, 'hash', ''),\n interval: getNumTypeAttr(node, 'interval', 60)\n };\n }\n}\n\nexport default Time;\n"
},
{
"path": "src/components/timeline/index.ts",
"content": "import Timeline from './timeline';\nexport default Timeline;\n"
},
{
"path": "src/components/timeline/timeline.ts",
"content": "import { $el, createElem, removeAttrs, setCss, setHtml } from '../../dom-utils';\nimport PREFIX from '../prefix';\n\nclass Timeline {\n readonly VERSION: string;\n readonly COMPONENTS: any;\n\n constructor() {\n this.VERSION = '1.0';\n this.COMPONENTS = $el('r-timeline > r-timeline-item', { all: true });\n this._create(this.COMPONENTS);\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const TimelineItem = node;\n\n const TimelineTail = createElem('div');\n const TimelineHead = createElem('div');\n const TimelineContent = createElem('div');\n\n this._setCls(TimelineTail, TimelineHead, TimelineContent);\n this._setColor(TimelineItem, TimelineHead);\n this._setDot(TimelineItem, TimelineHead);\n this._setContent(TimelineItem, TimelineContent);\n\n TimelineItem.append(TimelineTail, TimelineHead, TimelineContent);\n\n removeAttrs(TimelineItem, ['dot']);\n });\n }\n\n private _setCls(node1: HTMLElement, node2: HTMLElement, node3: HTMLElement): void {\n node1.className = `${PREFIX.timeline}-item-tail`;\n node2.className = `${PREFIX.timeline}-item-head`;\n node3.className = `${PREFIX.timeline}-item-content`;\n }\n\n private _setContent(parent: Element, node1: HTMLElement): void {\n setHtml(node1, parent.innerHTML);\n // 清空原先的内容\n setHtml(parent, '');\n }\n\n private _setColor(parent: Element, node: HTMLElement): void {\n const colors = this._getStatusColor(parent);\n\n // 设置预设颜色或者自定义颜色\n if (colors === 'blue' || colors === 'red' || colors === 'gray' || colors === 'green') {\n node.classList.add(`${PREFIX.timeline}-item-head-${colors}`);\n } else {\n setCss(node, 'color', colors);\n setCss(node, 'borderColor', colors);\n }\n }\n\n // 自定义时间轴点的内容\n private _setDot(parent: Element, node: HTMLElement): void {\n if (!this._getDotContent(parent)) return;\n\n node.classList.add(`${PREFIX.timeline}-item-head-custom`);\n\n const content = this._getDotContent(parent);\n setHtml(node, content);\n }\n\n private _getStatusColor(node: Element): string {\n return node.getAttribute('color') || 'blue';\n }\n\n private _getDotContent(parent: Element): string {\n return parent.getAttribute('dot') || '';\n }\n}\n\nexport default Timeline;\n"
},
{
"path": "src/components/tooltip/index.ts",
"content": "import Tooltip from './tooltip';\nexport default Tooltip;\n"
},
{
"path": "src/components/tooltip/tooltip.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n $el,\n bind,\n getBooleanTypeAttr,\n getNumTypeAttr,\n getStrTypeAttr,\n removeAttrs,\n setCss,\n setHtml\n} from '../../dom-utils';\nimport { CssTransition, _arrow, _Popper } from '../../mixins';\nimport { type, validComps } from '../../utils';\nimport PREFIX from '../prefix';\n\nconst STATEKEY = 'tooltipState';\nconst DEFAULTDELAY = 80;\nconst EnterCls = 'zoom-big-fast-enter';\nconst LeaveCls = 'zoom-big-fast-leave';\nconst CssTransitonCommonConfig = {\n rmCls: true,\n timeout: 80,\n enterCls: EnterCls,\n leaveCls: LeaveCls\n};\n\nlet VISIBLETIMER: any, EVENTTIMER: any;\n\ninterface Config {\n config(\n el: string\n ): {\n content: string | number;\n always: boolean;\n disabled: boolean;\n events: ({ onVisibleChange }: TooltipEvent) => void;\n };\n}\n\ninterface TooltipEvent {\n onVisibleChange?: (visable: boolean) => void;\n}\n\nclass Tooltip implements Config {\n readonly VERSION: string;\n readonly COMPONENTS: NodeListOf;\n\n constructor() {\n this.VERSION = 'v2.0';\n this.COMPONENTS = $el('r-tooltip', { all: true });\n this._create(this.COMPONENTS);\n _arrow.scrollUpdate();\n }\n\n public config(\n el: string\n ): {\n content: string | number;\n always: boolean;\n disabled: boolean;\n events: ({ onVisibleChange }: TooltipEvent) => void;\n } {\n const target = $el(el) as HTMLElement;\n\n validComps(target, 'tooltip');\n\n const { _attrs, _setAlwaysShow, _handleMouseEv } = Tooltip.prototype;\n const { delay, always, disabled, offset, placement } = _attrs(target);\n\n const TooltipPopper = target.querySelector(`.${PREFIX.tooltip}-popper`)! as HTMLElement;\n const TooltipInner = target.querySelector(`.${PREFIX.tooltip}-inner`)!;\n\n return {\n get content() {\n return setHtml(TooltipInner);\n },\n set content(newVal: string | number) {\n if (newVal && !type.isStr(newVal) && !type.isNum(newVal)) return;\n setHtml(TooltipInner, `${newVal}`);\n },\n\n get always() {\n return always;\n },\n set always(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n _setAlwaysShow(TooltipPopper, newVal);\n },\n\n get disabled() {\n return disabled;\n },\n set disabled(newVal: boolean) {\n if (newVal && !type.isBol(newVal)) return;\n\n _handleMouseEv(\n target,\n TooltipPopper,\n delay,\n offset,\n placement,\n this.always,\n newVal\n );\n },\n\n events({ onVisibleChange }) {\n const event = () => {\n const visable: boolean = TooltipPopper.dataset[STATEKEY] === 'show';\n onVisibleChange && type.isFn(onVisibleChange, visable);\n };\n const show = () => {\n if (EVENTTIMER) clearTimeout(EVENTTIMER);\n EVENTTIMER = setTimeout(event, delay);\n };\n const close = () => {\n if (EVENTTIMER) clearTimeout(EVENTTIMER);\n // 当鼠标移出tooltip后判断当前状态如果为 show，\n // 那么说明气泡显示过了，该执行移出事件了。\n // 避免了即使鼠标移出但没有显示过气泡而依然执行事件。\n if (TooltipPopper.dataset[STATEKEY] === 'show') setTimeout(event, DEFAULTDELAY);\n };\n\n bind(target, 'mouseenter', show);\n bind(target, 'mouseleave', close);\n }\n };\n }\n\n private _create(COMPONENTS: NodeListOf): void {\n COMPONENTS.forEach((node) => {\n const {\n content,\n theme,\n placement,\n offset,\n maxWidth,\n delay,\n always,\n disabled\n } = this._attrs(node);\n\n const children = !node.firstElementChild\n ? node.innerHTML.trim()\n : node.firstElementChild;\n\n this._setMainTemplate(node, content, theme, placement);\n\n const TooltipPopper = node.querySelector(`.${PREFIX.tooltip}-popper`)! as HTMLElement;\n\n this._setReferencesElem(node, children);\n this._setPopper(node, TooltipPopper, placement, offset);\n this._setMaxWidth(node, maxWidth);\n this._setAlwaysShow(TooltipPopper, always);\n this._handleMouseEv(node, TooltipPopper, delay, offset, placement, always, disabled);\n\n removeAttrs(node, ['content', 'theme', 'delay', 'max-width', 'disabled', 'offset']);\n });\n }\n\n private _setMainTemplate(\n node: Element,\n content: string,\n theme: string,\n placement: string\n ): void {\n const template = `\n
\n \n `;\n\n setHtml(node, template);\n }\n\n private _setReferencesElem(node: Element, children: Element | string): void {\n const TooltipRel = node.querySelector(`.${PREFIX.tooltip}-rel`)!;\n\n if (children instanceof Element) {\n TooltipRel.appendChild(children);\n } else {\n setHtml(TooltipRel, children);\n }\n }\n\n private _setMaxWidth(node: Element, width: string): void {\n if (!width) return;\n\n const TooltipInner = node.querySelector(`.${PREFIX.tooltip}-inner`)!;\n\n TooltipInner.classList.add(`${PREFIX.tooltip}-with-width`);\n setCss(TooltipInner, 'maxWidth', `${width}px`);\n }\n\n private _setAlwaysShow(children: HTMLElement, always: boolean): void {\n if (!always) setCss(children, 'display', 'none');\n children.dataset[STATEKEY] = 'pending';\n }\n\n private _handleMouseEv(\n node: Element,\n children: HTMLElement,\n delay: number,\n offset: number,\n placement: string,\n always: boolean,\n disabled: boolean\n ): void {\n if (always || disabled) return;\n\n const setVisable = (mode: 'in' | 'out') => {\n if (mode === 'in') this._setPopper(node, children, placement, offset);\n children.dataset[STATEKEY] = mode === 'in' ? 'show' : 'close';\n CssTransition(children, {\n inOrOut: mode,\n ...CssTransitonCommonConfig\n });\n };\n const show = () => {\n if (VISIBLETIMER) clearTimeout(VISIBLETIMER);\n VISIBLETIMER = setTimeout(() => setVisable('in'), delay);\n };\n const hide = () => {\n if (VISIBLETIMER) clearTimeout(VISIBLETIMER);\n if (children.dataset[STATEKEY] === 'show')\n setTimeout(() => setVisable('out'), DEFAULTDELAY);\n };\n\n bind(node, 'mouseenter', show);\n bind(node, 'mouseleave', hide);\n }\n\n private _setPopper(\n node: Element,\n children: HTMLElement,\n placement: string,\n offset: number\n ): any {\n return _Popper._newCreatePopper(node, children, placement, offset);\n }\n\n private _attrs(node: Element) {\n return {\n theme: getStrTypeAttr(node, 'theme', 'dark'),\n content: getStrTypeAttr(node, 'content', ''),\n maxWidth: getStrTypeAttr(node, 'max-width', ''),\n placement: getStrTypeAttr(node, 'placement', 'top'),\n delay: getNumTypeAttr(node, 'delay', DEFAULTDELAY),\n offset: getNumTypeAttr(node, 'offset', 0),\n always: getBooleanTypeAttr(node, 'always'),\n disabled: getBooleanTypeAttr(node, 'disabled')\n };\n }\n}\n\nexport default Tooltip;\n"
},
{
"path": "src/dom-utils/bind.ts",
"content": "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/**\n * 解决事件监听兼容性问题\n * @param {Object} obj对象\n * @param {String} type事件类型,不带'on'前缀\n * @param {Function} callback事件处理程序\n */\nexport function bind(obj: Element | HTMLElement | Window | any, type: string, callback: any): void {\n if (obj.addEventListener) {\n // W3C内核\n obj.addEventListener(type, callback);\n } else {\n // IE内核\n obj.attachEvent(`on${type}`, callback);\n }\n}\n\n/**\n * 解决移除事件监听兼容性问题\n * @param {Object} obj对象\n * @param {String} type事件类型,不带'on'前缀\n * @param {Function} callback事件处理程序\n */\nexport function unbind(obj: Element | HTMLElement | Window | any, type: string, callback: any) {\n if (obj.removeEventListener) {\n // W3C内核\n obj.removeEventListener(type, callback);\n } else {\n // IE内核\n obj.detachEvent(`on${type}`, callback);\n }\n}\n"
},
{
"path": "src/dom-utils/elem.ts",
"content": "/**\n * 获取元素\n * @param node\n * @param options 选项 all 表示是否获取所有节点\n */\nexport function $el(\n node: string | Element | any,\n options?: { all: boolean }\n): Element | HTMLElement | null | NodeListOf | NodeListOf | any {\n if (options?.all) {\n return document.querySelectorAll(node);\n } else {\n return document.querySelector(node);\n }\n}\n\nexport function createElem(tagName: string): HTMLElement {\n return document.createElement(tagName);\n}\n\nexport function setCss(node: Element | HTMLElement | any, styeName: string, value: string): string {\n return (node.style[styeName] = value);\n}\n\nexport function setHtml(node: Element, value?: string): string {\n if (value || value === '') {\n return (node.innerHTML = value);\n } else {\n return node.innerHTML;\n }\n}\n\nexport function setText(node: Element, value?: string): string {\n if (value || value === '') {\n return (node.textContent = value);\n } else {\n return node.textContent || '';\n }\n}\n\n// 通用的标签属性获取方法\n// 获取后的值由原先的字符串类型转换成对应类型\n\n// Return String type\nexport function getStrTypeAttr(node: Element, attrName: string, defaultVal: string): string | any {\n return node.getAttribute(attrName) || defaultVal;\n}\n\n// Return Boolean type\nexport function getBooleanTypeAttr(node: Element, attrName: string): boolean {\n return node.getAttribute(attrName) === 'true';\n}\n\n// Return Number type\nexport function getNumTypeAttr(node: Element, attrName: string, defaultVal?: number): number | any {\n return Number(node.getAttribute(attrName)) || defaultVal;\n}\n\n// Return Array type\nexport function getArrTypeAttr(node: Element, attrName: string): Array {\n const attr = node.getAttribute(attrName)?.replace(/'/g, '\"') || '[]';\n const array: [string | number] = JSON.parse(attr);\n\n return array;\n}\n"
},
{
"path": "src/dom-utils/index.ts",
"content": "import { bind, unbind } from './bind';\n\nimport {\n $el,\n createElem,\n setCss,\n setHtml,\n setText,\n getStrTypeAttr,\n getNumTypeAttr,\n getArrTypeAttr,\n getBooleanTypeAttr\n} from './elem';\n\nimport { prevAll, nextAll } from './prev&next';\nimport removeAttrs from './remove-attrs';\nimport siblings from './siblings';\nimport slider from './slide';\n\nexport {\n bind,\n unbind,\n $el,\n createElem,\n setCss,\n setHtml,\n setText,\n prevAll,\n nextAll,\n removeAttrs,\n siblings,\n slider,\n getStrTypeAttr,\n getNumTypeAttr,\n getArrTypeAttr,\n getBooleanTypeAttr\n};\n"
},
{
"path": "src/dom-utils/prev&next.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\nexport function prevAll(el: Element): Element[] {\n const Parent = el.parentElement;\n const Child = Parent!.children;\n const prevChildren = [];\n\n let i = 0;\n const { length } = Child;\n\n for (; i < length; i++) {\n const _child = Child[i];\n if (_child == el) {\n break;\n }\n prevChildren.push(_child);\n }\n return prevChildren;\n}\n\nexport function nextAll(el: Element): Element[] {\n const Parent = el.parentElement;\n const Child = Parent!.children;\n const nextChildren = [];\n\n const { length } = Child;\n const start = 0;\n let i = length - 1;\n\n for (; i >= start; i--) {\n const _child = Child[i];\n if (_child == el) {\n break;\n }\n nextChildren.unshift(_child);\n }\n return nextChildren;\n}\n"
},
{
"path": "src/dom-utils/remove-attrs.ts",
"content": "/**\n * 移除组件标签的自定义属性\n * 1.非关联css的属性\n * 2.仅取值属性\n * 3.非业务逻辑代码要用的属性\n */\nexport default function removeAttrs(elem: Element, attrs: Array): void {\n const len = attrs.length;\n let i = 0,\n attrName = '';\n for (; i < len; i++) {\n attrName = attrs[i];\n if (elem.hasAttribute(attrName)) {\n elem.removeAttribute(attrName);\n }\n }\n}\n"
},
{
"path": "src/dom-utils/siblings.ts",
"content": "export default function siblings(elem: Element): any[] {\n const r = [];\n let n = elem.parentNode?.firstChild;\n for (; n; n = n.nextSibling) {\n if (n.nodeType === 1 && n !== elem) {\n r.push(n);\n }\n }\n return r;\n}\n"
},
{
"path": "src/dom-utils/slide.ts",
"content": "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable prefer-rest-params */\n// @ts-nocheck\n\nexport default window.Slider = (() => {\n // 定义Slider对象\n const Slider = {\n slideDown: (el: Element, time: number) => {\n void 0;\n },\n slideUp: (el: Element, time: number) => {\n void 0;\n }\n };\n\n // I.定义一个TimerManager类\n\n // 1）构造函数\n function TimerManager() {\n this.timers = []; // 保存定时器\n this.args = []; // 保存定时器的参数\n this.isFiring = false;\n }\n\n // 2）静态方法：为element添加一个TimerManager实例\n TimerManager.makeInstance = function (element) {\n // 如果element.__TimerManager__上没有TimerManager，就为其添加一个\n if (!element.__TimerManager__ || element.__TimerManager__.constructor != TimerManager) {\n element.__TimerManager__ = new TimerManager();\n }\n };\n\n // 3）扩展TimerManager原型，分别实现add，fire，next方法\n TimerManager.prototype.add = function (timer, args) {\n this.timers.push(timer);\n this.args.push(args);\n this.fire();\n };\n\n TimerManager.prototype.fire = function () {\n if (!this.isFiring) {\n const timer = this.timers.shift(), // 取出定时器\n args = this.args.shift(); // 取出定时器参数\n if (timer && args) {\n this.isFiring = true;\n // 传入参数，执行定时器函数\n timer(args[0], args[1]);\n }\n }\n };\n\n TimerManager.prototype.next = function () {\n this.isFiring = false;\n this.fire();\n };\n\n // II. 修改动画函数并在定时器结束后调用element.__TimerManager__.next()\n\n // 1）下滑函数\n function fnSlideDown(element, time) {\n if (element.offsetHeight == 0) {\n //如果当前高度为0，则执行下拉动画\n // 获取元素总高度\n element.style.display = 'block'; // 1.显示元素，元素变为可见\n const totalHeight = element.offsetHeight; // 2.保存总高度\n element.style.height = '0px'; // 3.再将元素高度设置为0，元素又变为不可见\n // 定义一个变量保存元素当前高度\n let currentHeight = 0; // 当前元素高度为0\n // 计算每次增加的值\n const increment = totalHeight / (time / 10);\n // 开始循环定时器\n const timer = setInterval(() => {\n // 增加一部分高度\n currentHeight += increment;\n // 把当前高度赋值给height属性\n element.style.height = `${currentHeight}px`;\n // 如果当前高度大于或等于总高度则关闭定时器\n if (currentHeight >= totalHeight) {\n // 关闭定时器\n clearInterval(timer);\n // 把高度设置为总高度\n element.style.height = `${totalHeight}px`;\n if (\n element.__TimerManager__ &&\n element.__TimerManager__.constructor == TimerManager\n ) {\n element.__TimerManager__.next();\n }\n }\n }, 10);\n } else {\n // 如果当前高度不为0，则直接执行队列里的下一个函数\n if (element.__TimerManager__ && element.__TimerManager__.constructor == TimerManager) {\n element.__TimerManager__.next();\n }\n }\n }\n\n // 2）上拉函数\n function fnSlideUp(element, time) {\n if (element.offsetHeight > 0) {\n // 如果当前高度不为0，则执行上滑动画\n // 获取元素总高度\n const totalHeight = element.offsetHeight;\n // 定义一个变量保存元素当前高度\n let currentHeight = totalHeight;\n // 计算每次减去的值\n const decrement = totalHeight / (time / 10);\n // 开始循环定时器\n const timer = setInterval(() => {\n // 减去当前高度的一部分\n currentHeight -= decrement;\n // 把当前高度赋值给height属性\n element.style.height = `${currentHeight}px`;\n // 如果当前高度小于等于0，就关闭定时器\n if (currentHeight <= 0) {\n // 关闭定时器\n clearInterval(timer);\n // 把元素display设置为none\n element.style.display = 'none';\n // 把元素高度值还原\n element.style.height = `${totalHeight}px`;\n if (\n element.__TimerManager__ &&\n element.__TimerManager__.constructor == TimerManager\n ) {\n element.__TimerManager__.next();\n }\n }\n }, 10);\n } else {\n // 如果当前高度为0， 则直接执行队列里的下一个函数\n if (element.__TimerManager__ && element.__TimerManager__.constructor == TimerManager) {\n element.__TimerManager__.next();\n }\n }\n }\n\n // III.定义外部访问接口\n\n // 1）下拉接口\n Slider.slideDown = function (element, time) {\n TimerManager.makeInstance(element);\n element.__TimerManager__.add(fnSlideDown, arguments);\n return this;\n };\n\n // 2）上滑接口\n Slider.slideUp = function (element, time) {\n TimerManager.makeInstance(element);\n element.__TimerManager__.add(fnSlideUp, arguments);\n return this;\n };\n\n // 返回Slider对象\n return Slider;\n})();\n"
},
{
"path": "src/images.d.ts",
"content": "declare module '*.svg';\ndeclare module '*.png';\ndeclare module '*.jpg';\ndeclare module '*.jpeg';\ndeclare module '*.gif';\ndeclare module '*.bmp';\ndeclare module '*.tiff';\n"
},
{
"path": "src/index.ts",
"content": "import * as Rabbit from './rabbit-simple-ui';\nexport default Rabbit;\n"
},
{
"path": "src/mixins/arrow.ts",
"content": "// 更新popver弹窗或下拉菜单的箭头方向\n\nimport { $el } from '../dom-utils';\n\nexport function scrollUpdate(): void {\n const tooltips = $el('.rab-tooltip-popper', { all: true });\n const poptips = $el('.rab-poptip-popper', { all: true });\n\n const scrollEv = (target: NodeListOf) => {\n target.forEach((node: HTMLElement) => {\n const { popperPlacement } = node.dataset;\n const xPlacement = node.getAttribute('x-placement');\n\n if (xPlacement != popperPlacement) {\n node.setAttribute('x-placement', popperPlacement!);\n }\n });\n };\n\n // 当页面有这些组件存在时才做滚动监听\n if (tooltips.length > 0) {\n window.addEventListener('scroll', () => scrollEv(tooltips));\n }\n if (poptips.length > 0) {\n window.addEventListener('scroll', () => scrollEv(poptips));\n }\n}\n"
},
{
"path": "src/mixins/cb-promise.ts",
"content": "/**\n * 用于实例组件关闭后返回 promise，提供 then 接口在关闭后运行 callback\n * @param duration 组件关闭的时间，这里是用于组件没自己的配置项时，设为全局时间\n * @param compConfig 组件的配置项，这里是用于是否切换为组件自己设置的时间\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport default function usePromiseCallback(duration: number, compConfig?: any): Promise {\n // promise 触发的时机为默认时间\n let timeout: number = duration;\n\n // 当组件参数以对象形式传递，并且设置了自己的 duration则修改 promise的触发时机\n if (compConfig && typeof compConfig === 'object') {\n if (compConfig.duration || compConfig.duration === 0) {\n timeout = compConfig.duration;\n } else {\n timeout = duration;\n }\n }\n\n return promiseCb(timeout);\n}\n\nfunction promiseCb(duration: number): Promise {\n let timer = null;\n return new Promise((afterClose) => {\n timer = setTimeout(afterClose, duration * 1000);\n // duration 为 0 则说明当前组件不自动关闭\n duration === 0 ? clearTimeout(timer) : timer;\n });\n}\n"
},
{
"path": "src/mixins/clickoutside.ts",
"content": "import { bind } from '../dom-utils';\n\n/**\n * 用于点击外部关闭下拉菜单或气泡提示框\n * @param elem\n * @param callback 关闭事件回调\n * @param child\n * @param datasetKey\n * @param datasetVal 要被关闭的对象状态是否已经处于打开状态，如果是那么点击其以外的区域才执行事件回调\n */\nexport default function clickOutside(\n elem: Element,\n callback: (arg?: any) => any,\n child?: Element,\n datasetKey?: string,\n datasetVal?: string\n): void {\n const ev = (e: Event) => {\n if (datasetKey) {\n if (child) {\n // @ts-ignore\n child.dataset[datasetKey] === datasetVal && callback(e);\n } else {\n // @ts-ignore\n child.dataset[datasetKey] === datasetVal && callback(e);\n }\n } else {\n callback();\n }\n };\n\n bind(document, 'click', (e: Event) => ev(e));\n bind(elem, 'click', (e: MouseEvent) => e.stopPropagation());\n}\n"
},
{
"path": "src/mixins/css-transition.ts",
"content": "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/no-non-null-assertion */\ninterface Config {\n inOrOut?: 'in' | 'out'; // 进场或者出场\n enterCls?: 'rab-fade-in' | string; // 进场动画\n leaveCls?: 'rab-fade-out' | string; // 出场动画\n rmCls?: boolean; // 动画结束后是否移除动画类名\n timeout?: number; // 过渡效果的持续时间\n hiddenParent?: Element | HTMLElement | any; // 是否将父元素一起隐藏\n}\n\nexport default function CssTransition(\n elem: any,\n { enterCls, leaveCls, inOrOut, rmCls, timeout, hiddenParent }: Config\n): void {\n const removeClassAfterTransition = (aniClassName: string): void => {\n if (rmCls) {\n setTimeout(() => {\n aniClassName ? elem.classList.remove(aniClassName) : '';\n }, timeout);\n }\n };\n\n if (inOrOut === 'in') {\n // 如果父元素被隐藏则变为显示\n if (hiddenParent) {\n hiddenParent.style.display = '';\n hiddenParent.style.opacity = '1';\n hiddenParent.style.visibility = 'visible';\n }\n\n // if (elem.style.display === 'none') elem.style.display = '';\n // if (elem.style.opacity === '0') elem.style.opacity = '1';\n // if (elem.style.visibility === 'hidden') elem.style.visibility = 'visible';\n\n elem.style.display = '';\n elem.style.opacity = '1';\n elem.style.visibility = 'visible';\n\n elem.classList.add(enterCls);\n\n removeClassAfterTransition(enterCls!);\n } else if (inOrOut === 'out') {\n if (elem.classList.contains(enterCls)) {\n elem.classList.replace(enterCls, leaveCls);\n } else {\n elem.classList.add(leaveCls);\n }\n\n removeClassAfterTransition(leaveCls!);\n\n // 过渡效果持续时间后隐藏元素\n setTimeout(() => {\n if (hiddenParent) hiddenParent.style.display = 'none';\n elem.style.display = 'none';\n elem.style.opacity = '0';\n elem.style.visibility = 'hidden';\n }, timeout);\n }\n}\n"
},
{
"path": "src/mixins/index.ts",
"content": "import * as _arrow from './arrow';\nimport usePromiseCallback from './cb-promise';\nimport clickoutside from './clickoutside';\nimport CssTransition from './css-transition';\nimport moreThanOneNode from './one-node';\nimport Scrollable from './scrollable';\nimport * as _Popper from './tooltip';\nimport warn from './warn';\n\nexport {\n warn,\n _arrow,\n CssTransition,\n moreThanOneNode,\n Scrollable,\n usePromiseCallback,\n clickoutside,\n _Popper\n};\n"
},
{
"path": "src/mixins/one-node.ts",
"content": "import { warn } from '.';\n\n/**\n * 检查组件标签下是否具有一个父元素，\n * 不允许组件下有多个子节点用于添加额外内容，只有由一个节点组成。\n */\nexport default function moreThanOneNode(node: Element): boolean {\n if (node.childElementCount > 1) {\n warn(`The <${node.tagName.toLowerCase()}> tag must have a parent element`);\n return true;\n }\n return false;\n}\n"
},
{
"path": "src/mixins/scrollable.ts",
"content": "import { setCss } from '../dom-utils';\n\ninterface Options {\n scroll?: boolean;\n lock?: boolean;\n node?: Element;\n tagName?: string;\n}\n\nexport default function scrollable({ scroll = false, lock = false, node, tagName }: Options): void {\n // 是否禁止对页面滚动条的修改\n // 页面是否可以滚动\n if (lock && !scroll) {\n setCss(document.body, 'paddingRight', '17px');\n setCss(document.body, 'overflow', 'hidden');\n } else {\n setCss(document.body, 'paddingRight', '');\n setCss(document.body, 'overflow', '');\n }\n\n const prevNode = node?.previousElementSibling;\n // 解决抽屉或对话框组件在同时打开多个的情况下，只关闭了一个窗口而页面滚动条恢复出现的bug\n if (prevNode) {\n const prevTagName = prevNode.tagName.toLocaleLowerCase().replace(/r-/, '');\n if (prevTagName === tagName) {\n // @ts-ignore\n if (prevNode.dataset[`${prevTagName}Visable`] === 'true') {\n scrollable({ scroll: false, lock: true });\n }\n }\n }\n}\n"
},
{
"path": "src/mixins/tooltip.ts",
"content": "import { createPopper } from '@popperjs/core';\n\nexport function _newCreatePopper(\n reference: Element,\n popper: HTMLElement,\n placement: string | any,\n offset: number\n): any {\n return createPopper(reference, popper, {\n placement: placement, // 设置位置\n modifiers: [\n {\n name: 'computeStyles',\n options: {\n gpuAcceleration: false // 使用top/left属性。否则会和弹出器动画冲突\n }\n },\n {\n name: 'computeStyles',\n options: {\n adaptive: false // 避免重新计算弹出器位置从而造成位置牛头不对马嘴\n }\n },\n {\n name: 'offset',\n options: {\n offset: [offset] // 自定义弹出器出现位置的偏移量\n }\n }\n ]\n });\n}\n"
},
{
"path": "src/mixins/warn.ts",
"content": "export default function warn(msg: unknown): void {\n console.error(`[Rabbit] Error: ${msg}`);\n return;\n}\n"
},
{
"path": "src/rabbit-simple-ui.ts",
"content": "import Affix from './components/affix';\nimport Alert from './components/alert';\nimport Avatar from './components/avatar';\nimport BackTop from './components/back-top';\nimport Badge from './components/badge';\nimport Breadcrumb from './components/breadcrumb';\nimport Button from './components/button';\nimport Card from './components/card';\nimport Carousel from './components/carousel';\nimport Checkbox from './components/checkbox';\nimport Circle from './components/circle';\nimport Collapse from './components/collapse';\nimport CountDown from './components/count-down';\nimport Divider from './components/divider';\nimport Drawer from './components/drawer';\nimport Dropdown from './components/dropdown';\nimport Empty from './components/empty';\nimport InputNumber from './components/input-number';\nimport Jumbotron from './components/jumbotron';\nimport Loading from './components/loading-bar';\nimport Message from './components/message';\nimport Modal from './components/modal';\nimport MiniModal from './components/mini-modal';\nimport Notice from './components/notice';\nimport PageHeader from './components/page-header';\nimport Poptip from './components/poptip';\nimport Progress from './components/progress';\nimport Radio from './components/radio';\nimport Result from './components/result';\nimport Skeleton from './components/skeleton';\nimport Spin from './components/spin';\nimport Steps from './components/steps';\nimport Switch from './components/switch';\nimport Tabs from './components/tabs';\nimport Tag from './components/tag';\nimport Time from './components/time';\nimport Timeline from './components/timeline';\nimport Tooltip from './components/tooltip';\n\nexport {\n Affix,\n Alert,\n Avatar,\n BackTop,\n Badge,\n Breadcrumb,\n Button,\n Card,\n Carousel,\n Checkbox,\n Circle,\n Collapse,\n CountDown,\n Divider,\n Drawer,\n Dropdown,\n Empty,\n InputNumber,\n Jumbotron,\n Loading,\n Message,\n Modal,\n MiniModal,\n Notice,\n PageHeader,\n Poptip,\n Progress,\n Radio,\n Result,\n Skeleton,\n Spin,\n Steps,\n Switch,\n Tabs,\n Tag,\n Time,\n Timeline,\n Tooltip\n};\n"
},
{
"path": "src/styles/README.md",
"content": "# 样式库说明\n\n## 目录\n\n|-- animation (动画)\n\n|-- common (全局样式)\n\n|-- components (组件样式)\n\n|-- mixins (混入)\n\n## 相关链接\n\n- 感谢 [ViewUI](https://github.com/view-design/ViewUI) 提供的相关代码\n\n- [阿里巴巴矢量图标库](https://www.iconfont.cn/)"
},
{
"path": "src/styles/animation/ease.less",
"content": "@-webkit-keyframes rabEaseIn {\n 0% {\n opacity: 0;\n transform: scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes rabEaseIn {\n 0% {\n opacity: 0;\n transform: scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@-webkit-keyframes rabEaseOut {\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(0.9);\n }\n}\n\n@keyframes rabEaseOut {\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(0.9);\n }\n}\n"
},
{
"path": "src/styles/animation/fade.less",
"content": ".fade(@className,@keyframes) {\n .rab-fade-@{className} {\n -webkit-animation: @keyframes 0.3s ease-in-out;\n animation: @keyframes 0.3s ease-in-out;\n }\n}\n\n.fade(in,rabFadeIn);\n.fade(out,rabFadeOut);\n\n@-webkit-keyframes rabFadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes rabFadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@-webkit-keyframes rabFadeOut {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes rabFadeOut {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n"
},
{
"path": "src/styles/animation/index.less",
"content": "@import 'fade';\n@import 'move';\n@import 'ease';\n@import 'slide';\n"
},
{
"path": "src/styles/animation/move.less",
"content": "// @className 动画类名\n// @keyframes 动画\n// @direction 动画方向\n// @duration 持续时间\n// @time-function 过渡效果函数\n.move(@className, @keyframes, @direction, @duration, @time-function) {\n .@{css-prefix}@{className}-move-@{direction} {\n animation: @keyframes @duration @time-function;\n }\n}\n\n// message组件的动画\n@-webkit-keyframes rabMessageMoveIn {\n 0% {\n opacity: 0;\n padding: 0;\n transform: translateY(-40%);\n }\n\n 100% {\n opacity: 1;\n padding: 8px;\n }\n}\n\n@keyframes rabMessageMoveIn {\n 0% {\n opacity: 0;\n padding: 0;\n transform: translateY(-40%);\n }\n\n 100% {\n opacity: 1;\n padding: 8px;\n }\n}\n\n@-webkit-keyframes rabMessageMoveOut {\n 0% {\n max-height: 150px;\n padding: 8px;\n opacity: 1;\n }\n\n 100% {\n max-height: 0;\n padding: 0;\n opacity: 0;\n }\n}\n\n@keyframes rabMessageMoveOut {\n 0% {\n max-height: 150px;\n padding: 8px;\n opacity: 1;\n }\n\n 100% {\n max-height: 0;\n padding: 0;\n opacity: 0;\n }\n}\n\n// notice组件的动画\n@-webkit-keyframes rabNoticeMoveIn {\n 0% {\n opacity: 0;\n transform-origin: 0 0;\n transform: translateX(100%);\n }\n\n 100% {\n opacity: 1;\n transform-origin: 0 0;\n transform: translateX(0%);\n }\n}\n\n@keyframes rabNoticeMoveIn {\n 0% {\n opacity: 0;\n transform-origin: 0 0;\n transform: translateX(100%);\n }\n\n 100% {\n opacity: 1;\n transform-origin: 0 0;\n transform: translateX(0%);\n }\n}\n\n@-webkit-keyframes rabNoticeMoveOut {\n 0% {\n opacity: 1;\n transform-origin: 0 0;\n transform: translateX(0);\n }\n\n 70% {\n transform-origin: 0 0;\n transform: translateX(100%);\n height: auto;\n padding: 16px;\n margin-bottom: 10px;\n opacity: 0;\n }\n\n 100% {\n transform-origin: 0 0;\n transform: translateX(100%);\n height: 0;\n padding: 0;\n margin-bottom: 0;\n opacity: 0;\n }\n}\n\n@keyframes rabNoticeMoveOut {\n 0% {\n transform-origin: 0 0;\n opacity: 1;\n transform: translateX(0);\n }\n\n\n 70% {\n transform-origin: 0 0;\n transform: translateX(100%);\n height: auto;\n padding: 16px;\n margin-bottom: 10px;\n opacity: 0;\n }\n\n 100% {\n transform-origin: 0 0;\n transform: translateX(100%);\n height: 0;\n padding: 0;\n margin-bottom: 0;\n opacity: 0;\n }\n}\n\n// drawer组件的动画\n@-webkit-keyframes rabDrawerMoveRightIn {\n 0% {\n opacity: 0;\n transform: translateX(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes rabDrawerMoveRightIn {\n 0% {\n opacity: 0;\n transform: translateX(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@-webkit-keyframes rabDrawerMoveRightOut {\n 0% {\n opacity: 1;\n transform: translateX(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateX(100%);\n }\n}\n\n@keyframes rabDrawerMoveRightOut {\n 0% {\n opacity: 1;\n transform: translateX(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateX(100%);\n }\n}\n\n// drawer left\n@-webkit-keyframes rabDrawerMoveLeftIn {\n 0% {\n opacity: 0;\n transform: translateX(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes rabDrawerMoveLeftIn {\n 0% {\n opacity: 0;\n transform: translateX(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@-webkit-keyframes rabDrawerMoveLeftOut {\n 0% {\n opacity: 1;\n transform: translateX(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-100%);\n }\n}\n\n@keyframes rabDrawerMoveLeftOut {\n 0% {\n opacity: 1;\n transform: translateX(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-100%);\n }\n}\n\n// drawer top\n@-webkit-keyframes rabDrawerMoveTopIn {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes rabDrawerMoveTopIn {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@-webkit-keyframes rabDrawerMoveTopOut {\n 0% {\n opacity: 1;\n transform: translateY(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n@keyframes rabDrawerMoveTopOut {\n 0% {\n opacity: 1;\n transform: translateY(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n// drawer bottom\n@-webkit-keyframes rabDrawerMoveBottomIn {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes rabDrawerMoveBottomIn {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@-webkit-keyframes rabDrawerMoveBottomOut {\n 0% {\n opacity: 1;\n transform: translateY(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n@keyframes rabDrawerMoveBottomOut {\n 0% {\n opacity: 1;\n transform: translateY(0%);\n }\n\n 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}"
},
{
"path": "src/styles/animation/slide.less",
"content": "@-webkit-keyframes rabTransitionDropIn {\n 0% {\n opacity: 0;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform: scaleY(1);\n }\n}\n\n@keyframes rabTransitionDropIn {\n 0% {\n opacity: 0;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform: scaleY(1);\n }\n}\n\n@-webkit-keyframes rabTransitionDropOut {\n 0% {\n opacity: 1;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform: scaleY(0.8);\n }\n}\n\n@keyframes rabTransitionDropOut {\n 0% {\n opacity: 1;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform: scaleY(0.8);\n }\n}\n\n@-webkit-keyframes rabSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n\n@keyframes rabSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n\n@-webkit-keyframes rabSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n}\n\n@keyframes rabSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n}\n\n@-webkit-keyframes rabSlideDownIn {\n 0% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n}\n\n@keyframes rabSlideDownIn {\n 0% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n}\n\n@-webkit-keyframes rabSlideDownOut {\n 0% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0.8);\n }\n}\n\n@keyframes rabSlideDownOut {\n 0% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0.8);\n }\n}\n\n@-webkit-keyframes rabSlideLeftIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleX(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleX(1);\n }\n}\n\n@keyframes rabSlideLeftIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleX(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleX(1);\n }\n}\n\n@-webkit-keyframes rabSlideLeftOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleX(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleX(0.8);\n }\n}\n\n@keyframes rabSlideLeftOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleX(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleX(0.8);\n }\n}\n\n@-webkit-keyframes rabSlideRightIn {\n 0% {\n opacity: 0;\n transform-origin: 100% 0%;\n transform: scaleX(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 100% 0%;\n transform: scaleX(1);\n }\n}\n\n@keyframes rabSlideRightIn {\n 0% {\n opacity: 0;\n transform-origin: 100% 0%;\n transform: scaleX(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 100% 0%;\n transform: scaleX(1);\n }\n}\n\n@-webkit-keyframes rabSlideRightOut {\n 0% {\n opacity: 1;\n transform-origin: 100% 0%;\n transform: scaleX(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 100% 0%;\n transform: scaleX(0.8);\n }\n}\n\n@keyframes rabSlideRightOut {\n 0% {\n opacity: 1;\n transform-origin: 100% 0%;\n transform: scaleX(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 100% 0%;\n transform: scaleX(0.8);\n }\n}\n"
},
{
"path": "src/styles/animation/zoom.less",
"content": ".zoom(@className, @keyframes) {\n .zoom-big-@{className} {\n -webkit-animation: @keyframes 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);\n animation: @keyframes 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);\n }\n}\n\n.zoom(enter, rabZoomBigIn);\n.zoom(leave, rabZoomBigOut);\n.zoom(fast-enter, rabZoomBigFastIn);\n.zoom(fast-leave, rabZoomBigFastOut);\n\n@-webkit-keyframes rabZoomBigIn {\n 0% {\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes rabZoomBigIn {\n 0% {\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@-webkit-keyframes rabZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 100% {\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n opacity: 0;\n }\n}\n\n@keyframes rabZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 100% {\n -webkit-transform: scale(0.7);\n transform: scale(0.7);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes rabZoomBigFastIn {\n 0% {\n -webkit-transform: scale(0.6);\n transform: scale(0.6);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes rabZoomBigFastIn {\n 0% {\n -webkit-transform: scale(0.6);\n transform: scale(0.6);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@-webkit-keyframes rabZoomBigFastOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 100% {\n -webkit-transform: scale(0.85);\n transform: scale(0.85);\n opacity: 0;\n }\n}\n\n@keyframes rabZoomBigFastOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 100% {\n -webkit-transform: scale(0.85);\n transform: scale(0.85);\n opacity: 0;\n }\n}\n"
},
{
"path": "src/styles/color/bezierEasing.less",
"content": "/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */\n.bezierEasingMixin() {\n@functions: ~`(function() {\n var NEWTON_ITERATIONS = 4;\n var NEWTON_MIN_SLOPE = 0.001;\n var SUBDIVISION_PRECISION = 0.0000001;\n var SUBDIVISION_MAX_ITERATIONS = 10;\n\n var kSplineTableSize = 11;\n var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\n\n var float32ArraySupported = typeof Float32Array === 'function';\n\n function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }\n function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }\n function C (aA1) { return 3.0 * aA1; }\n\n // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.\n function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }\n\n // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.\n function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }\n\n function binarySubdivide (aX, aA, aB, mX1, mX2) {\n var currentX, currentT, i = 0;\n do {\n currentT = aA + (aB - aA) / 2.0;\n currentX = calcBezier(currentT, mX1, mX2) - aX;\n if (currentX > 0.0) {\n aB = currentT;\n } else {\n aA = currentT;\n }\n } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);\n return currentT;\n }\n\n function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {\n for (var i = 0; i < NEWTON_ITERATIONS; ++i) {\n var currentSlope = getSlope(aGuessT, mX1, mX2);\n if (currentSlope === 0.0) {\n return aGuessT;\n }\n var currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n aGuessT -= currentX / currentSlope;\n }\n return aGuessT;\n }\n\n var BezierEasing = function (mX1, mY1, mX2, mY2) {\n if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {\n throw new Error('bezier x values must be in [0, 1] range');\n }\n\n // Precompute samples table\n var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);\n if (mX1 !== mY1 || mX2 !== mY2) {\n for (var i = 0; i < kSplineTableSize; ++i) {\n sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n }\n }\n\n function getTForX (aX) {\n var intervalStart = 0.0;\n var currentSample = 1;\n var lastSample = kSplineTableSize - 1;\n\n for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n intervalStart += kSampleStepSize;\n }\n --currentSample;\n\n // Interpolate to provide an initial guess for t\n var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n var guessForT = intervalStart + dist * kSampleStepSize;\n\n var initialSlope = getSlope(guessForT, mX1, mX2);\n if (initialSlope >= NEWTON_MIN_SLOPE) {\n return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n } else if (initialSlope === 0.0) {\n return guessForT;\n } else {\n return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n }\n }\n\n return function BezierEasing (x) {\n if (mX1 === mY1 && mX2 === mY2) {\n return x; // linear\n }\n // Because JavaScript number are imprecise, we should guarantee the extremes are right.\n if (x === 0) {\n return 0;\n }\n if (x === 1) {\n return 1;\n }\n return calcBezier(getTForX(x), mY1, mY2);\n };\n };\n\n this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18);\n // less 3 requires a return\n return '';\n})()`;\n}\n// It is hacky way to make this function will be compiled preferentially by less\n// resolve error: `ReferenceError: colorPalette is not defined`\n// https://github.com/ant-design/ant-motion/issues/44\n.bezierEasingMixin();\n"
},
{
"path": "src/styles/color/colorPalette.less",
"content": "/* stylelint-disable no-duplicate-selectors */\n@import \"bezierEasing\";\n@import \"tinyColor\";\n\n// We create a very complex algorithm which take the place of original tint/shade color system\n// to make sure no one can understand it 👻\n// and create an entire color palette magicly by inputing just a single primary color.\n// We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin\n.colorPaletteMixin() {\n@functions: ~`(function() {\n var hueStep = 2;\n var saturationStep = 16;\n var saturationStep2 = 5;\n var brightnessStep1 = 5;\n var brightnessStep2 = 15;\n var lightColorCount = 5;\n var darkColorCount = 4;\n\n var getHue = function(hsv, i, isLight) {\n var hue;\n if (hsv.h >= 60 && hsv.h <= 240) {\n hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;\n } else {\n hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;\n }\n if (hue < 0) {\n hue += 360;\n } else if (hue >= 360) {\n hue -= 360;\n }\n return Math.round(hue);\n };\n var getSaturation = function(hsv, i, isLight) {\n var saturation;\n if (isLight) {\n saturation = Math.round(hsv.s * 100) - saturationStep * i;\n } else if (i == darkColorCount) {\n saturation = Math.round(hsv.s * 100) + saturationStep;\n } else {\n saturation = Math.round(hsv.s * 100) + saturationStep2 * i;\n }\n if (saturation > 100) {\n saturation = 100;\n }\n if (isLight && i === lightColorCount && saturation > 10) {\n saturation = 10;\n }\n if (saturation < 6) {\n saturation = 6;\n }\n return Math.round(saturation);\n };\n var getValue = function(hsv, i, isLight) {\n if (isLight) {\n return Math.round(hsv.v * 100) + brightnessStep1 * i;\n }\n return Math.round(hsv.v * 100) - brightnessStep2 * i;\n };\n\n this.colorPalette = function(color, index) {\n var isLight = index <= 6;\n var hsv = tinycolor(color).toHsv();\n var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;\n return tinycolor({\n h: getHue(hsv, i, isLight),\n s: getSaturation(hsv, i, isLight),\n v: getValue(hsv, i, isLight),\n }).toHexString();\n };\n})()`;\n}\n// It is hacky way to make this function will be compiled preferentially by less\n// resolve error: `ReferenceError: colorPalette is not defined`\n// https://github.com/ant-design/ant-motion/issues/44\n.colorPaletteMixin();\n"
},
{
"path": "src/styles/color/colors.less",
"content": "@import 'colorPalette';\n\n// color palettes\n@blue-1: color(~`colorPalette(\"@{blue-6}\", 1)`);\n@blue-2: color(~`colorPalette(\"@{blue-6}\", 2)`);\n@blue-3: color(~`colorPalette(\"@{blue-6}\", 3)`);\n@blue-4: color(~`colorPalette(\"@{blue-6}\", 4)`);\n@blue-5: color(~`colorPalette(\"@{blue-6}\", 5)`);\n@blue-6: #1890ff;\n@blue-7: color(~`colorPalette(\"@{blue-6}\", 7)`);\n@blue-8: color(~`colorPalette(\"@{blue-6}\", 8)`);\n@blue-9: color(~`colorPalette(\"@{blue-6}\", 9)`);\n@blue-10: color(~`colorPalette(\"@{blue-6}\", 10)`);\n\n@purple-1: color(~`colorPalette(\"@{purple-6}\", 1)`);\n@purple-2: color(~`colorPalette(\"@{purple-6}\", 2)`);\n@purple-3: color(~`colorPalette(\"@{purple-6}\", 3)`);\n@purple-4: color(~`colorPalette(\"@{purple-6}\", 4)`);\n@purple-5: color(~`colorPalette(\"@{purple-6}\", 5)`);\n@purple-6: #722ed1;\n@purple-7: color(~`colorPalette(\"@{purple-6}\", 7)`);\n@purple-8: color(~`colorPalette(\"@{purple-6}\", 8)`);\n@purple-9: color(~`colorPalette(\"@{purple-6}\", 9)`);\n@purple-10: color(~`colorPalette(\"@{purple-6}\", 10)`);\n\n@cyan-1: color(~`colorPalette(\"@{cyan-6}\", 1)`);\n@cyan-2: color(~`colorPalette(\"@{cyan-6}\", 2)`);\n@cyan-3: color(~`colorPalette(\"@{cyan-6}\", 3)`);\n@cyan-4: color(~`colorPalette(\"@{cyan-6}\", 4)`);\n@cyan-5: color(~`colorPalette(\"@{cyan-6}\", 5)`);\n@cyan-6: #13c2c2;\n@cyan-7: color(~`colorPalette(\"@{cyan-6}\", 7)`);\n@cyan-8: color(~`colorPalette(\"@{cyan-6}\", 8)`);\n@cyan-9: color(~`colorPalette(\"@{cyan-6}\", 9)`);\n@cyan-10: color(~`colorPalette(\"@{cyan-6}\", 10)`);\n\n@green-1: color(~`colorPalette(\"@{green-6}\", 1)`);\n@green-2: color(~`colorPalette(\"@{green-6}\", 2)`);\n@green-3: color(~`colorPalette(\"@{green-6}\", 3)`);\n@green-4: color(~`colorPalette(\"@{green-6}\", 4)`);\n@green-5: color(~`colorPalette(\"@{green-6}\", 5)`);\n@green-6: #52c41a;\n@green-7: color(~`colorPalette(\"@{green-6}\", 7)`);\n@green-8: color(~`colorPalette(\"@{green-6}\", 8)`);\n@green-9: color(~`colorPalette(\"@{green-6}\", 9)`);\n@green-10: color(~`colorPalette(\"@{green-6}\", 10)`);\n\n@magenta-1: color(~`colorPalette(\"@{magenta-6}\", 1)`);\n@magenta-2: color(~`colorPalette(\"@{magenta-6}\", 2)`);\n@magenta-3: color(~`colorPalette(\"@{magenta-6}\", 3)`);\n@magenta-4: color(~`colorPalette(\"@{magenta-6}\", 4)`);\n@magenta-5: color(~`colorPalette(\"@{magenta-6}\", 5)`);\n@magenta-6: #eb2f96;\n@magenta-7: color(~`colorPalette(\"@{magenta-6}\", 7)`);\n@magenta-8: color(~`colorPalette(\"@{magenta-6}\", 8)`);\n@magenta-9: color(~`colorPalette(\"@{magenta-6}\", 9)`);\n@magenta-10: color(~`colorPalette(\"@{magenta-6}\", 10)`);\n\n// alias of magenta\n@pink-1: color(~`colorPalette(\"@{pink-6}\", 1)`);\n@pink-2: color(~`colorPalette(\"@{pink-6}\", 2)`);\n@pink-3: color(~`colorPalette(\"@{pink-6}\", 3)`);\n@pink-4: color(~`colorPalette(\"@{pink-6}\", 4)`);\n@pink-5: color(~`colorPalette(\"@{pink-6}\", 5)`);\n@pink-6: #eb2f96;\n@pink-7: color(~`colorPalette(\"@{pink-6}\", 7)`);\n@pink-8: color(~`colorPalette(\"@{pink-6}\", 8)`);\n@pink-9: color(~`colorPalette(\"@{pink-6}\", 9)`);\n@pink-10: color(~`colorPalette(\"@{pink-6}\", 10)`);\n\n@red-1: color(~`colorPalette(\"@{red-6}\", 1)`);\n@red-2: color(~`colorPalette(\"@{red-6}\", 2)`);\n@red-3: color(~`colorPalette(\"@{red-6}\", 3)`);\n@red-4: color(~`colorPalette(\"@{red-6}\", 4)`);\n@red-5: color(~`colorPalette(\"@{red-6}\", 5)`);\n@red-6: #f5222d;\n@red-7: color(~`colorPalette(\"@{red-6}\", 7)`);\n@red-8: color(~`colorPalette(\"@{red-6}\", 8)`);\n@red-9: color(~`colorPalette(\"@{red-6}\", 9)`);\n@red-10: color(~`colorPalette(\"@{red-6}\", 10)`);\n\n@orange-1: color(~`colorPalette(\"@{orange-6}\", 1)`);\n@orange-2: color(~`colorPalette(\"@{orange-6}\", 2)`);\n@orange-3: color(~`colorPalette(\"@{orange-6}\", 3)`);\n@orange-4: color(~`colorPalette(\"@{orange-6}\", 4)`);\n@orange-5: color(~`colorPalette(\"@{orange-6}\", 5)`);\n@orange-6: #fa8c16;\n@orange-7: color(~`colorPalette(\"@{orange-6}\", 7)`);\n@orange-8: color(~`colorPalette(\"@{orange-6}\", 8)`);\n@orange-9: color(~`colorPalette(\"@{orange-6}\", 9)`);\n@orange-10: color(~`colorPalette(\"@{orange-6}\", 10)`);\n\n@yellow-1: color(~`colorPalette(\"@{yellow-6}\", 1)`);\n@yellow-2: color(~`colorPalette(\"@{yellow-6}\", 2)`);\n@yellow-3: color(~`colorPalette(\"@{yellow-6}\", 3)`);\n@yellow-4: color(~`colorPalette(\"@{yellow-6}\", 4)`);\n@yellow-5: color(~`colorPalette(\"@{yellow-6}\", 5)`);\n@yellow-6: #fadb14;\n@yellow-7: color(~`colorPalette(\"@{yellow-6}\", 7)`);\n@yellow-8: color(~`colorPalette(\"@{yellow-6}\", 8)`);\n@yellow-9: color(~`colorPalette(\"@{yellow-6}\", 9)`);\n@yellow-10: color(~`colorPalette(\"@{yellow-6}\", 10)`);\n\n@volcano-1: color(~`colorPalette(\"@{volcano-6}\", 1)`);\n@volcano-2: color(~`colorPalette(\"@{volcano-6}\", 2)`);\n@volcano-3: color(~`colorPalette(\"@{volcano-6}\", 3)`);\n@volcano-4: color(~`colorPalette(\"@{volcano-6}\", 4)`);\n@volcano-5: color(~`colorPalette(\"@{volcano-6}\", 5)`);\n@volcano-6: #fa541c;\n@volcano-7: color(~`colorPalette(\"@{volcano-6}\", 7)`);\n@volcano-8: color(~`colorPalette(\"@{volcano-6}\", 8)`);\n@volcano-9: color(~`colorPalette(\"@{volcano-6}\", 9)`);\n@volcano-10: color(~`colorPalette(\"@{volcano-6}\", 10)`);\n\n@geekblue-1: color(~`colorPalette(\"@{geekblue-6}\", 1)`);\n@geekblue-2: color(~`colorPalette(\"@{geekblue-6}\", 2)`);\n@geekblue-3: color(~`colorPalette(\"@{geekblue-6}\", 3)`);\n@geekblue-4: color(~`colorPalette(\"@{geekblue-6}\", 4)`);\n@geekblue-5: color(~`colorPalette(\"@{geekblue-6}\", 5)`);\n@geekblue-6: #2f54eb;\n@geekblue-7: color(~`colorPalette(\"@{geekblue-6}\", 7)`);\n@geekblue-8: color(~`colorPalette(\"@{geekblue-6}\", 8)`);\n@geekblue-9: color(~`colorPalette(\"@{geekblue-6}\", 9)`);\n@geekblue-10: color(~`colorPalette(\"@{geekblue-6}\", 10)`);\n\n@lime-1: color(~`colorPalette(\"@{lime-6}\", 1)`);\n@lime-2: color(~`colorPalette(\"@{lime-6}\", 2)`);\n@lime-3: color(~`colorPalette(\"@{lime-6}\", 3)`);\n@lime-4: color(~`colorPalette(\"@{lime-6}\", 4)`);\n@lime-5: color(~`colorPalette(\"@{lime-6}\", 5)`);\n@lime-6: #a0d911;\n@lime-7: color(~`colorPalette(\"@{lime-6}\", 7)`);\n@lime-8: color(~`colorPalette(\"@{lime-6}\", 8)`);\n@lime-9: color(~`colorPalette(\"@{lime-6}\", 9)`);\n@lime-10: color(~`colorPalette(\"@{lime-6}\", 10)`);\n\n@gold-1: color(~`colorPalette(\"@{gold-6}\", 1)`);\n@gold-2: color(~`colorPalette(\"@{gold-6}\", 2)`);\n@gold-3: color(~`colorPalette(\"@{gold-6}\", 3)`);\n@gold-4: color(~`colorPalette(\"@{gold-6}\", 4)`);\n@gold-5: color(~`colorPalette(\"@{gold-6}\", 5)`);\n@gold-6: #faad14;\n@gold-7: color(~`colorPalette(\"@{gold-6}\", 7)`);\n@gold-8: color(~`colorPalette(\"@{gold-6}\", 8)`);\n@gold-9: color(~`colorPalette(\"@{gold-6}\", 9)`);\n@gold-10: color(~`colorPalette(\"@{gold-6}\", 10)`);\n"
},
{
"path": "src/styles/color/tinyColor.less",
"content": "/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\n.tinyColorMixin() {\n@functions: ~`(function() {\n// TinyColor v1.4.1\n// https://github.com/bgrins/TinyColor\n// 2016-07-07, Brian Grinstead, MIT License\nvar trimLeft = /^\\s+/,\n trimRight = /\\s+$/,\n tinyCounter = 0,\n mathRound = Math.round,\n mathMin = Math.min,\n mathMax = Math.max,\n mathRandom = Math.random;\n\nfunction tinycolor (color, opts) {\n\n color = (color) ? color : '';\n opts = opts || { };\n\n // If input is already a tinycolor, return itself\n if (color instanceof tinycolor) {\n return color;\n }\n // If we are called as a function, call using new instead\n if (!(this instanceof tinycolor)) {\n return new tinycolor(color, opts);\n }\n\n var rgb = inputToRGB(color);\n this._originalInput = color,\n this._r = rgb.r,\n this._g = rgb.g,\n this._b = rgb.b,\n this._a = rgb.a,\n this._roundA = mathRound(100*this._a) / 100,\n this._format = opts.format || rgb.format;\n this._gradientType = opts.gradientType;\n\n // Don't let the range of [0,255] come back in [0,1].\n // Potentially lose a little bit of precision here, but will fix issues where\n // .5 gets interpreted as half of the total, instead of half of 1\n // If it was supposed to be 128, this was already taken care of by inputToRgb\n if (this._r < 1) { this._r = mathRound(this._r); }\n if (this._g < 1) { this._g = mathRound(this._g); }\n if (this._b < 1) { this._b = mathRound(this._b); }\n\n this._ok = rgb.ok;\n this._tc_id = tinyCounter++;\n}\n\ntinycolor.prototype = {\n isDark: function() {\n return this.getBrightness() < 128;\n },\n isLight: function() {\n return !this.isDark();\n },\n isValid: function() {\n return this._ok;\n },\n getOriginalInput: function() {\n return this._originalInput;\n },\n getFormat: function() {\n return this._format;\n },\n getAlpha: function() {\n return this._a;\n },\n getBrightness: function() {\n //http://www.w3.org/TR/AERT#color-contrast\n var rgb = this.toRgb();\n return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;\n },\n getLuminance: function() {\n //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n var rgb = this.toRgb();\n var RsRGB, GsRGB, BsRGB, R, G, B;\n RsRGB = rgb.r/255;\n GsRGB = rgb.g/255;\n BsRGB = rgb.b/255;\n\n if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}\n if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}\n if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}\n return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);\n },\n setAlpha: function(value) {\n this._a = boundAlpha(value);\n this._roundA = mathRound(100*this._a) / 100;\n return this;\n },\n toHsv: function() {\n var hsv = rgbToHsv(this._r, this._g, this._b);\n return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };\n },\n toHsvString: function() {\n var hsv = rgbToHsv(this._r, this._g, this._b);\n var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);\n return (this._a == 1) ?\n \"hsv(\" + h + \", \" + s + \"%, \" + v + \"%)\" :\n \"hsva(\" + h + \", \" + s + \"%, \" + v + \"%, \"+ this._roundA + \")\";\n },\n toHsl: function() {\n var hsl = rgbToHsl(this._r, this._g, this._b);\n return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };\n },\n toHslString: function() {\n var hsl = rgbToHsl(this._r, this._g, this._b);\n var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);\n return (this._a == 1) ?\n \"hsl(\" + h + \", \" + s + \"%, \" + l + \"%)\" :\n \"hsla(\" + h + \", \" + s + \"%, \" + l + \"%, \"+ this._roundA + \")\";\n },\n toHex: function(allow3Char) {\n return rgbToHex(this._r, this._g, this._b, allow3Char);\n },\n toHexString: function(allow3Char) {\n return '#' + this.toHex(allow3Char);\n },\n toHex8: function(allow4Char) {\n return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);\n },\n toHex8String: function(allow4Char) {\n return '#' + this.toHex8(allow4Char);\n },\n toRgb: function() {\n return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };\n },\n toRgbString: function() {\n return (this._a == 1) ?\n \"rgb(\" + mathRound(this._r) + \", \" + mathRound(this._g) + \", \" + mathRound(this._b) + \")\" :\n \"rgba(\" + mathRound(this._r) + \", \" + mathRound(this._g) + \", \" + mathRound(this._b) + \", \" + this._roundA + \")\";\n },\n toPercentageRgb: function() {\n return { r: mathRound(bound01(this._r, 255) * 100) + \"%\", g: mathRound(bound01(this._g, 255) * 100) + \"%\", b: mathRound(bound01(this._b, 255) * 100) + \"%\", a: this._a };\n },\n toPercentageRgbString: function() {\n return (this._a == 1) ?\n \"rgb(\" + mathRound(bound01(this._r, 255) * 100) + \"%, \" + mathRound(bound01(this._g, 255) * 100) + \"%, \" + mathRound(bound01(this._b, 255) * 100) + \"%)\" :\n \"rgba(\" + mathRound(bound01(this._r, 255) * 100) + \"%, \" + mathRound(bound01(this._g, 255) * 100) + \"%, \" + mathRound(bound01(this._b, 255) * 100) + \"%, \" + this._roundA + \")\";\n },\n toName: function() {\n if (this._a === 0) {\n return \"transparent\";\n }\n\n if (this._a < 1) {\n return false;\n }\n\n return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;\n },\n toFilter: function(secondColor) {\n var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);\n var secondHex8String = hex8String;\n var gradientType = this._gradientType ? \"GradientType = 1, \" : \"\";\n\n if (secondColor) {\n var s = tinycolor(secondColor);\n secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);\n }\n\n return \"progid:DXImageTransform.Microsoft.gradient(\"+gradientType+\"startColorstr=\"+hex8String+\",endColorstr=\"+secondHex8String+\")\";\n },\n toString: function(format) {\n var formatSet = !!format;\n format = format || this._format;\n\n var formattedString = false;\n var hasAlpha = this._a < 1 && this._a >= 0;\n var needsAlphaFormat = !formatSet && hasAlpha && (format === \"hex\" || format === \"hex6\" || format === \"hex3\" || format === \"hex4\" || format === \"hex8\" || format === \"name\");\n\n if (needsAlphaFormat) {\n // Special case for \"transparent\", all other non-alpha formats\n // will return rgba when there is transparency.\n if (format === \"name\" && this._a === 0) {\n return this.toName();\n }\n return this.toRgbString();\n }\n if (format === \"rgb\") {\n formattedString = this.toRgbString();\n }\n if (format === \"prgb\") {\n formattedString = this.toPercentageRgbString();\n }\n if (format === \"hex\" || format === \"hex6\") {\n formattedString = this.toHexString();\n }\n if (format === \"hex3\") {\n formattedString = this.toHexString(true);\n }\n if (format === \"hex4\") {\n formattedString = this.toHex8String(true);\n }\n if (format === \"hex8\") {\n formattedString = this.toHex8String();\n }\n if (format === \"name\") {\n formattedString = this.toName();\n }\n if (format === \"hsl\") {\n formattedString = this.toHslString();\n }\n if (format === \"hsv\") {\n formattedString = this.toHsvString();\n }\n\n return formattedString || this.toHexString();\n },\n clone: function() {\n return tinycolor(this.toString());\n },\n\n _applyModification: function(fn, args) {\n var color = fn.apply(null, [this].concat([].slice.call(args)));\n this._r = color._r;\n this._g = color._g;\n this._b = color._b;\n this.setAlpha(color._a);\n return this;\n },\n lighten: function() {\n return this._applyModification(lighten, arguments);\n },\n brighten: function() {\n return this._applyModification(brighten, arguments);\n },\n darken: function() {\n return this._applyModification(darken, arguments);\n },\n desaturate: function() {\n return this._applyModification(desaturate, arguments);\n },\n saturate: function() {\n return this._applyModification(saturate, arguments);\n },\n greyscale: function() {\n return this._applyModification(greyscale, arguments);\n },\n spin: function() {\n return this._applyModification(spin, arguments);\n },\n\n _applyCombination: function(fn, args) {\n return fn.apply(null, [this].concat([].slice.call(args)));\n },\n analogous: function() {\n return this._applyCombination(analogous, arguments);\n },\n complement: function() {\n return this._applyCombination(complement, arguments);\n },\n monochromatic: function() {\n return this._applyCombination(monochromatic, arguments);\n },\n splitcomplement: function() {\n return this._applyCombination(splitcomplement, arguments);\n },\n triad: function() {\n return this._applyCombination(triad, arguments);\n },\n tetrad: function() {\n return this._applyCombination(tetrad, arguments);\n }\n};\n\n// If input is an object, force 1 into \"1.0\" to handle ratios properly\n// String input requires \"1.0\" as input, so 1 will be treated as 1\ntinycolor.fromRatio = function(color, opts) {\n if (typeof color == \"object\") {\n var newColor = {};\n for (var i in color) {\n if (color.hasOwnProperty(i)) {\n if (i === \"a\") {\n newColor[i] = color[i];\n }\n else {\n newColor[i] = convertToPercentage(color[i]);\n }\n }\n }\n color = newColor;\n }\n\n return tinycolor(color, opts);\n};\n\n// Given a string or object, convert that input to RGB\n// Possible string inputs:\n//\n// \"red\"\n// \"#f00\" or \"f00\"\n// \"#ff0000\" or \"ff0000\"\n// \"#ff000000\" or \"ff000000\"\n// \"rgb 255 0 0\" or \"rgb (255, 0, 0)\"\n// \"rgb 1.0 0 0\" or \"rgb (1, 0, 0)\"\n// \"rgba (255, 0, 0, 1)\" or \"rgba 255, 0, 0, 1\"\n// \"rgba (1.0, 0, 0, 1)\" or \"rgba 1.0, 0, 0, 1\"\n// \"hsl(0, 100%, 50%)\" or \"hsl 0 100% 50%\"\n// \"hsla(0, 100%, 50%, 1)\" or \"hsla 0 100% 50%, 1\"\n// \"hsv(0, 100%, 100%)\" or \"hsv 0 100% 100%\"\n//\nfunction inputToRGB(color) {\n\n var rgb = { r: 0, g: 0, b: 0 };\n var a = 1;\n var s = null;\n var v = null;\n var l = null;\n var ok = false;\n var format = false;\n\n if (typeof color == \"string\") {\n color = stringInputToObject(color);\n }\n\n if (typeof color == \"object\") {\n if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {\n rgb = rgbToRgb(color.r, color.g, color.b);\n ok = true;\n format = String(color.r).substr(-1) === \"%\" ? \"prgb\" : \"rgb\";\n }\n else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {\n s = convertToPercentage(color.s);\n v = convertToPercentage(color.v);\n rgb = hsvToRgb(color.h, s, v);\n ok = true;\n format = \"hsv\";\n }\n else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {\n s = convertToPercentage(color.s);\n l = convertToPercentage(color.l);\n rgb = hslToRgb(color.h, s, l);\n ok = true;\n format = \"hsl\";\n }\n\n if (color.hasOwnProperty(\"a\")) {\n a = color.a;\n }\n }\n\n a = boundAlpha(a);\n\n return {\n ok: ok,\n format: color.format || format,\n r: mathMin(255, mathMax(rgb.r, 0)),\n g: mathMin(255, mathMax(rgb.g, 0)),\n b: mathMin(255, mathMax(rgb.b, 0)),\n a: a\n };\n}\n\n// Conversion Functions\n// --------------------\n\n// rgbToHsl, rgbToHsv, hslToRgb, hsvToRgb modified from:\n// \n\n// rgbToRgb\n// Handle bounds / percentage checking to conform to CSS color spec\n// \n\nfunction desaturate(color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.s -= amount / 100;\n hsl.s = clamp01(hsl.s);\n return tinycolor(hsl);\n}\n\nfunction saturate(color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.s += amount / 100;\n hsl.s = clamp01(hsl.s);\n return tinycolor(hsl);\n}\n\nfunction greyscale(color) {\n return tinycolor(color).desaturate(100);\n}\n\nfunction lighten (color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.l += amount / 100;\n hsl.l = clamp01(hsl.l);\n return tinycolor(hsl);\n}\n\nfunction brighten(color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var rgb = tinycolor(color).toRgb();\n rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));\n rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));\n rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));\n return tinycolor(rgb);\n}\n\nfunction darken (color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.l -= amount / 100;\n hsl.l = clamp01(hsl.l);\n return tinycolor(hsl);\n}\n\n// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.\n// Values outside of this range will be wrapped into this range.\nfunction spin(color, amount) {\n var hsl = tinycolor(color).toHsl();\n var hue = (hsl.h + amount) % 360;\n hsl.h = hue < 0 ? 360 + hue : hue;\n return tinycolor(hsl);\n}\n\n// Combination Functions\n// ---------------------\n// Thanks to jQuery xColor for some of the ideas behind these\n// \n\nfunction complement(color) {\n var hsl = tinycolor(color).toHsl();\n hsl.h = (hsl.h + 180) % 360;\n return tinycolor(hsl);\n}\n\nfunction triad(color) {\n var hsl = tinycolor(color).toHsl();\n var h = hsl.h;\n return [\n tinycolor(color),\n tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),\n tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })\n ];\n}\n\nfunction tetrad(color) {\n var hsl = tinycolor(color).toHsl();\n var h = hsl.h;\n return [\n tinycolor(color),\n tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),\n tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),\n tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })\n ];\n}\n\nfunction splitcomplement(color) {\n var hsl = tinycolor(color).toHsl();\n var h = hsl.h;\n return [\n tinycolor(color),\n tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),\n tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})\n ];\n}\n\nfunction analogous(color, results, slices) {\n results = results || 6;\n slices = slices || 30;\n\n var hsl = tinycolor(color).toHsl();\n var part = 360 / slices;\n var ret = [tinycolor(color)];\n\n for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {\n hsl.h = (hsl.h + part) % 360;\n ret.push(tinycolor(hsl));\n }\n return ret;\n}\n\nfunction monochromatic(color, results) {\n results = results || 6;\n var hsv = tinycolor(color).toHsv();\n var h = hsv.h, s = hsv.s, v = hsv.v;\n var ret = [];\n var modification = 1 / results;\n\n while (results--) {\n ret.push(tinycolor({ h: h, s: s, v: v}));\n v = (v + modification) % 1;\n }\n\n return ret;\n}\n\n// Utility Functions\n// ---------------------\n\ntinycolor.mix = function(color1, color2, amount) {\n amount = (amount === 0) ? 0 : (amount || 50);\n\n var rgb1 = tinycolor(color1).toRgb();\n var rgb2 = tinycolor(color2).toRgb();\n\n var p = amount / 100;\n\n var rgba = {\n r: ((rgb2.r - rgb1.r) * p) + rgb1.r,\n g: ((rgb2.g - rgb1.g) * p) + rgb1.g,\n b: ((rgb2.b - rgb1.b) * p) + rgb1.b,\n a: ((rgb2.a - rgb1.a) * p) + rgb1.a\n };\n\n return tinycolor(rgba);\n};\n\n// Readability Functions\n// ---------------------\n// false\n// tinycolor.isReadable(\"#000\", \"#111\",{level:\"AA\",size:\"large\"}) => false\ntinycolor.isReadable = function(color1, color2, wcag2) {\n var readability = tinycolor.readability(color1, color2);\n var wcag2Parms, out;\n\n out = false;\n\n wcag2Parms = validateWCAG2Parms(wcag2);\n switch (wcag2Parms.level + wcag2Parms.size) {\n case \"AAsmall\":\n case \"AAAlarge\":\n out = readability >= 4.5;\n break;\n case \"AAlarge\":\n out = readability >= 3;\n break;\n case \"AAAsmall\":\n out = readability >= 7;\n break;\n }\n return out;\n\n};\n\n// mostReadable\n// Given a base color and a list of possible foreground or background\n// colors for that base, returns the most readable color.\n// Optionally returns Black or White if the most readable color is unreadable.\n// *Example*\n// tinycolor.mostReadable(tinycolor.mostReadable(\"#123\", [\"#124\", \"#125\"],{includeFallbackColors:false}).toHexString(); // \"#112255\"\n// tinycolor.mostReadable(tinycolor.mostReadable(\"#123\", [\"#124\", \"#125\"],{includeFallbackColors:true}).toHexString(); // \"#ffffff\"\n// tinycolor.mostReadable(\"#a8015a\", [\"#faf3f3\"],{includeFallbackColors:true,level:\"AAA\",size:\"large\"}).toHexString(); // \"#faf3f3\"\n// tinycolor.mostReadable(\"#a8015a\", [\"#faf3f3\"],{includeFallbackColors:true,level:\"AAA\",size:\"small\"}).toHexString(); // \"#ffffff\"\ntinycolor.mostReadable = function(baseColor, colorList, args) {\n var bestColor = null;\n var bestScore = 0;\n var readability;\n var includeFallbackColors, level, size ;\n args = args || {};\n includeFallbackColors = args.includeFallbackColors ;\n level = args.level;\n size = args.size;\n\n for (var i= 0; i < colorList.length ; i++) {\n readability = tinycolor.readability(baseColor, colorList[i]);\n if (readability > bestScore) {\n bestScore = readability;\n bestColor = tinycolor(colorList[i]);\n }\n }\n\n if (tinycolor.isReadable(baseColor, bestColor, {\"level\":level,\"size\":size}) || !includeFallbackColors) {\n return bestColor;\n }\n else {\n args.includeFallbackColors=false;\n return tinycolor.mostReadable(baseColor,[\"#fff\", \"#000\"],args);\n }\n};\n\n// Big List of Colors\n// ------------------\n// \nvar names = tinycolor.names = {\n aliceblue: \"f0f8ff\",\n antiquewhite: \"faebd7\",\n aqua: \"0ff\",\n aquamarine: \"7fffd4\",\n azure: \"f0ffff\",\n beige: \"f5f5dc\",\n bisque: \"ffe4c4\",\n black: \"000\",\n blanchedalmond: \"ffebcd\",\n blue: \"00f\",\n blueviolet: \"8a2be2\",\n brown: \"a52a2a\",\n burlywood: \"deb887\",\n burntsienna: \"ea7e5d\",\n cadetblue: \"5f9ea0\",\n chartreuse: \"7fff00\",\n chocolate: \"d2691e\",\n coral: \"ff7f50\",\n cornflowerblue: \"6495ed\",\n cornsilk: \"fff8dc\",\n crimson: \"dc143c\",\n cyan: \"0ff\",\n darkblue: \"00008b\",\n darkcyan: \"008b8b\",\n darkgoldenrod: \"b8860b\",\n darkgray: \"a9a9a9\",\n darkgreen: \"006400\",\n darkgrey: \"a9a9a9\",\n darkkhaki: \"bdb76b\",\n darkmagenta: \"8b008b\",\n darkolivegreen: \"556b2f\",\n darkorange: \"ff8c00\",\n darkorchid: \"9932cc\",\n darkred: \"8b0000\",\n darksalmon: \"e9967a\",\n darkseagreen: \"8fbc8f\",\n darkslateblue: \"483d8b\",\n darkslategray: \"2f4f4f\",\n darkslategrey: \"2f4f4f\",\n darkturquoise: \"00ced1\",\n darkviolet: \"9400d3\",\n deeppink: \"ff1493\",\n deepskyblue: \"00bfff\",\n dimgray: \"696969\",\n dimgrey: \"696969\",\n dodgerblue: \"1e90ff\",\n firebrick: \"b22222\",\n floralwhite: \"fffaf0\",\n forestgreen: \"228b22\",\n fuchsia: \"f0f\",\n gainsboro: \"dcdcdc\",\n ghostwhite: \"f8f8ff\",\n gold: \"ffd700\",\n goldenrod: \"daa520\",\n gray: \"808080\",\n green: \"008000\",\n greenyellow: \"adff2f\",\n grey: \"808080\",\n honeydew: \"f0fff0\",\n hotpink: \"ff69b4\",\n indianred: \"cd5c5c\",\n indigo: \"4b0082\",\n ivory: \"fffff0\",\n khaki: \"f0e68c\",\n lavender: \"e6e6fa\",\n lavenderblush: \"fff0f5\",\n lawngreen: \"7cfc00\",\n lemonchiffon: \"fffacd\",\n lightblue: \"add8e6\",\n lightcoral: \"f08080\",\n lightcyan: \"e0ffff\",\n lightgoldenrodyellow: \"fafad2\",\n lightgray: \"d3d3d3\",\n lightgreen: \"90ee90\",\n lightgrey: \"d3d3d3\",\n lightpink: \"ffb6c1\",\n lightsalmon: \"ffa07a\",\n lightseagreen: \"20b2aa\",\n lightskyblue: \"87cefa\",\n lightslategray: \"789\",\n lightslategrey: \"789\",\n lightsteelblue: \"b0c4de\",\n lightyellow: \"ffffe0\",\n lime: \"0f0\",\n limegreen: \"32cd32\",\n linen: \"faf0e6\",\n magenta: \"f0f\",\n maroon: \"800000\",\n mediumaquamarine: \"66cdaa\",\n mediumblue: \"0000cd\",\n mediumorchid: \"ba55d3\",\n mediumpurple: \"9370db\",\n mediumseagreen: \"3cb371\",\n mediumslateblue: \"7b68ee\",\n mediumspringgreen: \"00fa9a\",\n mediumturquoise: \"48d1cc\",\n mediumvioletred: \"c71585\",\n midnightblue: \"191970\",\n mintcream: \"f5fffa\",\n mistyrose: \"ffe4e1\",\n moccasin: \"ffe4b5\",\n navajowhite: \"ffdead\",\n navy: \"000080\",\n oldlace: \"fdf5e6\",\n olive: \"808000\",\n olivedrab: \"6b8e23\",\n orange: \"ffa500\",\n orangered: \"ff4500\",\n orchid: \"da70d6\",\n palegoldenrod: \"eee8aa\",\n palegreen: \"98fb98\",\n paleturquoise: \"afeeee\",\n palevioletred: \"db7093\",\n papayawhip: \"ffefd5\",\n peachpuff: \"ffdab9\",\n peru: \"cd853f\",\n pink: \"ffc0cb\",\n plum: \"dda0dd\",\n powderblue: \"b0e0e6\",\n purple: \"800080\",\n rebeccapurple: \"663399\",\n red: \"f00\",\n rosybrown: \"bc8f8f\",\n royalblue: \"4169e1\",\n saddlebrown: \"8b4513\",\n salmon: \"fa8072\",\n sandybrown: \"f4a460\",\n seagreen: \"2e8b57\",\n seashell: \"fff5ee\",\n sienna: \"a0522d\",\n silver: \"c0c0c0\",\n skyblue: \"87ceeb\",\n slateblue: \"6a5acd\",\n slategray: \"708090\",\n slategrey: \"708090\",\n snow: \"fffafa\",\n springgreen: \"00ff7f\",\n steelblue: \"4682b4\",\n tan: \"d2b48c\",\n teal: \"008080\",\n thistle: \"d8bfd8\",\n tomato: \"ff6347\",\n turquoise: \"40e0d0\",\n violet: \"ee82ee\",\n wheat: \"f5deb3\",\n white: \"fff\",\n whitesmoke: \"f5f5f5\",\n yellow: \"ff0\",\n yellowgreen: \"9acd32\"\n};\n\n// Make it easy to access colors via hexNames[hex]\nvar hexNames = tinycolor.hexNames = flip(names);\n\n// Utilities\n// ---------\n\n// { 'name1': 'val1' } becomes { 'val1': 'name1' }\nfunction flip(o) {\n var flipped = { };\n for (var i in o) {\n if (o.hasOwnProperty(i)) {\n flipped[o[i]] = i;\n }\n }\n return flipped;\n}\n\n// Return a valid alpha value [0,1] with all invalid values being set to 1\nfunction boundAlpha(a) {\n a = parseFloat(a);\n\n if (isNaN(a) || a < 0 || a > 1) {\n a = 1;\n }\n\n return a;\n}\n\n// Take input from [0, n] and return it as [0, 1]\nfunction bound01(n, max) {\n if (isOnePointZero(n)) { n = \"100%\"; }\n\n var processPercent = isPercentage(n);\n n = mathMin(max, mathMax(0, parseFloat(n)));\n\n // Automatically convert percentage into number\n if (processPercent) {\n n = parseInt(n * max, 10) / 100;\n }\n\n // Handle floating point rounding errors\n if ((Math.abs(n - max) < 0.000001)) {\n return 1;\n }\n\n // Convert into [0, 1] range if it isn't already\n return (n % max) / parseFloat(max);\n}\n\n// Force a number between 0 and 1\nfunction clamp01(val) {\n return mathMin(1, mathMax(0, val));\n}\n\n// Parse a base-16 hex value into a base-10 integer\nfunction parseIntFromHex(val) {\n return parseInt(val, 16);\n}\n\n// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1\n// \nfunction isOnePointZero(n) {\n return typeof n == \"string\" && n.indexOf('.') != -1 && parseFloat(n) === 1;\n}\n\n// Check to see if string passed in is a percentage\nfunction isPercentage(n) {\n return typeof n === \"string\" && n.indexOf('%') != -1;\n}\n\n// Force a hex value to have 2 characters\nfunction pad2(c) {\n return c.length == 1 ? '0' + c : '' + c;\n}\n\n// Replace a decimal with it's percentage value\nfunction convertToPercentage(n) {\n if (n <= 1) {\n n = (n * 100) + \"%\";\n }\n\n return n;\n}\n\n// Converts a decimal to a hex value\nfunction convertDecimalToHex(d) {\n return Math.round(parseFloat(d) * 255).toString(16);\n}\n// Converts a hex value to a decimal\nfunction convertHexToDecimal(h) {\n return (parseIntFromHex(h) / 255);\n}\n\nvar matchers = (function() {\n\n // \n var CSS_INTEGER = \"[-\\\\+]?\\\\d+%?\";\n\n // \n var CSS_NUMBER = \"[-\\\\+]?\\\\d*\\\\.\\\\d+%?\";\n\n // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.\n var CSS_UNIT = \"(?:\" + CSS_NUMBER + \")|(?:\" + CSS_INTEGER + \")\";\n\n // Actual matching.\n // Parentheses and commas are optional, but not required.\n // Whitespace can take the place of commas or opening paren\n var PERMISSIVE_MATCH3 = \"[\\\\s|\\\\(]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")\\\\s*\\\\)?\";\n var PERMISSIVE_MATCH4 = \"[\\\\s|\\\\(]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")\\\\s*\\\\)?\";\n\n return {\n CSS_UNIT: new RegExp(CSS_UNIT),\n rgb: new RegExp(\"rgb\" + PERMISSIVE_MATCH3),\n rgba: new RegExp(\"rgba\" + PERMISSIVE_MATCH4),\n hsl: new RegExp(\"hsl\" + PERMISSIVE_MATCH3),\n hsla: new RegExp(\"hsla\" + PERMISSIVE_MATCH4),\n hsv: new RegExp(\"hsv\" + PERMISSIVE_MATCH3),\n hsva: new RegExp(\"hsva\" + PERMISSIVE_MATCH4),\n hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,\n hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,\n hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,\n hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/\n };\n})();\n\n// isValidCSSUnit\n// Take in a single string / number and check to see if it looks like a CSS unit\n// (see matchers above for definition).\nfunction isValidCSSUnit(color) {\n return !!matchers.CSS_UNIT.exec(color);\n}\n\n// stringInputToObject\n// Permissive string parsing. Take in a number of formats, and output an object\n// based on detected format. Returns { r, g, b } or { h, s, l } or { h, s, v}\nfunction stringInputToObject(color) {\n\n color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase();\n var named = false;\n if (names[color]) {\n color = names[color];\n named = true;\n }\n else if (color == 'transparent') {\n return { r: 0, g: 0, b: 0, a: 0, format: \"name\" };\n }\n\n // Try to match string input using regular expressions.\n // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]\n // Just return an object and let the conversion functions handle that.\n // This way the result will be the same whether the tinycolor is initialized with string or object.\n var match;\n if ((match = matchers.rgb.exec(color))) {\n return { r: match[1], g: match[2], b: match[3] };\n }\n if ((match = matchers.rgba.exec(color))) {\n return { r: match[1], g: match[2], b: match[3], a: match[4] };\n }\n if ((match = matchers.hsl.exec(color))) {\n return { h: match[1], s: match[2], l: match[3] };\n }\n if ((match = matchers.hsla.exec(color))) {\n return { h: match[1], s: match[2], l: match[3], a: match[4] };\n }\n if ((match = matchers.hsv.exec(color))) {\n return { h: match[1], s: match[2], v: match[3] };\n }\n if ((match = matchers.hsva.exec(color))) {\n return { h: match[1], s: match[2], v: match[3], a: match[4] };\n }\n if ((match = matchers.hex8.exec(color))) {\n return {\n r: parseIntFromHex(match[1]),\n g: parseIntFromHex(match[2]),\n b: parseIntFromHex(match[3]),\n a: convertHexToDecimal(match[4]),\n format: named ? \"name\" : \"hex8\"\n };\n }\n if ((match = matchers.hex6.exec(color))) {\n return {\n r: parseIntFromHex(match[1]),\n g: parseIntFromHex(match[2]),\n b: parseIntFromHex(match[3]),\n format: named ? \"name\" : \"hex\"\n };\n }\n if ((match = matchers.hex4.exec(color))) {\n return {\n r: parseIntFromHex(match[1] + '' + match[1]),\n g: parseIntFromHex(match[2] + '' + match[2]),\n b: parseIntFromHex(match[3] + '' + match[3]),\n a: convertHexToDecimal(match[4] + '' + match[4]),\n format: named ? \"name\" : \"hex8\"\n };\n }\n if ((match = matchers.hex3.exec(color))) {\n return {\n r: parseIntFromHex(match[1] + '' + match[1]),\n g: parseIntFromHex(match[2] + '' + match[2]),\n b: parseIntFromHex(match[3] + '' + match[3]),\n format: named ? \"name\" : \"hex\"\n };\n }\n\n return false;\n}\n\nfunction validateWCAG2Parms(parms) {\n // return valid WCAG2 parms for isReadable.\n // If input parms are invalid, return {\"level\":\"AA\", \"size\":\"small\"}\n var level, size;\n parms = parms || {\"level\":\"AA\", \"size\":\"small\"};\n level = (parms.level || \"AA\").toUpperCase();\n size = (parms.size || \"small\").toLowerCase();\n if (level !== \"AA\" && level !== \"AAA\") {\n level = \"AA\";\n }\n if (size !== \"small\" && size !== \"large\") {\n size = \"small\";\n }\n return {\"level\":level, \"size\":size};\n}\n\nthis.tinycolor = tinycolor;\n\n})()`;\n}\n// It is hacky way to make this function will be compiled preferentially by less\n// resolve error: `ReferenceError: colorPalette is not defined`\n// https://github.com/ant-design/ant-motion/issues/44\n.tinyColorMixin();\n"
},
{
"path": "src/styles/common/article.less",
"content": ".rab-article {\n h1 {\n font-size: 26px;\n font-weight: normal;\n }\n\n h2 {\n font-size: 20px;\n font-weight: normal;\n }\n\n h3 {\n font-size: 16px;\n font-weight: normal;\n }\n\n h4 {\n font-size: 14px;\n font-weight: normal;\n }\n\n h5 {\n font-size: 12px;\n font-weight: normal;\n }\n\n h6 {\n font-size: 12px;\n font-weight: normal;\n }\n\n blockquote {\n padding: 5px 5px 3px 10px;\n line-height: 1.5;\n border-left: 4px solid #ddd;\n margin-bottom: 20px;\n color: #666;\n font-size: 14px;\n }\n\n ul:not([class^='rab-']) {\n padding-left: 40px;\n list-style-type: disc;\n }\n\n li:not([class^='rab-']) {\n margin-bottom: 5px;\n font-size: 14px;\n }\n\n ul ul:not([class^='rab-']),\n ol ul:not([class^='rab-']) {\n list-style-type: circle;\n }\n\n p {\n margin: 5px;\n font-size: 14px;\n }\n}"
},
{
"path": "src/styles/common/base.less",
"content": "@import 'normalize';\n\n* {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n*:before,\n*:after {\n box-sizing: border-box;\n}\n\nbody {\n font-family: @font-family;\n font-size: @font-size-base;\n line-height: @line-height-base;\n color: @text-color;\n background-color: @body-background;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody,\ndiv,\ndl,\ndt,\ndd,\nul,\nol,\nli,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nform,\nfieldset,\nlegend,\ninput,\ntextarea,\np,\nblockquote,\nth,\ntd,\nhr,\nbutton,\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n margin: 0;\n padding: 0;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\ninput::-ms-clear,\ninput::-ms-reveal {\n display: none;\n}\n\na {\n color: @link-color;\n background: transparent;\n text-decoration: none;\n outline: none;\n cursor: pointer;\n transition: color @transition-time ease;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active {\n color: @link-active-color;\n }\n\n &:active,\n &:hover {\n outline: 0;\n text-decoration: none;\n }\n\n &[disabled] {\n color: #ccc;\n cursor: @cursor-disabled;\n pointer-events: none;\n }\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\ncode {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: #fff5f5;\n border-radius: 3px;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n color: #fa795e;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: @code-family;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n"
},
{
"path": "src/styles/common/iconfont/icons-font.less",
"content": "@font-face {\n font-family: @icons-font-family;\n src: url('@{icons-font-path}/iconfont.eot');\n src: url('@{icons-font-path}/iconfont.eot?#iefix') format('embedded-opentype'),\n url('@{icons-font-path}/iconfont.woff2') format('woff2'),\n url('@{icons-font-path}/iconfont.woff') format('woff'),\n url('@{icons-font-path}/iconfont.ttf') format('truetype'),\n url('@{icons-font-path}/iconfont.svg#iconfont') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n.rab-icon() {\n display: inline-block;\n font-family: @icons-font-family;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n text-rendering: optimizeLegibility;\n line-height: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n vertical-align: inherit;\n text-align: center;\n}\n\n.rab-icon {\n .rab-icon();\n}\n"
},
{
"path": "src/styles/common/iconfont/icons-icons.less",
"content": ".@{icons-prefix}ios-alert-outline:before {\n content: \"\\e8b7\";\n}\n\n.@{icons-prefix}rabbit:before {\n content: \"\\e600\";\n}\n\n.@{icons-prefix}403:before {\n content: \"\\e8b6\";\n}\n\n.@{icons-prefix}500:before {\n content: \"\\e8bc\";\n}\n\n.@{icons-prefix}4042:before {\n content: \"\\ef05\";\n}\n\n.@{icons-prefix}loading-solid:before {\n content: \"\\e8b4\";\n}\n\n.@{icons-prefix}loading1:before {\n content: \"\\e8b5\";\n}\n\n.@{icons-prefix}md-arrow-dropup-circle:before {\n content: \"\\e638\";\n}\n\n.@{icons-prefix}md-swap:before {\n content: \"\\e738\";\n}\n\n.@{icons-prefix}ios-person-add:before {\n content: \"\\e838\";\n}\n\n.@{icons-prefix}md-arrow-dropup:before {\n content: \"\\e639\";\n}\n\n.@{icons-prefix}md-sunny:before {\n content: \"\\e739\";\n}\n\n.@{icons-prefix}ios-phone-landscape:before {\n content: \"\\e839\";\n}\n\n.@{icons-prefix}md-arrow-round-down:before {\n content: \"\\e63a\";\n}\n\n.@{icons-prefix}md-subway:before {\n content: \"\\e73a\";\n}\n\n.@{icons-prefix}ios-photos:before {\n content: \"\\e83a\";\n}\n\n.@{icons-prefix}md-arrow-forward:before {\n content: \"\\e63b\";\n}\n\n.@{icons-prefix}md-switch:before {\n content: \"\\e73b\";\n}\n\n.@{icons-prefix}ios-pin:before {\n content: \"\\e83b\";\n}\n\n.@{icons-prefix}md-arrow-round-back:before {\n content: \"\\e63c\";\n}\n\n.@{icons-prefix}md-tablet-landscape:before {\n content: \"\\e73c\";\n}\n\n.@{icons-prefix}ios-pie:before {\n content: \"\\e83c\";\n}\n\n.@{icons-prefix}md-arrow-up:before {\n content: \"\\e63d\";\n}\n\n.@{icons-prefix}md-sync:before {\n content: \"\\e73d\";\n}\n\n.@{icons-prefix}ios-pint:before {\n content: \"\\e83d\";\n}\n\n.@{icons-prefix}md-arrow-round-up:before {\n content: \"\\e63e\";\n}\n\n.@{icons-prefix}md-text:before {\n content: \"\\e73e\";\n}\n\n.@{icons-prefix}ios-partly-sunny:before {\n content: \"\\e83e\";\n}\n\n.@{icons-prefix}md-arrow-round-forward:before {\n content: \"\\e63f\";\n}\n\n.@{icons-prefix}md-tablet-portrait:before {\n content: \"\\e73f\";\n}\n\n.@{icons-prefix}ios-planet:before {\n content: \"\\e83f\";\n}\n\n.@{icons-prefix}md-backspace:before {\n content: \"\\e640\";\n}\n\n.@{icons-prefix}md-tennisball:before {\n content: \"\\e740\";\n}\n\n.@{icons-prefix}ios-pizza:before {\n content: \"\\e840\";\n}\n\n.@{icons-prefix}md-at:before {\n content: \"\\e641\";\n}\n\n.@{icons-prefix}md-thermometer:before {\n content: \"\\e741\";\n}\n\n.@{icons-prefix}ios-play:before {\n content: \"\\e841\";\n}\n\n.@{icons-prefix}md-attach:before {\n content: \"\\e642\";\n}\n\n.@{icons-prefix}md-thumbs-up:before {\n content: \"\\e742\";\n}\n\n.@{icons-prefix}ios-play-circle:before {\n content: \"\\e842\";\n}\n\n.@{icons-prefix}md-basket:before {\n content: \"\\e643\";\n}\n\n.@{icons-prefix}md-thumbs-down:before {\n content: \"\\e743\";\n}\n\n.@{icons-prefix}ios-podium:before {\n content: \"\\e843\";\n}\n\n.@{icons-prefix}md-battery-dead:before {\n content: \"\\e644\";\n}\n\n.@{icons-prefix}md-stats:before {\n content: \"\\e744\";\n}\n\n.@{icons-prefix}ios-power:before {\n content: \"\\e844\";\n}\n\n.@{icons-prefix}md-basketball:before {\n content: \"\\e645\";\n}\n\n.@{icons-prefix}md-thunderstorm:before {\n content: \"\\e745\";\n}\n\n.@{icons-prefix}ios-pricetag:before {\n content: \"\\e845\";\n}\n\n.@{icons-prefix}md-battery-charging:before {\n content: \"\\e646\";\n}\n\n.@{icons-prefix}md-time:before {\n content: \"\\e746\";\n}\n\n.@{icons-prefix}ios-pricetags:before {\n content: \"\\e846\";\n}\n\n.@{icons-prefix}md-battery-full:before {\n content: \"\\e647\";\n}\n\n.@{icons-prefix}md-timer:before {\n content: \"\\e747\";\n}\n\n.@{icons-prefix}ios-print:before {\n content: \"\\e847\";\n}\n\n.@{icons-prefix}md-bed:before {\n content: \"\\e648\";\n}\n\n.@{icons-prefix}md-today:before {\n content: \"\\e748\";\n}\n\n.@{icons-prefix}ios-pulse:before {\n content: \"\\e848\";\n}\n\n.@{icons-prefix}md-baseball:before {\n content: \"\\e649\";\n}\n\n.@{icons-prefix}md-transgender:before {\n content: \"\\e749\";\n}\n\n.@{icons-prefix}ios-qr-scanner:before {\n content: \"\\e849\";\n}\n\n.@{icons-prefix}md-barcode:before {\n content: \"\\e64a\";\n}\n\n.@{icons-prefix}md-trash:before {\n content: \"\\e74a\";\n}\n\n.@{icons-prefix}ios-quote:before {\n content: \"\\e84a\";\n}\n\n.@{icons-prefix}md-beaker:before {\n content: \"\\e64b\";\n}\n\n.@{icons-prefix}md-trending-down:before {\n content: \"\\e74b\";\n}\n\n.@{icons-prefix}ios-radio-button-off:before {\n content: \"\\e84b\";\n}\n\n.@{icons-prefix}md-bluetooth:before {\n content: \"\\e64c\";\n}\n\n.@{icons-prefix}md-trending-up:before {\n content: \"\\e74c\";\n}\n\n.@{icons-prefix}ios-radio-button-on:before {\n content: \"\\e84c\";\n}\n\n.@{icons-prefix}md-body:before {\n content: \"\\e64d\";\n}\n\n.@{icons-prefix}md-tv:before {\n content: \"\\e74d\";\n}\n\n.@{icons-prefix}ios-radio:before {\n content: \"\\e84d\";\n}\n\n.@{icons-prefix}md-bonfire:before {\n content: \"\\e64e\";\n}\n\n.@{icons-prefix}md-trophy:before {\n content: \"\\e74e\";\n}\n\n.@{icons-prefix}ios-recording:before {\n content: \"\\e84e\";\n}\n\n.@{icons-prefix}md-bicycle:before {\n content: \"\\e64f\";\n}\n\n.@{icons-prefix}md-umbrella:before {\n content: \"\\e74f\";\n}\n\n.@{icons-prefix}ios-redo:before {\n content: \"\\e84f\";\n}\n\n.@{icons-prefix}md-beer:before {\n content: \"\\e650\";\n}\n\n.@{icons-prefix}md-undo:before {\n content: \"\\e750\";\n}\n\n.@{icons-prefix}ios-refresh:before {\n content: \"\\e850\";\n}\n\n.@{icons-prefix}md-book:before {\n content: \"\\e651\";\n}\n\n.@{icons-prefix}md-videocam:before {\n content: \"\\e751\";\n}\n\n.@{icons-prefix}ios-refresh-circle:before {\n content: \"\\e851\";\n}\n\n.@{icons-prefix}md-boat:before {\n content: \"\\e652\";\n}\n\n.@{icons-prefix}md-volume-mute:before {\n content: \"\\e752\";\n}\n\n.@{icons-prefix}ios-remove:before {\n content: \"\\e852\";\n}\n\n.@{icons-prefix}md-bookmark:before {\n content: \"\\e653\";\n}\n\n.@{icons-prefix}md-volume-low:before {\n content: \"\\e753\";\n}\n\n.@{icons-prefix}ios-remove-circle-outline:before {\n content: \"\\e853\";\n}\n\n.@{icons-prefix}md-bookmarks:before {\n content: \"\\e654\";\n}\n\n.@{icons-prefix}md-volume-high:before {\n content: \"\\e754\";\n}\n\n.@{icons-prefix}ios-remove-circle:before {\n content: \"\\e854\";\n}\n\n.@{icons-prefix}md-bowtie:before {\n content: \"\\e655\";\n}\n\n.@{icons-prefix}md-train:before {\n content: \"\\e755\";\n}\n\n.@{icons-prefix}ios-reorder:before {\n content: \"\\e855\";\n}\n\n.@{icons-prefix}md-briefcase:before {\n content: \"\\e656\";\n}\n\n.@{icons-prefix}md-walk:before {\n content: \"\\e756\";\n}\n\n.@{icons-prefix}ios-resize:before {\n content: \"\\e856\";\n}\n\n.@{icons-prefix}md-browsers:before {\n content: \"\\e657\";\n}\n\n.@{icons-prefix}md-wallet:before {\n content: \"\\e757\";\n}\n\n.@{icons-prefix}ios-repeat:before {\n content: \"\\e857\";\n}\n\n.@{icons-prefix}md-brush:before {\n content: \"\\e658\";\n}\n\n.@{icons-prefix}md-unlock:before {\n content: \"\\e758\";\n}\n\n.@{icons-prefix}ios-rainy:before {\n content: \"\\e858\";\n}\n\n.@{icons-prefix}md-bug:before {\n content: \"\\e659\";\n}\n\n.@{icons-prefix}md-warning:before {\n content: \"\\e759\";\n}\n\n.@{icons-prefix}ios-return-left:before {\n content: \"\\e859\";\n}\n\n.@{icons-prefix}md-build:before {\n content: \"\\e65a\";\n}\n\n.@{icons-prefix}md-volume-off:before {\n content: \"\\e75a\";\n}\n\n.@{icons-prefix}ios-restaurant:before {\n content: \"\\e85a\";\n}\n\n.@{icons-prefix}md-bulb:before {\n content: \"\\e65b\";\n}\n\n.@{icons-prefix}md-water:before {\n content: \"\\e75b\";\n}\n\n.@{icons-prefix}ios-return-right:before {\n content: \"\\e85b\";\n}\n\n.@{icons-prefix}md-business:before {\n content: \"\\e65c\";\n}\n\n.@{icons-prefix}md-watch:before {\n content: \"\\e75c\";\n}\n\n.@{icons-prefix}ios-rewind:before {\n content: \"\\e85c\";\n}\n\n.@{icons-prefix}md-cafe:before {\n content: \"\\e65d\";\n}\n\n.@{icons-prefix}md-woman:before {\n content: \"\\e75d\";\n}\n\n.@{icons-prefix}ios-reverse-camera:before {\n content: \"\\e85d\";\n}\n\n.@{icons-prefix}md-bus:before {\n content: \"\\e65e\";\n}\n\n.@{icons-prefix}md-wine:before {\n content: \"\\e75e\";\n}\n\n.@{icons-prefix}ios-ribbon:before {\n content: \"\\e85e\";\n}\n\n.@{icons-prefix}md-calculator:before {\n content: \"\\e65f\";\n}\n\n.@{icons-prefix}md-wifi:before {\n content: \"\\e75f\";\n}\n\n.@{icons-prefix}ios-rocket:before {\n content: \"\\e85f\";\n}\n\n.@{icons-prefix}md-call:before {\n content: \"\\e660\";\n}\n\n.@{icons-prefix}ios-add:before {\n content: \"\\e760\";\n}\n\n.@{icons-prefix}ios-rose:before {\n content: \"\\e860\";\n}\n\n.@{icons-prefix}md-car:before {\n content: \"\\e661\";\n}\n\n.@{icons-prefix}ios-add-circle:before {\n content: \"\\e761\";\n}\n\n.@{icons-prefix}ios-sad:before {\n content: \"\\e861\";\n}\n\n.@{icons-prefix}md-camera:before {\n content: \"\\e662\";\n}\n\n.@{icons-prefix}ios-add-circle-outline:before {\n content: \"\\e762\";\n}\n\n.@{icons-prefix}ios-save:before {\n content: \"\\e862\";\n}\n\n.@{icons-prefix}md-card:before {\n content: \"\\e663\";\n}\n\n.@{icons-prefix}ios-albums:before {\n content: \"\\e763\";\n}\n\n.@{icons-prefix}ios-search:before {\n content: \"\\e863\";\n}\n\n.@{icons-prefix}md-cash:before {\n content: \"\\e664\";\n}\n\n.@{icons-prefix}ios-airplane:before {\n content: \"\\e764\";\n}\n\n.@{icons-prefix}ios-school:before {\n content: \"\\e864\";\n}\n\n.@{icons-prefix}md-cellular:before {\n content: \"\\e665\";\n}\n\n.@{icons-prefix}ios-alarm:before {\n content: \"\\e765\";\n}\n\n.@{icons-prefix}ios-send:before {\n content: \"\\e865\";\n}\n\n.@{icons-prefix}md-cart:before {\n content: \"\\e666\";\n}\n\n.@{icons-prefix}ios-alert:before {\n content: \"\\e766\";\n}\n\n.@{icons-prefix}ios-share:before {\n content: \"\\e866\";\n}\n\n.@{icons-prefix}md-calendar:before {\n content: \"\\e667\";\n}\n\n.@{icons-prefix}ios-analytics:before {\n content: \"\\e767\";\n}\n\n.@{icons-prefix}ios-settings:before {\n content: \"\\e867\";\n}\n\n.@{icons-prefix}md-chatbubbles:before {\n content: \"\\e668\";\n}\n\n.@{icons-prefix}ios-appstore:before {\n content: \"\\e768\";\n}\n\n.@{icons-prefix}ios-share-alt:before {\n content: \"\\e868\";\n}\n\n.@{icons-prefix}md-chatboxes:before {\n content: \"\\e669\";\n}\n\n.@{icons-prefix}ios-aperture:before {\n content: \"\\e769\";\n}\n\n.@{icons-prefix}ios-shirt:before {\n content: \"\\e869\";\n}\n\n.@{icons-prefix}md-checkbox:before {\n content: \"\\e66a\";\n}\n\n.@{icons-prefix}ios-apps:before {\n content: \"\\e76a\";\n}\n\n.@{icons-prefix}ios-shuffle:before {\n content: \"\\e86a\";\n}\n\n.@{icons-prefix}md-checkmark:before {\n content: \"\\e66b\";\n}\n\n.@{icons-prefix}ios-archive:before {\n content: \"\\e76b\";\n}\n\n.@{icons-prefix}ios-skip-backward:before {\n content: \"\\e86b\";\n}\n\n.@{icons-prefix}md-checkbox-outline:before {\n content: \"\\e66c\";\n}\n\n.@{icons-prefix}ios-american-football:before {\n content: \"\\e76c\";\n}\n\n.@{icons-prefix}ios-skip-forward:before {\n content: \"\\e86c\";\n}\n\n.@{icons-prefix}md-checkmark-circle:before {\n content: \"\\e66d\";\n}\n\n.@{icons-prefix}ios-arrow-back:before {\n content: \"\\e76d\";\n}\n\n.@{icons-prefix}ios-speedometer:before {\n content: \"\\e86d\";\n}\n\n.@{icons-prefix}md-checkmark-circle-outline:before {\n content: \"\\e66e\";\n}\n\n.@{icons-prefix}ios-arrow-down:before {\n content: \"\\e76e\";\n}\n\n.@{icons-prefix}ios-square:before {\n content: \"\\e86e\";\n}\n\n.@{icons-prefix}md-clipboard:before {\n content: \"\\e66f\";\n}\n\n.@{icons-prefix}ios-arrow-dropdown-circle:before {\n content: \"\\e76f\";\n}\n\n.@{icons-prefix}ios-square-outline:before {\n content: \"\\e86f\";\n}\n\n.@{icons-prefix}md-close:before {\n content: \"\\e670\";\n}\n\n.@{icons-prefix}ios-arrow-dropdown:before {\n content: \"\\e770\";\n}\n\n.@{icons-prefix}ios-star:before {\n content: \"\\e870\";\n}\n\n.@{icons-prefix}md-close-circle:before {\n content: \"\\e671\";\n}\n\n.@{icons-prefix}ios-arrow-dropleft:before {\n content: \"\\e771\";\n}\n\n.@{icons-prefix}ios-star-half:before {\n content: \"\\e871\";\n}\n\n.@{icons-prefix}md-clock:before {\n content: \"\\e672\";\n}\n\n.@{icons-prefix}ios-arrow-dropleft-circle:before {\n content: \"\\e772\";\n}\n\n.@{icons-prefix}ios-star-outline:before {\n content: \"\\e872\";\n}\n\n.@{icons-prefix}md-close-circle-outline:before {\n content: \"\\e673\";\n}\n\n.@{icons-prefix}ios-arrow-dropright-circle:before {\n content: \"\\e773\";\n}\n\n.@{icons-prefix}ios-stats:before {\n content: \"\\e873\";\n}\n\n.@{icons-prefix}md-cloud:before {\n content: \"\\e674\";\n}\n\n.@{icons-prefix}ios-arrow-dropright:before {\n content: \"\\e774\";\n}\n\n.@{icons-prefix}ios-snow:before {\n content: \"\\e874\";\n}\n\n.@{icons-prefix}md-cloud-circle:before {\n content: \"\\e675\";\n}\n\n.@{icons-prefix}ios-arrow-dropup:before {\n content: \"\\e775\";\n}\n\n.@{icons-prefix}ios-stopwatch:before {\n content: \"\\e875\";\n}\n\n.@{icons-prefix}md-cloud-done:before {\n content: \"\\e676\";\n}\n\n.@{icons-prefix}ios-arrow-dropup-circle:before {\n content: \"\\e776\";\n}\n\n.@{icons-prefix}ios-sunny:before {\n content: \"\\e876\";\n}\n\n.@{icons-prefix}md-cloud-download:before {\n content: \"\\e677\";\n}\n\n.@{icons-prefix}ios-arrow-forward:before {\n content: \"\\e777\";\n}\n\n.@{icons-prefix}ios-subway:before {\n content: \"\\e877\";\n}\n\n.@{icons-prefix}md-cloud-outline:before {\n content: \"\\e678\";\n}\n\n.@{icons-prefix}ios-arrow-round-back:before {\n content: \"\\e778\";\n}\n\n.@{icons-prefix}ios-swap:before {\n content: \"\\e878\";\n}\n\n.@{icons-prefix}md-cloudy:before {\n content: \"\\e679\";\n}\n\n.@{icons-prefix}ios-arrow-round-down:before {\n content: \"\\e779\";\n}\n\n.@{icons-prefix}ios-switch:before {\n content: \"\\e879\";\n}\n\n.@{icons-prefix}md-cloudy-night:before {\n content: \"\\e67a\";\n}\n\n.@{icons-prefix}ios-arrow-round-forward:before {\n content: \"\\e77a\";\n}\n\n.@{icons-prefix}ios-tablet-landscape:before {\n content: \"\\e87a\";\n}\n\n.@{icons-prefix}md-code-download:before {\n content: \"\\e67b\";\n}\n\n.@{icons-prefix}ios-arrow-round-up:before {\n content: \"\\e77b\";\n}\n\n.@{icons-prefix}ios-sync:before {\n content: \"\\e87b\";\n}\n\n.@{icons-prefix}md-code-working:before {\n content: \"\\e67c\";\n}\n\n.@{icons-prefix}ios-arrow-up:before {\n content: \"\\e77c\";\n}\n\n.@{icons-prefix}ios-tablet-portrait:before {\n content: \"\\e87c\";\n}\n\n.@{icons-prefix}md-color-fill:before {\n content: \"\\e67d\";\n}\n\n.@{icons-prefix}ios-at:before {\n content: \"\\e77d\";\n}\n\n.@{icons-prefix}ios-text:before {\n content: \"\\e87d\";\n}\n\n.@{icons-prefix}md-color-filter:before {\n content: \"\\e67e\";\n}\n\n.@{icons-prefix}ios-attach:before {\n content: \"\\e77e\";\n}\n\n.@{icons-prefix}ios-thermometer:before {\n content: \"\\e87e\";\n}\n\n.@{icons-prefix}md-cog:before {\n content: \"\\e67f\";\n}\n\n.@{icons-prefix}ios-backspace:before {\n content: \"\\e77f\";\n}\n\n.@{icons-prefix}ios-tennisball:before {\n content: \"\\e87f\";\n}\n\n.@{icons-prefix}md-compass:before {\n content: \"\\e680\";\n}\n\n.@{icons-prefix}ios-barcode:before {\n content: \"\\e780\";\n}\n\n.@{icons-prefix}ios-thumbs-down:before {\n content: \"\\e880\";\n}\n\n.@{icons-prefix}md-color-palette:before {\n content: \"\\e681\";\n}\n\n.@{icons-prefix}ios-basketball:before {\n content: \"\\e781\";\n}\n\n.@{icons-prefix}ios-thunderstorm:before {\n content: \"\\e881\";\n}\n\n.@{icons-prefix}md-color-wand:before {\n content: \"\\e682\";\n}\n\n.@{icons-prefix}ios-basket:before {\n content: \"\\e782\";\n}\n\n.@{icons-prefix}ios-thumbs-up:before {\n content: \"\\e882\";\n}\n\n.@{icons-prefix}md-cloud-upload:before {\n content: \"\\e683\";\n}\n\n.@{icons-prefix}ios-battery-charging:before {\n content: \"\\e783\";\n}\n\n.@{icons-prefix}ios-time:before {\n content: \"\\e883\";\n}\n\n.@{icons-prefix}md-contact:before {\n content: \"\\e684\";\n}\n\n.@{icons-prefix}ios-battery-dead:before {\n content: \"\\e784\";\n}\n\n.@{icons-prefix}ios-today:before {\n content: \"\\e884\";\n}\n\n.@{icons-prefix}md-contacts:before {\n content: \"\\e685\";\n}\n\n.@{icons-prefix}ios-baseball:before {\n content: \"\\e785\";\n}\n\n.@{icons-prefix}ios-timer:before {\n content: \"\\e885\";\n}\n\n.@{icons-prefix}md-code:before {\n content: \"\\e686\";\n}\n\n.@{icons-prefix}ios-beaker:before {\n content: \"\\e786\";\n}\n\n.@{icons-prefix}ios-train:before {\n content: \"\\e886\";\n}\n\n.@{icons-prefix}md-contrast:before {\n content: \"\\e687\";\n}\n\n.@{icons-prefix}ios-bed:before {\n content: \"\\e787\";\n}\n\n.@{icons-prefix}ios-trash:before {\n content: \"\\e887\";\n}\n\n.@{icons-prefix}md-construct:before {\n content: \"\\e688\";\n}\n\n.@{icons-prefix}ios-beer:before {\n content: \"\\e788\";\n}\n\n.@{icons-prefix}ios-trending-down:before {\n content: \"\\e888\";\n}\n\n.@{icons-prefix}md-copy:before {\n content: \"\\e689\";\n}\n\n.@{icons-prefix}ios-bluetooth:before {\n content: \"\\e789\";\n}\n\n.@{icons-prefix}ios-transgender:before {\n content: \"\\e889\";\n}\n\n.@{icons-prefix}md-contract:before {\n content: \"\\e68a\";\n}\n\n.@{icons-prefix}ios-bicycle:before {\n content: \"\\e78a\";\n}\n\n.@{icons-prefix}ios-trending-up:before {\n content: \"\\e88a\";\n}\n\n.@{icons-prefix}md-create:before {\n content: \"\\e68b\";\n}\n\n.@{icons-prefix}ios-boat:before {\n content: \"\\e78b\";\n}\n\n.@{icons-prefix}ios-trophy:before {\n content: \"\\e88b\";\n}\n\n.@{icons-prefix}md-crop:before {\n content: \"\\e68c\";\n}\n\n.@{icons-prefix}ios-battery-full:before {\n content: \"\\e78c\";\n}\n\n.@{icons-prefix}ios-tv:before {\n content: \"\\e88c\";\n}\n\n.@{icons-prefix}md-cube:before {\n content: \"\\e68d\";\n}\n\n.@{icons-prefix}ios-body:before {\n content: \"\\e78d\";\n}\n\n.@{icons-prefix}ios-undo:before {\n content: \"\\e88d\";\n}\n\n.@{icons-prefix}md-cut:before {\n content: \"\\e68e\";\n}\n\n.@{icons-prefix}ios-book:before {\n content: \"\\e78e\";\n}\n\n.@{icons-prefix}ios-umbrella:before {\n content: \"\\e88e\";\n}\n\n.@{icons-prefix}md-disc:before {\n content: \"\\e68f\";\n}\n\n.@{icons-prefix}ios-bookmark:before {\n content: \"\\e78f\";\n}\n\n.@{icons-prefix}ios-unlock:before {\n content: \"\\e88f\";\n}\n\n.@{icons-prefix}md-desktop:before {\n content: \"\\e690\";\n}\n\n.@{icons-prefix}ios-bonfire:before {\n content: \"\\e790\";\n}\n\n.@{icons-prefix}ios-videocam:before {\n content: \"\\e890\";\n}\n\n.@{icons-prefix}md-document:before {\n content: \"\\e691\";\n}\n\n.@{icons-prefix}ios-bowtie:before {\n content: \"\\e791\";\n}\n\n.@{icons-prefix}ios-volume-high:before {\n content: \"\\e891\";\n}\n\n.@{icons-prefix}md-download:before {\n content: \"\\e692\";\n}\n\n.@{icons-prefix}ios-bookmarks:before {\n content: \"\\e792\";\n}\n\n.@{icons-prefix}ios-volume-low:before {\n content: \"\\e892\";\n}\n\n.@{icons-prefix}md-done-all:before {\n content: \"\\e693\";\n}\n\n.@{icons-prefix}ios-briefcase:before {\n content: \"\\e793\";\n}\n\n.@{icons-prefix}ios-volume-mute:before {\n content: \"\\e893\";\n}\n\n.@{icons-prefix}md-easel:before {\n content: \"\\e694\";\n}\n\n.@{icons-prefix}ios-browsers:before {\n content: \"\\e794\";\n}\n\n.@{icons-prefix}ios-volume-off:before {\n content: \"\\e894\";\n}\n\n.@{icons-prefix}md-exit:before {\n content: \"\\e695\";\n}\n\n.@{icons-prefix}ios-brush:before {\n content: \"\\e795\";\n}\n\n.@{icons-prefix}ios-wallet:before {\n content: \"\\e895\";\n}\n\n.@{icons-prefix}md-expand:before {\n content: \"\\e696\";\n}\n\n.@{icons-prefix}ios-build:before {\n content: \"\\e796\";\n}\n\n.@{icons-prefix}ios-warning:before {\n content: \"\\e896\";\n}\n\n.@{icons-prefix}md-eye:before {\n content: \"\\e697\";\n}\n\n.@{icons-prefix}ios-bulb:before {\n content: \"\\e797\";\n}\n\n.@{icons-prefix}ios-walk:before {\n content: \"\\e897\";\n}\n\n.@{icons-prefix}md-eye-off:before {\n content: \"\\e698\";\n}\n\n.@{icons-prefix}ios-bug:before {\n content: \"\\e798\";\n}\n\n.@{icons-prefix}ios-water:before {\n content: \"\\e898\";\n}\n\n.@{icons-prefix}md-fastforward:before {\n content: \"\\e699\";\n}\n\n.@{icons-prefix}ios-bus:before {\n content: \"\\e799\";\n}\n\n.@{icons-prefix}ios-wifi:before {\n content: \"\\e899\";\n}\n\n.@{icons-prefix}md-female:before {\n content: \"\\e69a\";\n}\n\n.@{icons-prefix}ios-cafe:before {\n content: \"\\e79a\";\n}\n\n.@{icons-prefix}ios-watch:before {\n content: \"\\e89a\";\n}\n\n.@{icons-prefix}md-fitness:before {\n content: \"\\e69b\";\n}\n\n.@{icons-prefix}ios-business:before {\n content: \"\\e79b\";\n}\n\n.@{icons-prefix}ios-wine:before {\n content: \"\\e89b\";\n}\n\n.@{icons-prefix}md-film:before {\n content: \"\\e69c\";\n}\n\n.@{icons-prefix}ios-calculator:before {\n content: \"\\e79c\";\n}\n\n.@{icons-prefix}ios-woman:before {\n content: \"\\e89c\";\n}\n\n.@{icons-prefix}md-flag:before {\n content: \"\\e69d\";\n}\n\n.@{icons-prefix}ios-calendar:before {\n content: \"\\e79d\";\n}\n\n.@{icons-prefix}logo-android:before {\n content: \"\\e89d\";\n}\n\n.@{icons-prefix}md-flash:before {\n content: \"\\e69e\";\n}\n\n.@{icons-prefix}ios-call:before {\n content: \"\\e79e\";\n}\n\n.@{icons-prefix}logo-bitbucket:before {\n content: \"\\e89e\";\n}\n\n.@{icons-prefix}md-flashlight:before {\n content: \"\\e69f\";\n}\n\n.@{icons-prefix}ios-camera:before {\n content: \"\\e79f\";\n}\n\n.@{icons-prefix}logo-apple:before {\n content: \"\\e89f\";\n}\n\n.@{icons-prefix}md-flask:before {\n content: \"\\e6a0\";\n}\n\n.@{icons-prefix}ios-car:before {\n content: \"\\e7a0\";\n}\n\n.@{icons-prefix}logo-bitcoin:before {\n content: \"\\e8a0\";\n}\n\n.@{icons-prefix}md-flash-off:before {\n content: \"\\e6a1\";\n}\n\n.@{icons-prefix}ios-card:before {\n content: \"\\e7a1\";\n}\n\n.@{icons-prefix}logo-buffer:before {\n content: \"\\e8a1\";\n}\n\n.@{icons-prefix}md-egg:before {\n content: \"\\e6a2\";\n}\n\n.@{icons-prefix}ios-cart:before {\n content: \"\\e7a2\";\n}\n\n.@{icons-prefix}logo-chrome:before {\n content: \"\\e8a2\";\n}\n\n.@{icons-prefix}md-folder:before {\n content: \"\\e6a3\";\n}\n\n.@{icons-prefix}ios-cellular:before {\n content: \"\\e7a3\";\n}\n\n.@{icons-prefix}logo-css:before {\n content: \"\\e8a3\";\n}\n\n.@{icons-prefix}md-finger-print:before {\n content: \"\\e6a4\";\n}\n\n.@{icons-prefix}ios-cash:before {\n content: \"\\e7a4\";\n}\n\n.@{icons-prefix}logo-closed-captioning:before {\n content: \"\\e8a4\";\n}\n\n.@{icons-prefix}md-filing:before {\n content: \"\\e6a5\";\n}\n\n.@{icons-prefix}ios-chatboxes:before {\n content: \"\\e7a5\";\n}\n\n.@{icons-prefix}logo-designernews:before {\n content: \"\\e8a5\";\n}\n\n.@{icons-prefix}md-flower:before {\n content: \"\\e6a6\";\n}\n\n.@{icons-prefix}ios-checkbox:before {\n content: \"\\e7a6\";\n}\n\n.@{icons-prefix}logo-angular:before {\n content: \"\\e8a6\";\n}\n\n.@{icons-prefix}md-flame:before {\n content: \"\\e6a7\";\n}\n\n.@{icons-prefix}ios-chatbubbles:before {\n content: \"\\e7a7\";\n}\n\n.@{icons-prefix}logo-codepen:before {\n content: \"\\e8a7\";\n}\n\n.@{icons-prefix}md-folder-open:before {\n content: \"\\e6a8\";\n}\n\n.@{icons-prefix}ios-checkmark:before {\n content: \"\\e7a8\";\n}\n\n.@{icons-prefix}logo-dribbble:before {\n content: \"\\e8a8\";\n}\n\n.@{icons-prefix}md-gift:before {\n content: \"\\e6a9\";\n}\n\n.@{icons-prefix}ios-checkmark-circle:before {\n content: \"\\e7a9\";\n}\n\n.@{icons-prefix}logo-dropbox:before {\n content: \"\\e8a9\";\n}\n\n.@{icons-prefix}md-funnel:before {\n content: \"\\e6aa\";\n}\n\n.@{icons-prefix}ios-checkbox-outline:before {\n content: \"\\e7aa\";\n}\n\n.@{icons-prefix}logo-facebook:before {\n content: \"\\e8aa\";\n}\n\n.@{icons-prefix}md-football:before {\n content: \"\\e6ab\";\n}\n\n.@{icons-prefix}ios-checkmark-circle-outline:before {\n content: \"\\e7ab\";\n}\n\n.@{icons-prefix}logo-flickr:before {\n content: \"\\e8ab\";\n}\n\n.@{icons-prefix}md-git-commit:before {\n content: \"\\e6ac\";\n}\n\n.@{icons-prefix}ios-clipboard:before {\n content: \"\\e7ac\";\n}\n\n.@{icons-prefix}logo-euro:before {\n content: \"\\e8ac\";\n}\n\n.@{icons-prefix}md-git-branch:before {\n content: \"\\e6ad\";\n}\n\n.@{icons-prefix}ios-clock:before {\n content: \"\\e7ad\";\n}\n\n.@{icons-prefix}logo-foursquare:before {\n content: \"\\e8ad\";\n}\n\n.@{icons-prefix}md-git-compare:before {\n content: \"\\e6ae\";\n}\n\n.@{icons-prefix}ios-close:before {\n content: \"\\e7ae\";\n}\n\n.@{icons-prefix}logo-freebsd-devil:before {\n content: \"\\e8ae\";\n}\n\n.@{icons-prefix}md-git-merge:before {\n content: \"\\e6af\";\n}\n\n.@{icons-prefix}ios-close-circle-outline:before {\n content: \"\\e7af\";\n}\n\n.@{icons-prefix}logo-game-controller-a:before {\n content: \"\\e8af\";\n}\n\n.@{icons-prefix}md-git-pull-request:before {\n content: \"\\e6b0\";\n}\n\n.@{icons-prefix}ios-close-circle:before {\n content: \"\\e7b0\";\n}\n\n.@{icons-prefix}logo-github:before {\n content: \"\\e8b0\";\n}\n\n.@{icons-prefix}md-git-network:before {\n content: \"\\e6b1\";\n}\n\n.@{icons-prefix}ios-cloud:before {\n content: \"\\e7b1\";\n}\n\n.@{icons-prefix}logo-google:before {\n content: \"\\e8b1\";\n}\n\n.@{icons-prefix}md-glasses:before {\n content: \"\\e6b2\";\n}\n\n.@{icons-prefix}ios-cloud-circle:before {\n content: \"\\e7b2\";\n}\n\n.@{icons-prefix}logo-game-controller-b:before {\n content: \"\\e8b2\";\n}\n\n.@{icons-prefix}md-grid:before {\n content: \"\\e6b3\";\n}\n\n.@{icons-prefix}ios-cloud-done:before {\n content: \"\\e7b3\";\n}\n\n.@{icons-prefix}logo-googleplus:before {\n content: \"\\e8b3\";\n}\n\n.@{icons-prefix}md-happy:before {\n content: \"\\e6b4\";\n}\n\n.@{icons-prefix}ios-cloud-download:before {\n content: \"\\e7b4\";\n}\n\n.@{icons-prefix}md-hammer:before {\n content: \"\\e6b5\";\n}\n\n.@{icons-prefix}ios-cloud-upload:before {\n content: \"\\e7b5\";\n}\n\n.@{icons-prefix}md-headset:before {\n content: \"\\e6b6\";\n}\n\n.@{icons-prefix}ios-cloud-outline:before {\n content: \"\\e7b6\";\n}\n\n.@{icons-prefix}md-hand:before {\n content: \"\\e6b7\";\n}\n\n.@{icons-prefix}ios-cloudy:before {\n content: \"\\e7b7\";\n}\n\n.@{icons-prefix}md-heart-dislike:before {\n content: \"\\e6b8\";\n}\n\n.@{icons-prefix}ios-code:before {\n content: \"\\e7b8\";\n}\n\n.@{icons-prefix}md-heart:before {\n content: \"\\e6b9\";\n}\n\n.@{icons-prefix}ios-cloudy-night:before {\n content: \"\\e7b9\";\n}\n\n.@{icons-prefix}md-heart-empty:before {\n content: \"\\e6ba\";\n}\n\n.@{icons-prefix}ios-code-download:before {\n content: \"\\e7ba\";\n}\n\n.@{icons-prefix}md-heart-half:before {\n content: \"\\e6bb\";\n}\n\n.@{icons-prefix}ios-code-working:before {\n content: \"\\e7bb\";\n}\n\n.@{icons-prefix}md-help:before {\n content: \"\\e6bc\";\n}\n\n.@{icons-prefix}ios-color-fill:before {\n content: \"\\e7bc\";\n}\n\n.@{icons-prefix}md-help-buoy:before {\n content: \"\\e6bd\";\n}\n\n.@{icons-prefix}ios-cog:before {\n content: \"\\e7bd\";\n}\n\n.@{icons-prefix}md-help-circle-outline:before {\n content: \"\\e6be\";\n}\n\n.@{icons-prefix}ios-color-palette:before {\n content: \"\\e7be\";\n}\n\n.@{icons-prefix}md-home:before {\n content: \"\\e6bf\";\n}\n\n.@{icons-prefix}ios-color-filter:before {\n content: \"\\e7bf\";\n}\n\n.@{icons-prefix}md-hourglass:before {\n content: \"\\e6c0\";\n}\n\n.@{icons-prefix}ios-compass:before {\n content: \"\\e7c0\";\n}\n\n.@{icons-prefix}md-ice-cream:before {\n content: \"\\e6c1\";\n}\n\n.@{icons-prefix}ios-color-wand:before {\n content: \"\\e7c1\";\n}\n\n.@{icons-prefix}md-globe:before {\n content: \"\\e6c2\";\n}\n\n.@{icons-prefix}ios-construct:before {\n content: \"\\e7c2\";\n}\n\n.@{icons-prefix}md-image:before {\n content: \"\\e6c3\";\n}\n\n.@{icons-prefix}ios-contact:before {\n content: \"\\e7c3\";\n}\n\n.@{icons-prefix}md-help-circle:before {\n content: \"\\e6c4\";\n}\n\n.@{icons-prefix}ios-contract:before {\n content: \"\\e7c4\";\n}\n\n.@{icons-prefix}md-infinite:before {\n content: \"\\e6c5\";\n}\n\n.@{icons-prefix}ios-contacts:before {\n content: \"\\e7c5\";\n}\n\n.@{icons-prefix}md-information:before {\n content: \"\\e6c6\";\n}\n\n.@{icons-prefix}ios-create:before {\n content: \"\\e7c6\";\n}\n\n.@{icons-prefix}md-images:before {\n content: \"\\e6c7\";\n}\n\n.@{icons-prefix}ios-crop:before {\n content: \"\\e7c7\";\n}\n\n.@{icons-prefix}md-information-circle:before {\n content: \"\\e6c8\";\n}\n\n.@{icons-prefix}ios-contrast:before {\n content: \"\\e7c8\";\n}\n\n.@{icons-prefix}md-information-circle-outline:before {\n content: \"\\e6c9\";\n}\n\n.@{icons-prefix}ios-copy:before {\n content: \"\\e7c9\";\n}\n\n.@{icons-prefix}md-jet:before {\n content: \"\\e6ca\";\n}\n\n.@{icons-prefix}ios-cut:before {\n content: \"\\e7ca\";\n}\n\n.@{icons-prefix}md-journal:before {\n content: \"\\e6cb\";\n}\n\n.@{icons-prefix}ios-cube:before {\n content: \"\\e7cb\";\n}\n\n.@{icons-prefix}md-key:before {\n content: \"\\e6cc\";\n}\n\n.@{icons-prefix}ios-desktop:before {\n content: \"\\e7cc\";\n}\n\n.@{icons-prefix}md-keypad:before {\n content: \"\\e6cd\";\n}\n\n.@{icons-prefix}ios-document:before {\n content: \"\\e7cd\";\n}\n\n.@{icons-prefix}md-laptop:before {\n content: \"\\e6ce\";\n}\n\n.@{icons-prefix}ios-disc:before {\n content: \"\\e7ce\";\n}\n\n.@{icons-prefix}md-leaf:before {\n content: \"\\e6cf\";\n}\n\n.@{icons-prefix}ios-download:before {\n content: \"\\e7cf\";\n}\n\n.@{icons-prefix}md-link:before {\n content: \"\\e6d0\";\n}\n\n.@{icons-prefix}ios-done-all:before {\n content: \"\\e7d0\";\n}\n\n.@{icons-prefix}md-list:before {\n content: \"\\e6d1\";\n}\n\n.@{icons-prefix}ios-easel:before {\n content: \"\\e7d1\";\n}\n\n.@{icons-prefix}md-list-box:before {\n content: \"\\e6d2\";\n}\n\n.@{icons-prefix}ios-egg:before {\n content: \"\\e7d2\";\n}\n\n.@{icons-prefix}md-locate:before {\n content: \"\\e6d3\";\n}\n\n.@{icons-prefix}ios-exit:before {\n content: \"\\e7d3\";\n}\n\n.@{icons-prefix}md-lock:before {\n content: \"\\e6d4\";\n}\n\n.@{icons-prefix}ios-expand:before {\n content: \"\\e7d4\";\n}\n\n.@{icons-prefix}md-mail:before {\n content: \"\\e6d5\";\n}\n\n.@{icons-prefix}ios-eye:before {\n content: \"\\e7d5\";\n}\n\n.@{icons-prefix}md-magnet:before {\n content: \"\\e6d6\";\n}\n\n.@{icons-prefix}ios-fastforward:before {\n content: \"\\e7d6\";\n}\n\n.@{icons-prefix}md-log-out:before {\n content: \"\\e6d7\";\n}\n\n.@{icons-prefix}ios-eye-off:before {\n content: \"\\e7d7\";\n}\n\n.@{icons-prefix}md-male:before {\n content: \"\\e6d8\";\n}\n\n.@{icons-prefix}ios-filing:before {\n content: \"\\e7d8\";\n}\n\n.@{icons-prefix}md-mail-unread:before {\n content: \"\\e6d9\";\n}\n\n.@{icons-prefix}ios-female:before {\n content: \"\\e7d9\";\n}\n\n.@{icons-prefix}md-man:before {\n content: \"\\e6da\";\n}\n\n.@{icons-prefix}ios-film:before {\n content: \"\\e7da\";\n}\n\n.@{icons-prefix}md-log-in:before {\n content: \"\\e6db\";\n}\n\n.@{icons-prefix}ios-flag:before {\n content: \"\\e7db\";\n}\n\n.@{icons-prefix}md-mail-open:before {\n content: \"\\e6dc\";\n}\n\n.@{icons-prefix}ios-fitness:before {\n content: \"\\e7dc\";\n}\n\n.@{icons-prefix}md-map:before {\n content: \"\\e6dd\";\n}\n\n.@{icons-prefix}ios-flame:before {\n content: \"\\e7dd\";\n}\n\n.@{icons-prefix}md-medal:before {\n content: \"\\e6de\";\n}\n\n.@{icons-prefix}ios-flash:before {\n content: \"\\e7de\";\n}\n\n.@{icons-prefix}md-medical:before {\n content: \"\\e6df\";\n}\n\n.@{icons-prefix}ios-finger-print:before {\n content: \"\\e7df\";\n}\n\n.@{icons-prefix}md-medkit:before {\n content: \"\\e6e0\";\n}\n\n.@{icons-prefix}ios-flashlight:before {\n content: \"\\e7e0\";\n}\n\n.@{icons-prefix}md-megaphone:before {\n content: \"\\e6e1\";\n}\n\n.@{icons-prefix}ios-flash-off:before {\n content: \"\\e7e1\";\n}\n\n.@{icons-prefix}md-menu:before {\n content: \"\\e6e2\";\n}\n\n.@{icons-prefix}ios-flask:before {\n content: \"\\e7e2\";\n}\n\n.@{icons-prefix}md-mic:before {\n content: \"\\e6e3\";\n}\n\n.@{icons-prefix}ios-flower:before {\n content: \"\\e7e3\";\n}\n\n.@{icons-prefix}md-mic-off:before {\n content: \"\\e6e4\";\n}\n\n.@{icons-prefix}ios-folder:before {\n content: \"\\e7e4\";\n}\n\n.@{icons-prefix}md-microphone:before {\n content: \"\\e6e5\";\n}\n\n.@{icons-prefix}ios-folder-open:before {\n content: \"\\e7e5\";\n}\n\n.@{icons-prefix}md-moon:before {\n content: \"\\e6e6\";\n}\n\n.@{icons-prefix}ios-football:before {\n content: \"\\e7e6\";\n}\n\n.@{icons-prefix}md-more:before {\n content: \"\\e6e7\";\n}\n\n.@{icons-prefix}ios-git-branch:before {\n content: \"\\e7e7\";\n}\n\n.@{icons-prefix}md-move:before {\n content: \"\\e6e8\";\n}\n\n.@{icons-prefix}ios-gift:before {\n content: \"\\e7e8\";\n}\n\n.@{icons-prefix}md-musical-notes:before {\n content: \"\\e6e9\";\n}\n\n.@{icons-prefix}ios-git-commit:before {\n content: \"\\e7e9\";\n}\n\n.@{icons-prefix}md-musical-note:before {\n content: \"\\e6ea\";\n}\n\n.@{icons-prefix}ios-git-compare:before {\n content: \"\\e7ea\";\n}\n\n.@{icons-prefix}md-navigate:before {\n content: \"\\e6eb\";\n}\n\n.@{icons-prefix}ios-git-network:before {\n content: \"\\e7eb\";\n}\n\n.@{icons-prefix}md-notifications:before {\n content: \"\\e6ec\";\n}\n\n.@{icons-prefix}ios-glasses:before {\n content: \"\\e7ec\";\n}\n\n.@{icons-prefix}md-notifications-off:before {\n content: \"\\e6ed\";\n}\n\n.@{icons-prefix}ios-git-pull-request:before {\n content: \"\\e7ed\";\n}\n\n.@{icons-prefix}md-nuclear:before {\n content: \"\\e6ee\";\n}\n\n.@{icons-prefix}ios-hammer:before {\n content: \"\\e7ee\";\n}\n\n.@{icons-prefix}md-nutrition:before {\n content: \"\\e6ef\";\n}\n\n.@{icons-prefix}ios-grid:before {\n content: \"\\e7ef\";\n}\n\n.@{icons-prefix}md-notifications-outline:before {\n content: \"\\e6f0\";\n}\n\n.@{icons-prefix}ios-git-merge:before {\n content: \"\\e7f0\";\n}\n\n.@{icons-prefix}md-options:before {\n content: \"\\e6f1\";\n}\n\n.@{icons-prefix}ios-funnel:before {\n content: \"\\e7f1\";\n}\n\n.@{icons-prefix}md-outlet:before {\n content: \"\\e6f2\";\n}\n\n.@{icons-prefix}ios-hand:before {\n content: \"\\e7f2\";\n}\n\n.@{icons-prefix}md-open:before {\n content: \"\\e6f3\";\n}\n\n.@{icons-prefix}ios-happy:before {\n content: \"\\e7f3\";\n}\n\n.@{icons-prefix}md-paper:before {\n content: \"\\e6f4\";\n}\n\n.@{icons-prefix}ios-headset:before {\n content: \"\\e7f4\";\n}\n\n.@{icons-prefix}md-paper-plane:before {\n content: \"\\e6f5\";\n}\n\n.@{icons-prefix}ios-heart:before {\n content: \"\\e7f5\";\n}\n\n.@{icons-prefix}md-partly-sunny:before {\n content: \"\\e6f6\";\n}\n\n.@{icons-prefix}ios-globe:before {\n content: \"\\e7f6\";\n}\n\n.@{icons-prefix}md-pause:before {\n content: \"\\e6f7\";\n}\n\n.@{icons-prefix}ios-heart-empty:before {\n content: \"\\e7f7\";\n}\n\n.@{icons-prefix}md-people:before {\n content: \"\\e6f8\";\n}\n\n.@{icons-prefix}ios-heart-dislike:before {\n content: \"\\e7f8\";\n}\n\n.@{icons-prefix}md-paw:before {\n content: \"\\e6f9\";\n}\n\n.@{icons-prefix}ios-heart-half:before {\n content: \"\\e7f9\";\n}\n\n.@{icons-prefix}md-pie:before {\n content: \"\\e6fa\";\n}\n\n.@{icons-prefix}ios-help:before {\n content: \"\\e7fa\";\n}\n\n.@{icons-prefix}md-pizza:before {\n content: \"\\e6fb\";\n}\n\n.@{icons-prefix}ios-help-buoy:before {\n content: \"\\e7fb\";\n}\n\n.@{icons-prefix}md-play-circle:before {\n content: \"\\e6fc\";\n}\n\n.@{icons-prefix}ios-help-circle:before {\n content: \"\\e7fc\";\n}\n\n.@{icons-prefix}md-podium:before {\n content: \"\\e6fd\";\n}\n\n.@{icons-prefix}ios-home:before {\n content: \"\\e7fd\";\n}\n\n.@{icons-prefix}md-phone-landscape:before {\n content: \"\\e6fe\";\n}\n\n.@{icons-prefix}ios-hourglass:before {\n content: \"\\e7fe\";\n}\n\n.@{icons-prefix}md-play:before {\n content: \"\\e6ff\";\n}\n\n.@{icons-prefix}ios-image:before {\n content: \"\\e7ff\";\n}\n\n.@{icons-prefix}md-pin:before {\n content: \"\\e700\";\n}\n\n.@{icons-prefix}ios-information:before {\n content: \"\\e800\";\n}\n\n.@{icons-prefix}logo-hackernews:before {\n content: \"\\e601\";\n}\n\n.@{icons-prefix}md-phone-portrait:before {\n content: \"\\e701\";\n}\n\n.@{icons-prefix}ios-images:before {\n content: \"\\e801\";\n}\n\n.@{icons-prefix}logo-model-s:before {\n content: \"\\e602\";\n}\n\n.@{icons-prefix}md-person-add:before {\n content: \"\\e702\";\n}\n\n.@{icons-prefix}ios-ice-cream:before {\n content: \"\\e802\";\n}\n\n.@{icons-prefix}logo-pinterest:before {\n content: \"\\e603\";\n}\n\n.@{icons-prefix}md-photos:before {\n content: \"\\e703\";\n}\n\n.@{icons-prefix}ios-information-circle:before {\n content: \"\\e803\";\n}\n\n.@{icons-prefix}logo-linkedin:before {\n content: \"\\e604\";\n}\n\n.@{icons-prefix}md-planet:before {\n content: \"\\e704\";\n}\n\n.@{icons-prefix}ios-jet:before {\n content: \"\\e804\";\n}\n\n.@{icons-prefix}logo-rss:before {\n content: \"\\e605\";\n}\n\n.@{icons-prefix}md-person:before {\n content: \"\\e705\";\n}\n\n.@{icons-prefix}ios-information-circle-outline:before {\n content: \"\\e805\";\n}\n\n.@{icons-prefix}logo-npm:before {\n content: \"\\e606\";\n}\n\n.@{icons-prefix}md-pint:before {\n content: \"\\e706\";\n}\n\n.@{icons-prefix}ios-journal:before {\n content: \"\\e806\";\n}\n\n.@{icons-prefix}logo-no-smoking:before {\n content: \"\\e607\";\n}\n\n.@{icons-prefix}md-pricetag:before {\n content: \"\\e707\";\n}\n\n.@{icons-prefix}ios-key:before {\n content: \"\\e807\";\n}\n\n.@{icons-prefix}logo-tumblr:before {\n content: \"\\e608\";\n}\n\n.@{icons-prefix}md-refresh:before {\n content: \"\\e708\";\n}\n\n.@{icons-prefix}ios-keypad:before {\n content: \"\\e808\";\n}\n\n.@{icons-prefix}logo-markdown:before {\n content: \"\\e609\";\n}\n\n.@{icons-prefix}md-pulse:before {\n content: \"\\e709\";\n}\n\n.@{icons-prefix}ios-help-circle-outline:before {\n content: \"\\e809\";\n}\n\n.@{icons-prefix}logo-steam:before {\n content: \"\\e60a\";\n}\n\n.@{icons-prefix}md-radio:before {\n content: \"\\e70a\";\n}\n\n.@{icons-prefix}ios-laptop:before {\n content: \"\\e80a\";\n}\n\n.@{icons-prefix}logo-playstation:before {\n content: \"\\e60b\";\n}\n\n.@{icons-prefix}md-rainy:before {\n content: \"\\e70b\";\n}\n\n.@{icons-prefix}ios-infinite:before {\n content: \"\\e80b\";\n}\n\n.@{icons-prefix}logo-octocat:before {\n content: \"\\e60c\";\n}\n\n.@{icons-prefix}md-print:before {\n content: \"\\e70c\";\n}\n\n.@{icons-prefix}ios-leaf:before {\n content: \"\\e80c\";\n}\n\n.@{icons-prefix}logo-python:before {\n content: \"\\e60d\";\n}\n\n.@{icons-prefix}md-quote:before {\n content: \"\\e70d\";\n}\n\n.@{icons-prefix}ios-link:before {\n content: \"\\e80d\";\n}\n\n.@{icons-prefix}logo-javascript:before {\n content: \"\\e60e\";\n}\n\n.@{icons-prefix}md-qr-scanner:before {\n content: \"\\e70e\";\n}\n\n.@{icons-prefix}ios-list:before {\n content: \"\\e80e\";\n}\n\n.@{icons-prefix}logo-tux:before {\n content: \"\\e60f\";\n}\n\n.@{icons-prefix}md-pricetags:before {\n content: \"\\e70f\";\n}\n\n.@{icons-prefix}ios-list-box:before {\n content: \"\\e80f\";\n}\n\n.@{icons-prefix}logo-twitter:before {\n content: \"\\e610\";\n}\n\n.@{icons-prefix}md-recording:before {\n content: \"\\e710\";\n}\n\n.@{icons-prefix}ios-locate:before {\n content: \"\\e810\";\n}\n\n.@{icons-prefix}logo-vk:before {\n content: \"\\e611\";\n}\n\n.@{icons-prefix}md-power:before {\n content: \"\\e711\";\n}\n\n.@{icons-prefix}ios-lock:before {\n content: \"\\e811\";\n}\n\n.@{icons-prefix}logo-sass:before {\n content: \"\\e612\";\n}\n\n.@{icons-prefix}md-remove-circle:before {\n content: \"\\e712\";\n}\n\n.@{icons-prefix}ios-log-in:before {\n content: \"\\e812\";\n}\n\n.@{icons-prefix}logo-yen:before {\n content: \"\\e613\";\n}\n\n.@{icons-prefix}md-remove:before {\n content: \"\\e713\";\n}\n\n.@{icons-prefix}ios-log-out:before {\n content: \"\\e813\";\n}\n\n.@{icons-prefix}logo-slack:before {\n content: \"\\e614\";\n}\n\n.@{icons-prefix}md-redo:before {\n content: \"\\e714\";\n}\n\n.@{icons-prefix}ios-magnet:before {\n content: \"\\e814\";\n}\n\n.@{icons-prefix}logo-snapchat:before {\n content: \"\\e615\";\n}\n\n.@{icons-prefix}md-reorder:before {\n content: \"\\e715\";\n}\n\n.@{icons-prefix}ios-mail-open:before {\n content: \"\\e815\";\n}\n\n.@{icons-prefix}logo-vimeo:before {\n content: \"\\e616\";\n}\n\n.@{icons-prefix}md-radio-button-on:before {\n content: \"\\e716\";\n}\n\n.@{icons-prefix}ios-mail:before {\n content: \"\\e816\";\n}\n\n.@{icons-prefix}md-add-circle:before {\n content: \"\\e617\";\n}\n\n.@{icons-prefix}md-refresh-circle:before {\n content: \"\\e717\";\n}\n\n.@{icons-prefix}ios-mail-unread:before {\n content: \"\\e817\";\n}\n\n.@{icons-prefix}md-add:before {\n content: \"\\e618\";\n}\n\n.@{icons-prefix}md-repeat:before {\n content: \"\\e718\";\n}\n\n.@{icons-prefix}ios-male:before {\n content: \"\\e818\";\n}\n\n.@{icons-prefix}logo-usd:before {\n content: \"\\e619\";\n}\n\n.@{icons-prefix}md-return-left:before {\n content: \"\\e719\";\n}\n\n.@{icons-prefix}ios-man:before {\n content: \"\\e819\";\n}\n\n.@{icons-prefix}md-alarm:before {\n content: \"\\e61a\";\n}\n\n.@{icons-prefix}md-remove-circle-outline:before {\n content: \"\\e71a\";\n}\n\n.@{icons-prefix}ios-map:before {\n content: \"\\e81a\";\n}\n\n.@{icons-prefix}md-airplane:before {\n content: \"\\e61b\";\n}\n\n.@{icons-prefix}md-return-right:before {\n content: \"\\e71b\";\n}\n\n.@{icons-prefix}ios-medical:before {\n content: \"\\e81b\";\n}\n\n.@{icons-prefix}logo-yahoo:before {\n content: \"\\e61c\";\n}\n\n.@{icons-prefix}md-restaurant:before {\n content: \"\\e71c\";\n}\n\n.@{icons-prefix}ios-medkit:before {\n content: \"\\e81c\";\n}\n\n.@{icons-prefix}logo-whatsapp:before {\n content: \"\\e61d\";\n}\n\n.@{icons-prefix}md-rewind:before {\n content: \"\\e71d\";\n}\n\n.@{icons-prefix}ios-menu:before {\n content: \"\\e81d\";\n}\n\n.@{icons-prefix}logo-xing:before {\n content: \"\\e61e\";\n}\n\n.@{icons-prefix}md-reverse-camera:before {\n content: \"\\e71e\";\n}\n\n.@{icons-prefix}ios-medal:before {\n content: \"\\e81e\";\n}\n\n.@{icons-prefix}logo-windows:before {\n content: \"\\e61f\";\n}\n\n.@{icons-prefix}md-ribbon:before {\n content: \"\\e71f\";\n}\n\n.@{icons-prefix}ios-megaphone:before {\n content: \"\\e81f\";\n}\n\n.@{icons-prefix}md-apps:before {\n content: \"\\e620\";\n}\n\n.@{icons-prefix}md-rocket:before {\n content: \"\\e720\";\n}\n\n.@{icons-prefix}ios-mic:before {\n content: \"\\e820\";\n}\n\n.@{icons-prefix}logo-nodejs:before {\n content: \"\\e621\";\n}\n\n.@{icons-prefix}md-rose:before {\n content: \"\\e721\";\n}\n\n.@{icons-prefix}ios-mic-off:before {\n content: \"\\e821\";\n}\n\n.@{icons-prefix}md-american-football:before {\n content: \"\\e622\";\n}\n\n.@{icons-prefix}md-school:before {\n content: \"\\e722\";\n}\n\n.@{icons-prefix}ios-microphone:before {\n content: \"\\e822\";\n}\n\n.@{icons-prefix}logo-skype:before {\n content: \"\\e623\";\n}\n\n.@{icons-prefix}md-save:before {\n content: \"\\e723\";\n}\n\n.@{icons-prefix}ios-moon:before {\n content: \"\\e823\";\n}\n\n.@{icons-prefix}logo-wordpress:before {\n content: \"\\e624\";\n}\n\n.@{icons-prefix}md-radio-button-off:before {\n content: \"\\e724\";\n}\n\n.@{icons-prefix}ios-more:before {\n content: \"\\e824\";\n}\n\n.@{icons-prefix}md-aperture:before {\n content: \"\\e625\";\n}\n\n.@{icons-prefix}md-sad:before {\n content: \"\\e725\";\n}\n\n.@{icons-prefix}ios-move:before {\n content: \"\\e825\";\n}\n\n.@{icons-prefix}md-arrow-back:before {\n content: \"\\e626\";\n}\n\n.@{icons-prefix}md-send:before {\n content: \"\\e726\";\n}\n\n.@{icons-prefix}ios-musical-note:before {\n content: \"\\e826\";\n}\n\n.@{icons-prefix}logo-reddit:before {\n content: \"\\e627\";\n}\n\n.@{icons-prefix}md-resize:before {\n content: \"\\e727\";\n}\n\n.@{icons-prefix}ios-navigate:before {\n content: \"\\e827\";\n}\n\n.@{icons-prefix}logo-twitch:before {\n content: \"\\e628\";\n}\n\n.@{icons-prefix}md-settings:before {\n content: \"\\e728\";\n}\n\n.@{icons-prefix}ios-musical-notes:before {\n content: \"\\e828\";\n}\n\n.@{icons-prefix}md-alert:before {\n content: \"\\e629\";\n}\n\n.@{icons-prefix}md-shirt:before {\n content: \"\\e729\";\n}\n\n.@{icons-prefix}ios-notifications:before {\n content: \"\\e829\";\n}\n\n.@{icons-prefix}md-archive:before {\n content: \"\\e62a\";\n}\n\n.@{icons-prefix}md-share-alt:before {\n content: \"\\e72a\";\n}\n\n.@{icons-prefix}ios-notifications-off:before {\n content: \"\\e82a\";\n}\n\n.@{icons-prefix}md-appstore:before {\n content: \"\\e62b\";\n}\n\n.@{icons-prefix}md-skip-backward:before {\n content: \"\\e72b\";\n}\n\n.@{icons-prefix}ios-notifications-outline:before {\n content: \"\\e82b\";\n}\n\n.@{icons-prefix}logo-youtube:before {\n content: \"\\e62c\";\n}\n\n.@{icons-prefix}md-shuffle:before {\n content: \"\\e72c\";\n}\n\n.@{icons-prefix}ios-nuclear:before {\n content: \"\\e82c\";\n}\n\n.@{icons-prefix}md-arrow-dropdown:before {\n content: \"\\e62d\";\n}\n\n.@{icons-prefix}md-skip-forward:before {\n content: \"\\e72d\";\n}\n\n.@{icons-prefix}ios-open:before {\n content: \"\\e82d\";\n}\n\n.@{icons-prefix}md-arrow-dropdown-circle:before {\n content: \"\\e62e\";\n}\n\n.@{icons-prefix}md-share:before {\n content: \"\\e72e\";\n}\n\n.@{icons-prefix}ios-nutrition:before {\n content: \"\\e82e\";\n}\n\n.@{icons-prefix}logo-xbox:before {\n content: \"\\e62f\";\n}\n\n.@{icons-prefix}md-square:before {\n content: \"\\e72f\";\n}\n\n.@{icons-prefix}ios-options:before {\n content: \"\\e82f\";\n}\n\n.@{icons-prefix}md-add-circle-outline:before {\n content: \"\\e630\";\n}\n\n.@{icons-prefix}md-square-outline:before {\n content: \"\\e730\";\n}\n\n.@{icons-prefix}ios-outlet:before {\n content: \"\\e830\";\n}\n\n.@{icons-prefix}md-arrow-dropleft:before {\n content: \"\\e631\";\n}\n\n.@{icons-prefix}md-speedometer:before {\n content: \"\\e731\";\n}\n\n.@{icons-prefix}ios-paper:before {\n content: \"\\e831\";\n}\n\n.@{icons-prefix}md-analytics:before {\n content: \"\\e632\";\n}\n\n.@{icons-prefix}md-search:before {\n content: \"\\e732\";\n}\n\n.@{icons-prefix}ios-pause:before {\n content: \"\\e832\";\n}\n\n.@{icons-prefix}md-arrow-dropright:before {\n content: \"\\e633\";\n}\n\n.@{icons-prefix}md-star:before {\n content: \"\\e733\";\n}\n\n.@{icons-prefix}ios-paw:before {\n content: \"\\e833\";\n}\n\n.@{icons-prefix}md-albums:before {\n content: \"\\e634\";\n}\n\n.@{icons-prefix}md-snow:before {\n content: \"\\e734\";\n}\n\n.@{icons-prefix}ios-paper-plane:before {\n content: \"\\e834\";\n}\n\n.@{icons-prefix}md-arrow-dropleft-circle:before {\n content: \"\\e635\";\n}\n\n.@{icons-prefix}md-star-half:before {\n content: \"\\e735\";\n}\n\n.@{icons-prefix}ios-person:before {\n content: \"\\e835\";\n}\n\n.@{icons-prefix}md-arrow-down:before {\n content: \"\\e636\";\n}\n\n.@{icons-prefix}md-stopwatch:before {\n content: \"\\e736\";\n}\n\n.@{icons-prefix}ios-phone-portrait:before {\n content: \"\\e836\";\n}\n\n.@{icons-prefix}md-arrow-dropright-circle:before {\n content: \"\\e637\";\n}\n\n.@{icons-prefix}md-star-outline:before {\n content: \"\\e737\";\n}\n\n.@{icons-prefix}ios-people:before {\n content: \"\\e837\";\n}"
},
{
"path": "src/styles/common/iconfont/icons-variables.less",
"content": "@icons-font-path: './fonts';\n@icons-font-family: 'Iconfont';\n@icons-prefix: rab-icon-;"
},
{
"path": "src/styles/common/iconfont/icons.less",
"content": "@import \"./icons-variables.less\";\n@import \"./icons-font.less\";\n@import \"./icons-icons.less\";"
},
{
"path": "src/styles/common/index.less",
"content": "@import 'base';\n@import 'iconfont/icons';\n@import 'article';"
},
{
"path": "src/styles/common/normalize.less",
"content": "/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Correct the line height in all browsers.\n * 3. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\n/* Document\n ========================================================================== */\n\nhtml {\n font-family: sans-serif; /* 1 */\n line-height: 1.15; /* 2 */\n -ms-text-size-adjust: 100%; /* 3 */\n -webkit-text-size-adjust: 100%; /* 3 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n"
},
{
"path": "src/styles/components/affix.less",
"content": "@import '../custom.less';\n\n@affix-tag-name: r-affix;\n@affix-prefix-cls: ~'@{css-prefix}affix';\n\n@{affix-tag-name} {\n display: block;\n}\n\n.@{affix-prefix-cls} {\n position: fixed;\n z-index: @zindex-affix;\n}\n"
},
{
"path": "src/styles/components/alert.less",
"content": "@import '../custom.less';\n@import '../mixins/content.less';\n\n@alert-tag-name: r-alert;\n@alert-prefix-cls: ~'@{css-prefix}alert';\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n@{alert-tag-name} {\n color: @text-color;\n font-size: @font-size-base;\n line-height: @line-height-base;\n position: relative;\n display: block;\n padding: 8px 15px;\n margin-bottom: 10px;\n word-wrap: break-word;\n border-radius: @border-radius-base;\n border: @border-width-base @border-style-base tint(@primary-color, 65%);\n background-color: tint(@primary-color, 92%);\n\n .@{alert-prefix-cls}-icon {\n color: @primary-color;\n }\n\n &[type='success'] {\n border: @border-width-base @border-style-base tint(@success-color, 65%);\n background-color: #f6ffed;\n\n .@{alert-prefix-cls}-icon {\n color: @success-color;\n }\n }\n\n &[type='info'] {\n border: @border-width-base @border-style-base tint(@primary-color, 65%);\n background-color: tint(@primary-color, 92%);\n\n .@{alert-prefix-cls}-icon {\n color: @primary-color;\n }\n }\n\n &[type='warning'] {\n border: @border-width-base @border-style-base tint(@warning-color, 65%);\n background-color: #fffbe6;\n\n .@{alert-prefix-cls}-icon {\n color: @warning-color;\n }\n }\n\n &[type='error'] {\n border: @border-width-base @border-style-base tint(@error-color, 65%);\n background-color: #fff2f0;\n\n .@{alert-prefix-cls}-icon {\n color: @error-color;\n }\n }\n}\n\n.@{alert-prefix-cls} {\n &-with-icon {\n padding: 8px 48px 8px 35px;\n }\n\n &-icon {\n font-size: @font-size-large;\n top: 6px;\n left: 12px;\n position: absolute;\n }\n\n &-title {\n color: @text-color;\n }\n\n &-desc {\n font-size: @font-size-base;\n color: @text-color;\n line-height: 22px;\n display: none;\n\n p {\n margin-bottom: 0;\n }\n }\n\n &-close {\n .content-close();\n top: 10px;\n }\n\n &-with-desc&-with-icon {\n padding: 16px 16px 16px 69px;\n }\n\n &-with-desc {\n padding: 16px;\n position: relative;\n border-radius: @border-radius-base;\n margin-bottom: 10px;\n color: @text-color;\n line-height: @line-height-base;\n\n .@{alert-prefix-cls} {\n &-desc {\n display: block;\n }\n\n &-title {\n font-size: @font-size-large;\n color: @title-color;\n display: block;\n margin-bottom: 4px;\n }\n\n &-icon {\n top: 50%;\n left: 22px;\n transform: translateY(-50%);\n font-size: 32px;\n }\n }\n }\n\n &-with-banner {\n border: 0 !important;\n border-radius: 0 !important;\n }\n}\n"
},
{
"path": "src/styles/components/avatar.less",
"content": "@import '../custom.less';\n\n@avatar-tag-name: r-avatar;\n@avatar-prefix-cls: ~'@{css-prefix}avatar';\n\n@{avatar-tag-name} {\n display: inline-block;\n text-align: center;\n background: @avatar-bg;\n color: @avatar-color;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n vertical-align: middle;\n\n .rab-icon {\n position: absolute;\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &[size='large'] {\n .avatar-size(@avatar-size-lg, @avatar-font-size-lg);\n }\n\n .avatar-size(@avatar-size-base, @avatar-font-size-base);\n\n &[size='small'] {\n .avatar-size(@avatar-size-sm, @avatar-font-size-sm);\n }\n\n &[shape='circle'] {\n border-radius: 50%;\n }\n\n &[shape='square'] {\n border-radius: @avatar-border-radius;\n }\n\n & > img {\n width: 100%;\n height: 100%;\n }\n}\n\n.@{avatar-prefix-cls} {\n &-image {\n background: transparent;\n }\n\n &-string {\n position: absolute;\n left: 50%;\n transform-origin: 0 center;\n }\n}\n\n.avatar-size(@size, @font-size) {\n width: @size;\n height: @size;\n line-height: @size;\n border-radius: 50%;\n\n &.@{avatar-prefix-cls}-icon {\n font-size: @font-size;\n }\n}\n"
},
{
"path": "src/styles/components/back-top.less",
"content": "@import '../custom.less';\n\n@backtop-tag-name: r-back-top;\n@backtop-prefix-cls: ~'@{css-prefix}back-top';\n\n@{backtop-tag-name} {\n z-index: @zindex-back-top;\n position: fixed;\n cursor: pointer;\n display: none;\n\n .rab-icon {\n position: relative;\n top: -3px;\n color: @white;\n font-size: 24px;\n padding: 20px @padding-sm;\n }\n}\n\n.@{backtop-prefix-cls} {\n &-inner {\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: @border-radius-base;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n transition: all @transition-time @ease-in-out;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n }\n}\n"
},
{
"path": "src/styles/components/badge.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n@import '../color/colors.less';\n\n@badge-tag-name: r-badge;\n@badge-prefix-cls: ~'@{css-prefix}badge';\n\n@{badge-tag-name} {\n position: relative;\n display: inline-block;\n\n &[type='primary'] {\n .@{badge-prefix-cls}-count {\n background: @primary-color;\n }\n }\n\n &[type='success'] {\n .@{badge-prefix-cls}-count {\n background: @success-color;\n }\n }\n\n &[type='error'] {\n .@{badge-prefix-cls}-count {\n background: @error-color;\n }\n }\n\n &[type='warning'] {\n .@{badge-prefix-cls}-count {\n background: @warning-color;\n }\n }\n\n &[type='info'] {\n .@{badge-prefix-cls}-count {\n background: @info-color;\n }\n }\n\n &[type='normal'] {\n .@{badge-prefix-cls}-count {\n background: @normal-color;\n color: @subsidiary-color;\n }\n }\n}\n\n.@{badge-prefix-cls} {\n &-count {\n font-family: 'Monospaced Number';\n line-height: 1;\n vertical-align: middle;\n position: absolute;\n transform: translateX(50%);\n top: -10px;\n right: 0;\n height: 20px;\n border-radius: 10px;\n min-width: 20px;\n background: @error-color;\n border: @border-width-base @border-style-base transparent;\n color: @white;\n line-height: 17px;\n text-align: center;\n padding: 0 6px;\n font-size: @font-size-small;\n white-space: nowrap;\n transform-origin: -10% center;\n z-index: 10;\n box-shadow: 0 0 0 1px @white;\n\n &-custom {\n background: transparent;\n color: inherit;\n border-color: transparent;\n box-shadow: none;\n }\n\n a,\n a:hover {\n color: @white;\n }\n\n &-alone {\n top: auto;\n display: block;\n position: relative;\n transform: translateX(0);\n }\n }\n\n &-dot {\n position: absolute;\n transform: translateX(-50%);\n transform-origin: 0 center;\n top: -4px;\n right: -8px;\n .square(8px);\n border-radius: 100%;\n background: @error-color;\n z-index: 10;\n box-shadow: 0 0 0 1px @white;\n }\n\n &-status {\n line-height: inherit;\n vertical-align: baseline;\n\n &-dot {\n .square(6px);\n display: inline-block;\n border-radius: 50%;\n vertical-align: middle;\n position: relative;\n top: -1px;\n }\n\n &-success {\n background-color: @success-color;\n }\n\n &-processing {\n background-color: @processing-color;\n position: relative;\n\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n .square(100%);\n border-radius: 50%;\n border: @border-width-base @border-style-base @processing-color;\n content: '';\n animation: rabStatusProcessing 1.2s infinite ease-in-out;\n }\n }\n\n &-default {\n background-color: @normal-color;\n }\n\n &-error {\n background-color: @error-color;\n }\n\n &-warning {\n background-color: @warning-color;\n }\n\n &-text {\n display: inline-block;\n color: @text-color;\n font-size: @font-size-base;\n margin-left: 6px;\n }\n\n // 状态点预设颜色\n\n @colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue,\n geekblue, purple;\n\n // 生成状态点颜色类名\n\n .make-color-classes(@i: length(@colors)) when (@i > 0) {\n .make-color-classes(@i - 1);\n @color: extract(@colors, @i);\n @darkColor: '@{color}-6';\n\n &-@{color} {\n background-color: @@darkColor;\n }\n }\n\n .make-color-classes();\n }\n}\n\n@keyframes rabStatusProcessing {\n 0% {\n transform: scale(0.8);\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(2.4);\n opacity: 0;\n }\n}\n"
},
{
"path": "src/styles/components/breadcrumb.less",
"content": "@import '../custom.less';\n\n@breadcrumb-tag-name: r-breadcrumb;\n@breadcrumb-prefix-cls: ~'@{css-prefix}breadcrumb';\n\n@{breadcrumb-tag-name} {\n display: block;\n color: #999;\n font-size: @font-size-base;\n\n a {\n color: @text-color;\n transition: color @transition-time @ease-in-out;\n &:hover {\n color: tint(@primary-color, 20%);\n }\n }\n\n & > span:last-child {\n font-weight: bold;\n color: @text-color;\n }\n\n & > span:last-child .@{breadcrumb-prefix-cls}-item-separator {\n display: none;\n }\n}\n\n.@{breadcrumb-prefix-cls} {\n &-item-separator {\n margin: 0 8px;\n color: @border-color-base;\n }\n\n &-item-link {\n > .rab-icon + span {\n margin-left: 4px;\n }\n }\n}\n"
},
{
"path": "src/styles/components/button.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n@import '../mixins/button.less';\n\n@btn-prefix-cls: ~'@{css-prefix}btn';\n\n.@{btn-prefix-cls} {\n .btn();\n .btn-default();\n\n &-long {\n width: 100%;\n }\n\n & > .rab-icon-loading-solid {\n margin-right: 4px;\n }\n\n & > .rab-icon + span,\n & > span + .rab-icon {\n margin-left: 4px;\n }\n\n &-primary {\n .btn-primary();\n\n .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical)\n &:not(:first-child):not(:last-child) {\n border-right-color: @btn-group-border;\n border-left-color: @btn-group-border;\n }\n\n .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:first-child {\n &:not(:last-child) {\n border-right-color: @btn-group-border;\n\n &[disabled] {\n border-right-color: @btn-default-border;\n }\n }\n }\n\n .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical)\n &:last-child:not(:first-child),\n .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) & + .@{btn-prefix-cls} {\n border-left-color: @btn-group-border;\n\n &[disabled] {\n border-left-color: @btn-default-border;\n }\n }\n\n .@{btn-prefix-cls}-group-vertical &:not(:first-child):not(:last-child) {\n border-top-color: @btn-group-border;\n border-bottom-color: @btn-group-border;\n }\n\n .@{btn-prefix-cls}-group-vertical &:first-child {\n &:not(:last-child) {\n border-bottom-color: @btn-group-border;\n\n &[disabled] {\n border-top-color: @btn-default-border;\n }\n }\n }\n\n .@{btn-prefix-cls}-group-vertical &:last-child:not(:first-child),\n .@{btn-prefix-cls}-group-vertical & + .@{btn-prefix-cls} {\n border-top-color: @btn-group-border;\n\n &[disabled] {\n border-bottom-color: @btn-default-border;\n }\n }\n }\n\n &-dashed {\n .btn-dashed();\n }\n\n &-text {\n .btn-text();\n }\n\n &-success {\n .btn-color(@success-color);\n }\n\n &-warning {\n .btn-color(@warning-color);\n }\n\n &-error {\n .btn-color(@error-color);\n }\n\n &-info {\n .btn-color(@info-color);\n }\n\n &-circle,\n &-circle-outline {\n .btn-circle(@btn-prefix-cls);\n }\n\n &:before {\n position: absolute;\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n background: @white;\n opacity: 0.35;\n content: '';\n border-radius: inherit;\n z-index: 1;\n transition: opacity @transition-time;\n pointer-events: none;\n display: none;\n }\n\n &&-loading {\n pointer-events: none;\n position: relative;\n\n &:before {\n display: block;\n }\n }\n\n &-group {\n .btn-group(@btn-prefix-cls);\n }\n\n &-group-vertical {\n .btn-group-vertical(@btn-prefix-cls);\n }\n\n &-ghost {\n color: @white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n &-ghost&-dashed,\n &-ghost&-default {\n color: @white;\n border-color: @white;\n\n &:hover {\n color: tint(@primary-color, 20%);\n border-color: tint(@primary-color, 20%);\n }\n }\n\n &-ghost&-primary {\n color: @primary-color;\n\n &:hover {\n color: tint(@primary-color, 20%);\n background: fade(tint(@primary-color, 95%), 50%);\n }\n }\n\n &-ghost&-info {\n color: @info-color;\n\n &:hover {\n color: tint(@info-color, 20%);\n background: fade(tint(@info-color, 95%), 50%);\n }\n }\n\n &-ghost&-success {\n color: @success-color;\n\n &:hover {\n color: tint(@success-color, 20%);\n background: fade(tint(@success-color, 95%), 50%);\n }\n }\n\n &-ghost&-warning {\n color: @warning-color;\n\n &:hover {\n color: tint(@warning-color, 20%);\n background: fade(tint(@warning-color, 95%), 50%);\n }\n }\n\n &-ghost&-error {\n color: @error-color;\n\n &:hover {\n color: tint(@error-color, 20%);\n background: fade(tint(@error-color, 95%), 50%);\n }\n }\n\n &-ghost&-default[disabled],\n &-ghost&-dashed[disabled],\n &-ghost&-primary[disabled],\n &-ghost&-info[disabled],\n &-ghost&-success[disabled],\n &-ghost&-warning[disabled],\n &-ghost&-error[disabled] {\n background: transparent;\n color: fade(#000, 25%);\n border-color: @btn-disable-border;\n }\n\n &-ghost&-text[disabled] {\n background: transparent;\n color: fade(#000, 25%);\n }\n\n &-sm {\n font-size: @font-size-small;\n }\n}\n\na.@{btn-prefix-cls} {\n padding-top: 0.1px;\n line-height: @btn-height-base - 2px;\n\n &-lg {\n line-height: @btn-height-large - 2px;\n }\n\n &-sm {\n line-height: @btn-height-small - 2px;\n }\n}\n"
},
{
"path": "src/styles/components/card.less",
"content": "@import '../custom.less';\n@import '../mixins/content.less';\n\n@card-tag-name: r-card;\n@card-prefix-cls: ~'@{css-prefix}card';\n\n@{card-tag-name} {\n display: block;\n background: @white;\n border: @border-width-base @border-style-base @border-color-split;\n border-radius: @border-radius-base;\n font-size: @font-size-base;\n position: relative;\n transition: all @transition-time @ease-in-out;\n\n &:not(.@{card-prefix-cls}-shadow) {\n &:hover {\n box-shadow: @shadow-base;\n border-color: #eee;\n }\n }\n}\n\n.@{card-prefix-cls} {\n &-no-border {\n border: none !important;\n }\n\n &-shadow {\n box-shadow: @shadow-card;\n }\n\n &-dis-hover {\n &:hover {\n box-shadow: none !important;\n border-color: @border-color-split !important;\n }\n }\n\n &-dis-hover&-bordered {\n &:hover {\n border-color: @border-color-split !important;\n }\n }\n\n &-head {\n .content-header();\n }\n\n &-extra {\n position: absolute;\n right: 16px;\n top: 14px;\n }\n\n &-body {\n padding: @padding-md;\n }\n}\n"
},
{
"path": "src/styles/components/carousel.less",
"content": "@import '../custom.less';\n\n@carousel-tag-name: r-carousel;\n@carousel-prefix-cls: ~'@{css-prefix}carousel';\n\n@{carousel-tag-name} {\n position: relative;\n display: block;\n}\n\n.@{carousel-prefix-cls} {\n &-list {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n\n &-item {\n position: relative;\n display: none;\n float: left;\n width: 100%;\n margin-right: -100%;\n backface-visibility: hidden;\n transition: transform 0.5s ease;\n\n &.active,\n &-next,\n &-prev {\n display: block;\n }\n\n &-next:not(&-left),\n .active&-right {\n transform: translateX(100%);\n }\n\n &-prev:not(&-right),\n .active&-left {\n transform: translateX(-100%);\n }\n }\n\n &-fade &-item {\n opacity: 0;\n transition-property: opacity;\n transform: none;\n }\n\n &-fade &-item.active,\n &-fade &-item-next&-item-left,\n &-fade &-item-prev&-item-right {\n z-index: 1;\n opacity: 1;\n }\n\n &-fade .active&-item-left,\n &-fade .active&-item-right {\n z-index: 0;\n opacity: 0;\n transition: opacity 0.5s ease 0s;\n }\n\n &-arrow {\n border: 0;\n padding: 0;\n margin: 0;\n outline: none;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n cursor: pointer;\n display: none;\n position: absolute;\n top: 50%;\n z-index: 10;\n transform: translateY(-50%);\n transition: @transition-time;\n background-color: rgba(31, 45, 61, 0.11);\n color: @white;\n\n &:hover {\n background-color: rgba(31, 45, 61, 0.5);\n }\n\n text-align: center;\n font-size: 1em;\n font-family: inherit;\n line-height: inherit;\n\n & > * {\n vertical-align: baseline;\n }\n\n &.left {\n left: 16px;\n }\n\n &.right {\n right: 16px;\n }\n\n &-always {\n display: inherit;\n }\n\n &-hover {\n display: inherit;\n\n opacity: 0;\n }\n }\n\n @{carousel-tag-name}:hover &-arrow-hover {\n opacity: 1;\n }\n\n &-dots {\n @padding: 7px;\n\n z-index: 10;\n display: none;\n position: relative;\n\n &-inside {\n display: block;\n position: absolute;\n bottom: 10px - @padding;\n }\n\n &-outside {\n display: block;\n margin-top: 10px - @padding;\n }\n\n list-style: none;\n text-align: center;\n padding: 0;\n width: 100%;\n height: 3px + @padding * 2;\n\n li {\n position: relative;\n display: inline-block;\n vertical-align: top;\n text-align: center;\n margin: 0 2px;\n padding: @padding 0;\n cursor: pointer;\n\n button {\n width: 16px;\n height: 3px;\n border: 0;\n cursor: pointer;\n background: #8391a5;\n opacity: 0.3;\n display: block;\n border-radius: 1px;\n outline: none;\n font-size: 0;\n color: transparent;\n transition: all 0.5s;\n\n &.radius {\n width: 9px;\n height: 9px;\n border-radius: 50%;\n }\n }\n\n &:hover > button {\n opacity: 0.7;\n }\n\n &.@{carousel-prefix-cls}-active > button {\n opacity: 1;\n width: 24px;\n\n &.radius {\n width: 9px;\n }\n }\n }\n }\n}\n"
},
{
"path": "src/styles/components/checkbox.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n@import '../mixins/checkbox.less';\n\n@checkbox-tag-name: r-checkbox;\n@checkbox-group-tag: r-checkbox-group;\n@checkbox-prefix-cls: ~'@{css-prefix}checkbox';\n@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';\n\n// 普通状态\n.@{checkbox-prefix-cls} {\n &-focus {\n box-shadow: 0 0 0 2px fade(@primary-color, 20%);\n z-index: 1;\n }\n\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n cursor: pointer;\n position: relative;\n line-height: 1;\n\n &:hover {\n .@{checkbox-inner-prefix-cls} {\n border-color: #bcbcbc;\n }\n }\n\n &-inner {\n display: inline-block;\n .square(16px);\n position: relative;\n top: 0;\n left: 0;\n border: 1px solid @border-color-base;\n border-radius: 2px;\n background-color: #fff;\n transition: border-color @transition-time @ease-in-out,\n background-color @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out;\n\n &:after {\n content: '';\n display: table;\n .size(4px, 8px);\n position: absolute;\n top: 1px;\n left: 4px;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0);\n transition: all @transition-time @ease-in-out;\n }\n }\n\n &-input {\n .square(100%);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n cursor: pointer;\n opacity: 0;\n\n &[disabled] {\n cursor: @cursor-disabled;\n }\n }\n\n & + .rab-icon {\n position: relative;\n top: 1px;\n margin-left: 5px;\n }\n}\n\n// 选中状态\n.@{checkbox-prefix-cls}-checked {\n &:hover {\n .@{checkbox-inner-prefix-cls} {\n border-color: @primary-color;\n }\n }\n\n .@{checkbox-inner-prefix-cls} {\n border-color: @primary-color;\n background-color: @primary-color;\n\n &:after {\n content: '';\n display: table;\n width: 4px;\n height: 8px;\n position: absolute;\n top: 2px;\n left: 5px;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1);\n transition: all @transition-time @ease-in-out;\n }\n }\n}\n\n// 半选状态\n.@{checkbox-prefix-cls}-indeterminate {\n .@{checkbox-inner-prefix-cls}:after {\n content: '';\n .size(10px, 1px);\n transform: scale(1);\n position: absolute;\n left: 2px;\n top: 6px;\n }\n\n &:hover {\n .@{checkbox-inner-prefix-cls} {\n border-color: @primary-color;\n }\n }\n\n .@{checkbox-inner-prefix-cls} {\n background-color: @primary-color;\n border-color: @primary-color;\n }\n\n &[disabled] {\n .@{checkbox-inner-prefix-cls} {\n background-color: #f3f3f3;\n border-color: @border-color-base;\n }\n\n .@{checkbox-inner-prefix-cls}:after {\n border-color: @input-placeholder-color;\n }\n }\n}\n\n@{checkbox-tag-name} {\n cursor: pointer;\n font-size: @font-size-base;\n display: inline-block;\n margin-right: 8px;\n\n &[disabled],\n &[disabled] .@{checkbox-prefix-cls} {\n cursor: @cursor-disabled;\n }\n\n // 禁用\n &[disabled] {\n .@{checkbox-prefix-cls} {\n &-checked {\n &:hover {\n .@{checkbox-inner-prefix-cls} {\n border-color: @border-color-base;\n }\n }\n\n .@{checkbox-inner-prefix-cls} {\n background-color: #f3f3f3;\n border-color: @border-color-base;\n\n &:after {\n animation-name: none;\n border-color: #ccc;\n }\n }\n }\n\n .@{checkbox-inner-prefix-cls} {\n border-color: @border-color-base;\n background-color: #f3f3f3;\n\n &:after {\n animation-name: none;\n border-color: #ccc;\n }\n }\n\n .@{checkbox-inner-prefix-cls}-input {\n cursor: default;\n }\n\n & + span {\n color: #ccc;\n cursor: @cursor-disabled;\n }\n\n &:hover {\n .@{checkbox-inner-prefix-cls} {\n border-color: @border-color-base;\n }\n }\n }\n }\n\n &[type='border'] {\n border: 1px solid @border-color-base;\n border-radius: @btn-border-radius;\n height: @btn-height-base;\n line-height: @btn-height-base - 1px;\n padding: @btn-padding-base;\n transition: border @transition-time @ease-in-out;\n }\n\n .checkbox-size();\n\n & + span,\n .@{checkbox-prefix-cls} + span {\n margin-right: 4px;\n }\n}\n\n.@{checkbox-prefix-cls}-checked[type='border'] {\n border-color: @primary-color;\n}\n\n@{checkbox-group-tag} {\n display: block;\n font-size: @font-size-base;\n\n @{checkbox-tag-name} {\n display: inline-block;\n }\n\n .checkbox-size();\n}\n\n.size-with-border(small, @btn-height-small, 1px, @btn-padding-small);\n.size-with-border(large, @btn-height-large, 3px, @btn-padding-large);\n"
},
{
"path": "src/styles/components/circle.less",
"content": "@import '../custom.less';\n\n@circle-tag-name: r-circle;\n@circle-prefix-cls: ~\"@{css-prefix}chart-circle\";\n\n@{circle-tag-name} {\n display: inline-block;\n position: relative;\n}\n\n.@{circle-prefix-cls}{\n &-inner {\n width: 100%;\n text-align: center;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n line-height: 0;\n }\n}"
},
{
"path": "src/styles/components/collapse.less",
"content": "@import '../custom.less';\n\n@collapse-tag-name: r-collapse;\n@collapse-panel-tag: r-collapse-panel;\n@collapse-prefix-cls: ~'@{css-prefix}collapse';\n\n@{collapse-tag-name} {\n display: block;\n background-color: @background-color-base;\n border-radius: @border-radius-base;\n border: @border-width-base @border-style-base @border-color-base;\n}\n\n@{collapse-panel-tag} {\n display: none;\n border-top: @border-width-base @border-style-base @border-color-base;\n\n &:first-child {\n border-top: 0;\n }\n\n > .@{collapse-prefix-cls}-header {\n height: 38px;\n line-height: 38px;\n padding-left: @padding-md;\n color: #666;\n cursor: pointer;\n position: relative;\n border-bottom: @border-width-base @border-style-base transparent;\n\n > i {\n transition: transform @transition-time @ease-in-out;\n margin-right: 14px;\n }\n }\n\n &.@{collapse-prefix-cls}-item-active > .@{collapse-prefix-cls}-header {\n border-bottom: @border-width-base @border-style-base @border-color-base;\n\n > i {\n transform: rotate(90deg);\n }\n }\n\n &:last-child {\n > .@{collapse-prefix-cls}-content {\n border-radius: 0 0 @border-radius-base @border-radius-base;\n }\n }\n}\n\n.@{collapse-prefix-cls} {\n &-simple,\n &-ghost {\n border-top: none;\n border-left: none;\n border-right: none;\n border-radius: 0;\n }\n\n &-simple > @{collapse-panel-tag}&-item-active > &-header,\n &-ghost > @{collapse-panel-tag}&-item-active > &-header {\n border-bottom: @border-width-base @border-style-base transparent;\n }\n\n &-content {\n display: none;\n overflow: hidden;\n color: @text-color;\n padding: 0 @padding-md;\n background-color: @white;\n\n & > &-box {\n padding-top: @padding-md;\n padding-bottom: @padding-md;\n }\n }\n\n &-simple > @{collapse-panel-tag} > &-content > &-content-box {\n padding-top: 0;\n }\n\n &-simple &-content {\n background-color: @background-color-base;\n }\n\n &-ghost {\n border-bottom: none;\n }\n\n &-ghost > @{collapse-panel-tag} {\n border-top: none;\n }\n\n &-ghost > @{collapse-panel-tag} > &-content > &-content-box {\n padding-top: 12px;\n padding-bottom: 12px;\n }\n\n &-ghost,\n &-ghost &-content {\n background-color: @white;\n }\n\n &-item-active > &-content {\n display: block;\n }\n}\n"
},
{
"path": "src/styles/components/count-down.less",
"content": "@count-down-tag-name: r-count-down;\n\n@{count-down-tag-name} {\n display: inline-block;\n font-size: 20px;\n}\n"
},
{
"path": "src/styles/components/divider.less",
"content": "@import '../custom.less';\n@import '../mixins/common.less';\n\n@divider-tag-name: r-divider;\n@divider-prefix-cls: ~'@{css-prefix}divider';\n\n@{divider-tag-name} {\n .reset-component();\n background: @border-color-split;\n\n &,\n &[type='vertical'] {\n margin: 0 8px;\n display: inline-block;\n height: 0.9em;\n width: 1px;\n vertical-align: middle;\n position: relative;\n top: -0.06em;\n }\n\n &[type='horizontal'] {\n display: block;\n height: 1px;\n width: 100%;\n min-width: 100%;\n margin: 24px 0;\n clear: both;\n }\n\n &[type='horizontal'].@{divider-prefix-cls}-with-text-center,\n &[type='horizontal'].@{divider-prefix-cls}-with-text-left,\n &[type='horizontal'].@{divider-prefix-cls}-with-text-right {\n display: table;\n white-space: nowrap;\n text-align: center;\n background: transparent;\n font-weight: 500;\n color: @title-color;\n font-size: @font-size-large;\n margin: 16px 0;\n\n &:before,\n &:after {\n content: '';\n display: table-cell;\n position: relative;\n top: 50%;\n width: 50%;\n border-top: 1px solid @border-color-split;\n transform: translateY(50%);\n }\n }\n\n &[type='horizontal'][size='small'].@{divider-prefix-cls}-with-text-center,\n &[type='horizontal'][size='small'].@{divider-prefix-cls}-with-text-left,\n &[type='horizontal'][size='small'].@{divider-prefix-cls}-with-text-right {\n font-size: @font-size-base;\n margin: 8px 0;\n }\n\n &[type='horizontal'].@{divider-prefix-cls}-with-text-left,\n &[type='horizontal'].@{divider-prefix-cls}-with-text-right {\n .@{divider-prefix-cls}-inner-text {\n display: inline-block;\n padding: 0 10px;\n }\n }\n\n &[type='horizontal'].@{divider-prefix-cls}-with-text-left {\n &:before {\n top: 50%;\n width: 5%;\n }\n\n &:after {\n top: 50%;\n width: 95%;\n }\n }\n\n &[type='horizontal'].@{divider-prefix-cls}-with-text-right {\n &:before {\n top: 50%;\n width: 95%;\n }\n\n &:after {\n top: 50%;\n width: 5%;\n }\n }\n\n &[type='horizontal'].@{divider-prefix-cls}-with-text.@{divider-prefix-cls}-dashed,\n &[type='horizontal'].@{divider-prefix-cls}-with-text-left.@{divider-prefix-cls}-dashed,\n &[type='horizontal'].@{divider-prefix-cls}-with-text-right.@{divider-prefix-cls}-dashed {\n border-top: 0;\n\n &:before,\n &:after {\n border-style: dashed none none;\n }\n }\n}\n\n.@{divider-prefix-cls} {\n &-inner-text {\n display: inline-block;\n padding: 0 24px;\n }\n\n &-dashed {\n background: none;\n border-top: 1px dashed @border-color-split;\n }\n\n &-plain&-with-text,\n &-plain&-with-text-left,\n &-plain&-with-text-right {\n color: @text-color !important;\n font-weight: normal !important;\n font-size: @font-size-base !important;\n }\n}\n"
},
{
"path": "src/styles/components/drawer.less",
"content": "@import '../custom.less';\n@import '../mixins/mask.less';\n@import '../mixins/content.less';\n@import '../animation/move.less';\n\n@drawer-tag-name: r-drawer;\n@drawer-prefix-cls: ~'@{css-prefix}drawer';\n@drawer-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);\n\n@{drawer-tag-name} {\n display: none;\n}\n\n.@{drawer-prefix-cls} {\n width: auto;\n height: 100%;\n position: fixed;\n\n &-inner {\n position: absolute;\n }\n\n &-top,\n &-bottom {\n width: 100%;\n left: 0;\n }\n\n &-left,\n &-right {\n top: 0;\n height: 100%;\n }\n\n &-left {\n left: 0;\n }\n\n &-right {\n right: 0;\n }\n\n &-top {\n top: 0;\n }\n\n &-bottom {\n bottom: 0;\n }\n\n &-hidden {\n display: none !important;\n }\n\n &-wrap {\n position: fixed;\n overflow: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-drawer;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n\n &-inner {\n position: absolute;\n overflow: hidden;\n }\n\n &-dragging {\n user-select: none;\n }\n }\n\n &-wrap * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n\n &-mask {\n .mask();\n\n &-inner {\n position: absolute;\n }\n }\n\n &-content {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n background-color: #fff;\n border: 0;\n background-clip: padding-box;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n\n &-no-mask {\n pointer-events: auto;\n }\n }\n\n &-header {\n .content-header();\n }\n\n &-close {\n z-index: 1;\n .content-close(0, 28px);\n }\n\n &-body {\n width: 100%;\n height: calc(~'100% - 51px');\n padding: 16px;\n font-size: @font-size-base;\n line-height: 1.5;\n word-wrap: break-word;\n position: absolute;\n overflow: auto;\n }\n\n &-no-header &-body {\n height: 100%;\n }\n\n &-no-mask {\n pointer-events: none;\n\n .@{drawer-prefix-cls}-drag {\n pointer-events: auto;\n }\n }\n\n &-drag {\n top: 0;\n height: 100%;\n width: 0;\n position: absolute;\n\n &-left {\n right: 0;\n }\n\n &-move-trigger {\n width: 8px;\n height: 100px;\n line-height: 100px;\n position: absolute;\n top: 50%;\n background: rgb(243, 243, 243);\n transform: translate(-50%, -50%);\n border-radius: ~'4px / 6px';\n box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);\n cursor: col-resize;\n\n &-point {\n display: inline-block;\n width: 50%;\n transform: translateX(50%);\n\n i {\n display: block;\n border-bottom: 1px solid rgb(192, 192, 192);\n padding-bottom: 2px;\n }\n }\n }\n }\n}\n\n.move(drawer-top, rabDrawerMoveTopIn, enter, 0.55s, @drawer-timing-function);\n.move(drawer-bottom, rabDrawerMoveBottomIn, enter, 0.55s, @drawer-timing-function);\n.move(drawer-left, rabDrawerMoveLeftIn, enter, 0.55s, @drawer-timing-function);\n.move(drawer-right, rabDrawerMoveRightIn, enter, 0.55s, @drawer-timing-function);\n\n.move(drawer-top, rabDrawerMoveTopOut, leave, 0.5s, @drawer-timing-function);\n.move(drawer-bottom, rabDrawerMoveBottomOut, leave, 0.5s, @drawer-timing-function);\n.move(drawer-left, rabDrawerMoveLeftOut, leave, 0.5s, @drawer-timing-function);\n.move(drawer-right, rabDrawerMoveRightOut, leave, 0.5s, @drawer-timing-function);\n"
},
{
"path": "src/styles/components/dropdown.less",
"content": "@import '../custom.less';\n@import '../color/colorPalette.less';\n@import '../animation/slide.less';\n@import '../mixins/select.less';\n\n@dropdown-tag-name: r-dropdown;\n@dropdown-menu-tag-name: r-dropdown-menu;\n@dropdown-item-tag-name: r-dropdown-item;\n@dropdown-prefix-cls: ~'@{css-prefix}dropdown';\n@select-dropdown-prefix-cls: ~'@{css-prefix}select-dropdown';\n@dropdown-item-prefix-cls: ~'@{dropdown-prefix-cls}-item';\n\n@{dropdown-tag-name} {\n display: inline-block;\n position: relative;\n\n @{dropdown-menu-tag-name} {\n overflow: visible;\n max-height: none;\n }\n}\n\n@{dropdown-menu-tag-name} {\n width: inherit;\n max-height: 200px;\n overflow: auto;\n display: block;\n visibility: hidden;\n min-width: 100px;\n padding: 5px 0;\n box-shadow: 0 2px 8px rgb(0 0 0 / 15%);\n position: absolute;\n background-color: @white;\n box-sizing: border-box;\n border-radius: @border-radius-base;\n z-index: @zindex-select;\n}\n\n@{dropdown-item-tag-name} {\n &[selected],\n &[selected]:hover {\n background: ~`colorPalette('@{primary-color}', 1) `;\n }\n\n &[danger] {\n color: @error-color;\n &:hover {\n color: @white;\n background-color: @error-color;\n }\n }\n}\n\n.select-item(@dropdown-prefix-cls, @dropdown-item-tag-name, @dropdown-item-prefix-cls);\n\n.transition-drop {\n &-enter {\n animation: rabTransitionDropIn @animation-time ease-in-out;\n }\n &-leave {\n animation: rabTransitionDropOut @animation-time ease-in-out;\n }\n}\n"
},
{
"path": "src/styles/components/empty.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@empty-tag-name: r-empty;\n@empty-prefix-cls: ~'@{css-prefix}empty';\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n@{empty-tag-name} {\n display: block;\n margin: 0 8px;\n font-size: @font-size-base;\n line-height: 22px;\n text-align: center;\n}\n\n.@{empty-prefix-cls} {\n &-image {\n height: 100px;\n margin-bottom: 12px;\n\n img {\n height: 100%;\n }\n }\n\n &-description {\n margin: 0;\n color: @subsidiary-color;\n }\n\n &-footer {\n margin-top: 12px;\n }\n}\n"
},
{
"path": "src/styles/components/index.less",
"content": "@import './affix';\n@import './alert';\n@import './avatar';\n@import './back-top';\n@import './badge';\n@import './breadcrumb';\n@import './button';\n@import './card';\n@import './carousel';\n@import './checkbox';\n@import './circle';\n@import './collapse';\n@import './count-down';\n@import './divider';\n@import './drawer';\n@import './dropdown';\n@import './empty.less';\n@import './input-number.less';\n@import './jumbotron';\n@import './loading-bar';\n@import './message';\n@import './modal';\n@import './notice';\n@import './page-header';\n@import './poptip';\n@import './progress';\n@import './radio';\n@import './result.less';\n@import './skeleton.less';\n@import './spin';\n@import './steps';\n@import './switch';\n@import './tabs';\n@import './tag.less';\n@import './time';\n@import './timeline';\n@import './tooltip';\n"
},
{
"path": "src/styles/components/input-number.less",
"content": "@import '../custom.less';\n@import '../mixins/common.less';\n@import '../mixins/input.less';\n\n@input-number-tag: r-input-number;\n@input-number-prefix-cls: ~\"@{css-prefix}input-number\";\n\n.handler-disabled() {\n opacity: 0.72;\n color: #ccc !important;\n cursor: @cursor-disabled;\n}\n\n.@{input-number-prefix-cls} {\n @radius-wrap: 0 @btn-border-radius @btn-border-radius 0;\n\n .input();\n margin: 0;\n padding: 0;\n width: 80px;\n height: @input-height-base;\n line-height: @input-height-base;\n vertical-align: middle;\n border: 1px solid @border-color-base;\n border-radius: @btn-border-radius;\n overflow: hidden;\n cursor: default;\n\n &-handler-wrap {\n width: 22px;\n height: 100%;\n border-left: 1px solid @border-color-base;\n border-radius: @radius-wrap;\n background: @white;\n position: absolute;\n top: 0;\n right: 0;\n opacity: 0;\n transition: opacity @transition-time @ease-in-out;\n }\n\n &:hover &-handler-wrap {\n opacity: 1;\n }\n\n &-handler-up {\n cursor: pointer;\n &-inner {\n top: -1px;\n }\n }\n\n &-handler-down {\n border-top: 1px solid @border-color-base;\n top: -1px;\n cursor: pointer;\n }\n\n &-handler {\n display: block;\n width: 100%;\n height: (@input-height-base / 2);\n line-height: 0;\n text-align: center;\n overflow: hidden;\n color: #999;\n position: relative;\n\n &:hover &-up-inner,\n &:hover &-down-inner {\n color: tint(@primary-color, 20%);\n }\n }\n\n &-handler-up-inner,\n &-handler-down-inner {\n width: 12px;\n height: 12px;\n line-height: 12px;\n font-size: 14px;\n color: #999;\n user-select: none;\n position: absolute;\n right: 5px;\n transition: all @transition-time linear;\n }\n\n &:hover {\n .hover();\n }\n\n &-focused {\n .active();\n }\n\n &-disabled {\n .disabled();\n }\n\n &-input-wrap {\n overflow: hidden;\n height: @input-height-base;\n }\n\n &-input {\n width: 100%;\n height: @input-height-base;\n line-height: @input-height-base;\n padding: 0 7px;\n text-align: left;\n outline: 0;\n -moz-appearance: textfield;\n color: #666;\n border: 0;\n border-radius: @btn-border-radius;\n transition: all @transition-time linear;\n\n &::-webkit-outer-spin-button,&::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n &[disabled] {\n .disabled();\n }\n\n &::placeholder {\n color: @input-placeholder-color;\n }\n }\n\n &-large {\n padding: 0;\n .@{input-number-prefix-cls}-input-wrap {\n height: @input-height-large;\n }\n .@{input-number-prefix-cls}-handler {\n height: (@input-height-large / 2);\n }\n\n input {\n height: @input-height-large;\n line-height: @input-height-large;\n }\n\n .@{input-number-prefix-cls}-handler-up-inner {\n top: 1px;\n }\n .@{input-number-prefix-cls}-handler-down-inner {\n bottom: 5px;\n }\n }\n\n &-small {\n padding: 0;\n .@{input-number-prefix-cls}-input-wrap {\n height: @input-height-small;\n }\n .@{input-number-prefix-cls}-handler {\n height: (@input-height-small / 2);\n }\n\n input {\n height: @input-height-small;\n line-height: @input-height-small;\n margin-top: -1px;\n vertical-align: top;\n }\n .@{input-number-prefix-cls}-handler-up-inner {\n top: -4px;\n }\n .@{input-number-prefix-cls}-handler-down-inner {\n bottom: 2px;\n }\n }\n\n\n\n &-handler-down-disabled,\n &-handler-up-disabled,\n &-disabled {\n .@{input-number-prefix-cls}-handler-down-inner,\n .@{input-number-prefix-cls}-handler-up-inner {\n .handler-disabled();\n }\n }\n\n &-disabled {\n .@{input-number-prefix-cls}-input {\n opacity: 0.72;\n cursor: @cursor-disabled;\n background-color: #f3f3f3;\n }\n .@{input-number-prefix-cls}-handler-wrap {\n display: none;\n }\n .@{input-number-prefix-cls}-handler {\n .handler-disabled();\n }\n }\n\n &-controls-outside{\n width: 80px + 32px * 2;\n padding: 0 32px;\n .@{input-number-prefix-cls}-input{\n border-radius: 0;\n text-align: center;\n }\n &-btn{\n display: inline-block;\n width: 32px;\n height: 32px;\n line-height: 30px;\n position: absolute;\n top: 0;\n text-align: center;\n background-color: @input-group-bg;\n color: @input-color;\n cursor: pointer;\n i{\n font-size: 16px;\n }\n &:hover i{\n color: @primary-color;\n }\n &-disabled, &-disabled:hover{\n cursor: @cursor-disabled;\n i{\n color: #ccc;\n }\n }\n }\n &-up{\n right: 0;\n border-left: 1px solid @input-border-color;\n }\n &-down{\n left: 0;\n border-right: 1px solid @input-border-color;\n }\n }\n &-disabled&-controls-outside{\n .@{input-number-prefix-cls}-controls-outside-btn{\n cursor: @cursor-disabled;\n i{\n color: #ccc;\n }\n }\n }\n &-large&-controls-outside{\n width: 80px + 40px *2;\n padding: 0 40px;\n .@{input-number-prefix-cls}-controls-outside-btn{\n width: 40px;\n height: 40px;\n line-height: 38px;\n i{\n font-size: 20px;\n }\n }\n }\n &-small&-controls-outside{\n width: 80px + 24px *2;\n padding: 0 24px;\n .@{input-number-prefix-cls}-controls-outside-btn{\n width: 24px;\n height: 24px;\n line-height: 22px;\n i{\n font-size: 14px;\n }\n }\n }\n}"
},
{
"path": "src/styles/components/jumbotron.less",
"content": "@import '../custom.less';\n\n@jumbotron-tag-name: r-jumbotron;\n@jumbotron-prefix-cls: ~'@{css-prefix}jumbotron';\n\n@{jumbotron-tag-name} {\n display: block;\n padding: 2rem 1rem;\n margin-bottom: 32px;\n background-color: @normal-color;\n border-radius: @border-radius-base;\n\n &[type='light'] {\n background-color: @white;\n }\n\n &[type='dark'] {\n background-color: @black;\n\n .@{jumbotron-prefix-cls} {\n &-title {\n color: fade(@white, 80%);\n }\n\n &-subtitle {\n color: fade(@white, 85%);\n }\n }\n }\n\n @media (min-width: @screen-sm-min) {\n padding: 3rem 2rem;\n }\n}\n\n.@{jumbotron-prefix-cls} {\n &-container {\n width: 100%;\n padding-right: @padding-md - 1;\n padding-left: @padding-md - 1;\n margin-right: auto;\n margin-left: auto;\n\n @media (min-width: @screen-sm-min) {\n max-width: 540px;\n }\n\n @media (min-width: @screen-md-min) {\n max-width: 720px;\n }\n\n @media (min-width: @screen-md-min) {\n max-width: 960px;\n }\n\n @media (min-width: @screen-md-min) {\n max-width: 1140px;\n }\n }\n\n &-title {\n color: @title-color;\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.5;\n }\n\n &-subtitle {\n font-size: 1.25rem;\n font-weight: 300;\n margin-bottom: 16px;\n }\n}\n"
},
{
"path": "src/styles/components/loading-bar.less",
"content": "@import '../custom.less';\n\n@loading-bar-prefix-cls: ~\"@{css-prefix}loading-bar\";\n\n.@{loading-bar-prefix-cls} {\n width: 100%;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: @zindex-loading-bar;\n pointer-events: none;\n\n &-inner {\n height: 100%;\n transition: width @transition-time linear;\n\n &-color-primary {\n background-color: @primary-color;\n }\n\n &-failed-color-error {\n background-color: @error-color;\n }\n }\n}"
},
{
"path": "src/styles/components/message.less",
"content": "@import '../animation/move.less';\n@import '../color/colorPalette.less';\n@import '../custom.less';\n@import '../mixins/close.less';\n\n@message-prefix-cls: ~'@{css-prefix}message';\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n@message-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n\n.@{message-prefix-cls} {\n font-size: @font-size-base;\n position: fixed;\n z-index: @zindex-message;\n width: 100%;\n top: 16px;\n left: 0;\n pointer-events: none;\n\n &-notice {\n padding: 8px;\n text-align: center;\n transition: height @animation-time @ease-in-out, padding @animation-time @ease-in-out;\n\n &:first-child {\n margin-top: -8px;\n }\n\n &-close {\n position: absolute;\n right: 4px;\n top: 10px;\n color: #999;\n outline: none;\n\n i.@{icon-prefix-cls} {\n .close-base(4px);\n }\n }\n }\n\n &-notice-content {\n display: inline-block;\n pointer-events: all;\n padding: @padding-xs + 2 @padding-md;\n border-radius: @border-radius-base;\n box-shadow: @shadow-base;\n background: @white;\n position: relative;\n\n &-text {\n display: inline-block;\n }\n }\n\n &-notice-closable {\n .@{message-prefix-cls}-notice-content-text {\n padding-right: 32px;\n }\n }\n\n &-success .@{icon-prefix-cls} {\n color: @success-color;\n }\n\n &-error .@{icon-prefix-cls} {\n color: @error-color;\n }\n\n &-warning .@{icon-prefix-cls} {\n color: @warning-color;\n }\n\n &-info .@{icon-prefix-cls},\n &-loading .@{icon-prefix-cls} {\n color: @primary-color;\n }\n\n .@{icon-prefix-cls} {\n margin-right: 8px;\n font-size: 18px;\n position: relative;\n top: 1px;\n\n // 修复 loading 图标旋转左右晃动\n &-loading-solid {\n height: 5px;\n }\n }\n\n &-notice-with-background {\n .@{message-prefix-cls}-notice-content {\n &-background {\n box-shadow: none;\n border-radius: 4px;\n }\n\n &-info {\n background: ~`colorPalette('@{primary-color}', 0.6) `;\n color: ~`colorPalette('@{primary-color}', 6) `;\n border: 1px solid~`colorPalette('@{primary-color}', 1.5) `;\n }\n\n &-success {\n background: ~`colorPalette('@{success-color}', 1.2) `;\n color: ~`colorPalette('@{success-color}', 6) `;\n border: 1px solid~`colorPalette('@{success-color}', 2) `;\n }\n\n &-warning {\n background: ~`colorPalette('@{warning-color}', 1) `;\n color: ~`colorPalette('@{warning-color}', 6) `;\n border: 1px solid~`colorPalette('@{warning-color}', 2) `;\n }\n\n &-error {\n background: ~`colorPalette('@{error-color}', 1) `;\n color: ~`colorPalette('@{error-color}', 6) `;\n border: 1px solid~`colorPalette('@{error-color}', 2) `;\n }\n }\n }\n}\n\n.move(message, rabMessageMoveIn, enter, @animation-time, @message-timing-function);\n.move(message, rabMessageMoveOut, leave, @animation-time, @message-timing-function);\n"
},
{
"path": "src/styles/components/modal.less",
"content": "@import '../custom.less';\n@import '../mixins/mask.less';\n@import '../mixins/content.less';\n@import '../animation/zoom.less';\n\n@modal-tag-name: r-modal;\n@modal-prefix-cls: ~'@{css-prefix}modal';\n@confirm-prefix-cls: ~'@{css-prefix}modal-confirm';\n\n@{modal-tag-name} {\n display: none;\n}\n\n.@{modal-prefix-cls} {\n width: auto;\n margin: 0 auto;\n position: relative;\n outline: none;\n top: 100px;\n\n &.zoom-big-enter,\n &.zoom-big-leave {\n animation-duration: 0.3s;\n }\n\n &-hidden {\n display: none !important;\n }\n\n &-wrap {\n position: fixed;\n overflow: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n }\n\n &-wrap * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n\n &-mask {\n .mask();\n }\n\n &-content {\n position: relative;\n background-color: @white;\n border: 0;\n border-radius: @border-radius-base;\n background-clip: padding-box;\n box-shadow: @shadow-down;\n\n &-no-mask {\n pointer-events: auto;\n }\n }\n\n &-header {\n .content-header();\n }\n\n &-close {\n z-index: 1;\n .content-close(8px, 31px);\n }\n\n &-body {\n padding: @padding-md;\n font-size: @font-size-base;\n line-height: @line-height-base;\n\n p {\n margin: 0;\n }\n }\n\n &-footer {\n border-top: @border-width-base @border-style-base @border-color-split;\n padding: @padding-sm @padding-md+2 @padding-sm @padding-md+2;\n text-align: right;\n\n button + button {\n margin-left: 8px;\n margin-bottom: 0;\n }\n }\n\n &-fullscreen {\n width: 100% !important;\n top: 0;\n bottom: 0;\n position: absolute;\n\n @modal-header-height: 51px;\n @modal-footer-height: 61px;\n\n .@{modal-prefix-cls}-content {\n width: 100%;\n border-radius: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n }\n\n .@{modal-prefix-cls}-body {\n width: 100%;\n overflow: auto;\n position: absolute;\n top: @modal-header-height;\n bottom: @modal-footer-height;\n }\n\n &-no-header .@{modal-prefix-cls}-body {\n top: 0;\n }\n\n &-no-footer .@{modal-prefix-cls}-body {\n bottom: 0;\n }\n\n .@{modal-prefix-cls}-footer {\n position: absolute;\n width: 100%;\n bottom: 0;\n }\n }\n\n &-no-mask {\n pointer-events: none;\n }\n}\n\n@media (max-width: @screen-sm) {\n .@{modal-prefix-cls} {\n width: auto !important;\n margin: 10px;\n }\n\n .@{modal-prefix-cls}-fullscreen {\n width: 100% !important;\n margin: 0;\n }\n\n .vertical-center-modal {\n .@{modal-prefix-cls} {\n flex: 1;\n }\n }\n}\n\n.@{confirm-prefix-cls} {\n padding: 6px @padding-md @padding-xs;\n\n &-head {\n padding: 0 @padding-sm 0 0;\n\n &-icon {\n display: inline-block;\n font-size: 30px;\n vertical-align: middle;\n position: relative;\n top: -8px;\n\n &-info {\n color: @primary-color;\n }\n\n &-success {\n color: @success-color;\n }\n\n &-warning {\n color: @warning-color;\n }\n\n &-error {\n color: @error-color;\n }\n\n &-confirm {\n color: @warning-color;\n }\n }\n\n &-title {\n display: inline-block;\n vertical-align: middle;\n margin-left: 10px;\n font-size: @font-size-large;\n color: @title-color;\n font-weight: 500;\n }\n }\n\n &-body {\n padding-left: 44px;\n font-size: @font-size-base;\n color: @text-color;\n position: relative;\n\n p {\n margin: 0;\n }\n }\n\n &-footer {\n margin-top: 20px;\n text-align: right;\n\n button + button {\n margin-left: 8px;\n margin-bottom: 0;\n }\n }\n}\n"
},
{
"path": "src/styles/components/notice.less",
"content": "@import '../animation/move.less';\n@import '../custom.less';\n@import '../mixins/close.less';\n\n@notice-prefix-cls: ~'@{css-prefix}notice';\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n@notice-width: 384px;\n@notice-padding: 16px;\n@notice-margin-bottom: 10px;\n@notice-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);\n\n.@{notice-prefix-cls} {\n margin-right: 24px;\n position: fixed;\n z-index: @zindex-notification;\n\n &-content-with-icon {\n margin-left: 51px;\n }\n\n &-with-desc&-with-icon &-title {\n margin-left: 51px;\n }\n\n &-notice {\n width: @notice-width;\n max-width: calc(100vw - 24px * 2);\n margin-bottom: @notice-margin-bottom;\n margin-left: auto;\n padding: @notice-padding;\n border-radius: @border-radius-base + 2;\n box-shadow: @shadow-base;\n background: @white;\n line-height: 1.5;\n position: relative;\n overflow: hidden;\n\n &-close {\n position: absolute;\n top: 16px;\n right: 22px;\n color: #999;\n outline: none;\n\n i {\n .close-base(4px);\n }\n }\n\n &-with-desc {\n .@{notice-prefix-cls}-notice-close {\n top: 11px;\n }\n }\n }\n\n &-title {\n font-size: @font-size-large;\n line-height: @font-size-large + 3;\n color: @title-color;\n padding-right: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &-with-desc &-title {\n margin-bottom: 8px;\n }\n\n &-desc {\n font-size: @font-size-base;\n color: @text-color;\n text-align: justify;\n line-height: 1.5;\n }\n\n &-with-desc&-with-icon &-desc {\n margin-left: 51px;\n }\n\n &-with-icon &-title {\n margin-left: 26px;\n }\n\n &-icon {\n position: absolute;\n top: 10px;\n font-size: @font-size-large + 4;\n\n &-success {\n color: @success-color;\n }\n\n &-info {\n color: @primary-color;\n }\n\n &-warning {\n color: @warning-color;\n }\n\n &-error {\n color: @error-color;\n }\n }\n\n &-with-desc &-icon {\n font-size: 36px;\n top: 1px;\n }\n\n &-custom-content {\n position: relative;\n }\n}\n\n.move(notice, rabNoticeMoveIn, enter, 0.35s, @notice-timing-function);\n.move(notice, rabNoticeMoveOut, leave, 0.5s, @notice-timing-function);\n"
},
{
"path": "src/styles/components/page-header.less",
"content": "@import '../custom.less';\n\n@page-header-tag-name: r-page-header;\n@page-header-prefix-cls: ~'@{css-prefix}page-header';\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n@{page-header-tag-name} {\n display: block;\n font-size: @font-size-base;\n line-height: @line-height-base;\n position: relative;\n padding: @padding-sm @padding-lg;\n background-color: @white;\n}\n\n.@{page-header-prefix-cls} {\n &-heading {\n width: 100%;\n display: flex;\n align-items: baseline;\n overflow: hidden;\n\n &-title {\n display: block;\n float: left;\n padding-right: @padding-sm;\n color: @title-color;\n font-size: 20px;\n line-height: 40px;\n }\n\n &-sub-title {\n color: @subsidiary-color;\n font-size: @font-size-base;\n }\n }\n\n &-back {\n margin-right: 12px;\n display: flex;\n align-items: center;\n transition: color 0.3s;\n color: @title-color;\n cursor: pointer;\n\n &:hover {\n color: @primary-color;\n }\n\n .@{icon-prefix-cls} {\n font-size: 21px;\n }\n }\n}\n"
},
{
"path": "src/styles/components/poptip.less",
"content": "@import '../custom.less';\n@import '../mixins/tooltip.less';\n@import '../animation/zoom.less';\n\n@poptip-tag-name: r-poptip;\n@poptip-prefix-cls: ~'@{css-prefix}poptip';\n@poptip-arrow: ~'@{poptip-prefix-cls}-arrow';\n@poptip-max-width: 250px;\n@poptip-arrow-width: 7px;\n@poptip-arrow-outer-width: (@poptip-arrow-width + 1);\n@poptip-distance: @poptip-arrow-width - 1 + 4;\n@poptip-arrow-color: hsla(0, 0%, 85%, 0.5);\n\n@{poptip-tag-name} {\n display: inline-block;\n}\n\n.@{poptip-prefix-cls} {\n &-rel {\n display: inline-block;\n position: relative;\n }\n\n &-title {\n min-width: 177px;\n min-height: 32px;\n margin: 0;\n padding: @padding-xs @padding-md;\n position: relative;\n border-bottom: @border-width-base @border-style-base @border-color-split;\n color: @title-color;\n font-size: @font-size-base;\n font-weight: 500;\n\n // &-inner {\n // color: @title-color;\n // font-size: @font-size-base;\n // font-weight: 500;\n // }\n }\n\n &-body {\n padding: @padding-sm @padding-md;\n\n &-content {\n color: @text-color;\n overflow: auto;\n\n &-word-wrap {\n white-space: normal;\n text-align: justify;\n }\n\n // &-inner {\n // color: @text-color;\n // }\n }\n }\n\n &-inner {\n width: 100%;\n background-color: @white;\n background-clip: padding-box;\n border-radius: @border-radius-base;\n box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%),\n 0 9px 28px 8px rgb(0 0 0 / 5%);\n white-space: nowrap;\n text-align: left;\n }\n\n &-popper {\n min-width: 170px;\n font-size: @font-size-base;\n will-change: top, left;\n .popper(@poptip-arrow, @poptip-arrow-width, @poptip-distance, @poptip-arrow-color);\n visibility: hidden;\n opacity: 0;\n\n &[x-placement^='top'] .@{poptip-arrow}:after {\n content: ' ';\n bottom: 1px;\n margin-left: -@poptip-arrow-width;\n border-bottom-width: 0;\n border-top-width: @poptip-arrow-width;\n border-top-color: @white;\n }\n\n &[x-placement^='right'] .@{poptip-arrow}:after {\n content: ' ';\n left: 1px;\n bottom: -@poptip-arrow-width;\n border-left-width: 0;\n border-right-width: @poptip-arrow-width;\n border-right-color: @white;\n }\n\n &[x-placement^='bottom'] .@{poptip-arrow}:after {\n content: ' ';\n top: 1px;\n margin-left: -@poptip-arrow-width;\n border-top-width: 0;\n border-bottom-width: @poptip-arrow-width;\n border-bottom-color: @white;\n }\n\n &[x-placement^='left'] .@{poptip-arrow}:after {\n content: ' ';\n right: 1px;\n border-right-width: 0;\n border-left-width: @poptip-arrow-width;\n border-left-color: @white;\n bottom: -@poptip-arrow-width;\n }\n }\n\n &-arrow {\n &,\n &:after {\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n border-color: transparent;\n border-style: @border-style-base;\n }\n }\n\n &-arrow {\n border-width: @poptip-arrow-outer-width;\n }\n\n &-arrow:after {\n content: '';\n border-width: @poptip-arrow-width;\n }\n\n &-confirm &-popper {\n max-width: 300px;\n }\n\n &-confirm &-inner {\n white-space: normal;\n }\n\n &-confirm &-body {\n padding: @padding-md @padding-md @padding-xs;\n\n .rab-icon {\n font-size: @font-size-large + 2;\n color: @warning-color;\n line-height: 16px;\n position: absolute;\n }\n\n &-message {\n padding: 0 0 @padding-sm @padding-sm * 2;\n color: @title-color;\n }\n }\n\n &-confirm &-footer {\n text-align: right;\n margin-bottom: 6px;\n\n button {\n margin-left: 4px;\n }\n }\n}\n"
},
{
"path": "src/styles/components/progress.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@progress-tag-name: r-progress;\n@progress-prefix-cls: ~'@{css-prefix}progress';\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n.@{progress-prefix-cls} {\n &-outer {\n display: inline-block;\n width: 100%;\n margin-right: 0;\n padding-right: 0;\n\n .@{progress-prefix-cls}-show-info & {\n padding-right: 55px;\n margin-right: -55px;\n }\n }\n\n &-inner {\n display: inline-block;\n width: 100%;\n background-color: #f3f3f3;\n border-radius: 100px;\n vertical-align: middle;\n position: relative;\n\n &-text {\n display: inline-block;\n vertical-align: middle;\n font-size: @font-size-small;\n margin: 0 6px;\n }\n }\n\n &-bg {\n text-align: right;\n border-radius: 100px;\n background-color: @primary-color;\n transition: all 0.4s;\n position: relative;\n\n &:after {\n content: '';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n }\n\n .@{progress-prefix-cls}-inner-text {\n color: @white;\n }\n }\n\n &-success-bg {\n border-radius: 100px;\n background-color: @success-color;\n transition: all 0.4s;\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &-text {\n display: inline-block;\n margin-left: 5px;\n text-align: left;\n font-size: 1em;\n vertical-align: middle;\n color: @subsidiary-color;\n }\n}\n\n@{progress-tag-name} {\n display: inline-block;\n width: 100%;\n line-height: @line-height-base;\n font-size: @font-size-small;\n position: relative;\n\n &[status='active'] {\n .@{progress-prefix-cls}-bg:before {\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: @white;\n border-radius: 10px;\n -webkit-animation: rab-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n animation: rab-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n }\n }\n\n &[status='success'] {\n .@{progress-prefix-cls} {\n &-bg {\n background-color: @success-color;\n }\n\n &-text {\n color: @success-color;\n }\n }\n }\n\n &[status='warning'] {\n .@{progress-prefix-cls} {\n &-bg {\n background-color: @warning-color;\n }\n\n &-text {\n color: @warning-color;\n }\n }\n }\n\n &[status='wrong'] {\n .@{progress-prefix-cls} {\n &-bg {\n background-color: @error-color;\n }\n\n &-text {\n color: @error-color;\n }\n }\n }\n}\n\n@-webkit-keyframes rab-progress-active {\n 0% {\n opacity: 0.3;\n width: 0;\n }\n 100% {\n opacity: 0;\n width: 100%;\n }\n}\n\n@keyframes rab-progress-active {\n 0% {\n opacity: 0.3;\n width: 0;\n }\n 100% {\n opacity: 0;\n width: 100%;\n }\n}\n\n@-webkit-keyframes rab-progress-active-vertical {\n 0% {\n opacity: 0.3;\n height: 0;\n }\n 100% {\n opacity: 0;\n height: 100%;\n }\n}\n\n@keyframes rab-progress-active-vertical {\n 0% {\n opacity: 0.3;\n height: 0;\n }\n 100% {\n opacity: 0;\n height: 100%;\n }\n}\n"
},
{
"path": "src/styles/components/radio.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@radio-tag-name: r-radio;\n@radio-group-tag: r-radio-group;\n@radio-prefix-cls: ~'@{css-prefix}radio';\n@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';\n@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';\n@radio-group-button-prefix-cls: ~'@{radio-group-prefix-cls}-btn';\n\n@{radio-tag-name} {\n margin-right: 8px;\n font-size: @font-size-base;\n vertical-align: middle;\n display: inline-block;\n position: relative;\n white-space: nowrap;\n cursor: pointer;\n\n &[size='large'] {\n .@{radio-prefix-cls} {\n & .@{radio-inner-prefix-cls} {\n .square(14px);\n\n &:after {\n .square(8px);\n }\n }\n }\n }\n\n &[size='small'] {\n font-size: @font-size-large;\n\n .@{radio-prefix-cls} {\n font-size: @font-size-large;\n\n & .@{radio-inner-prefix-cls} {\n .square(18px);\n\n &:after {\n .square(12px);\n }\n }\n }\n }\n\n &[disabled] {\n cursor: not-allowed;\n\n .@{radio-prefix-cls} {\n cursor: not-allowed;\n\n &:hover .@{radio-prefix-cls}-inner {\n border-color: #dcdee2;\n }\n\n &-inner {\n border-color: #dcdee2;\n background-color: #f3f3f3;\n\n &::after {\n background-color: #cccccc;\n }\n }\n\n &-input {\n cursor: not-allowed;\n }\n\n & + span {\n color: #ccc;\n }\n }\n }\n\n &[type='border'] {\n border: @border-width-base @border-style-base @border-color-base;\n border-radius: @btn-border-radius;\n height: @btn-height-base;\n line-height: @btn-height-base - 2px;\n padding: @btn-padding-base;\n transition: border @transition-time @ease-in-out;\n \n &.@{radio-prefix-cls}-wrapper-checked {\n border-color: @primary-color;\n }\n }\n\n &[type='border'][disabled] {\n .@{radio-prefix-cls}{\n border-color: @btn-disable-border;\n }\n }\n}\n\n@{radio-tag-name}[size='small'][type='border'] .@{radio-prefix-cls},\n@{radio-group-tag}[size='small'] @{radio-tag-name}[type='border'] .@{radio-prefix-cls} {\n height: @btn-height-small;\n line-height: @btn-height-small - 2px;\n padding: @btn-padding-small;\n}\n\n@{radio-tag-name}[size='large'][type='border'] .@{radio-prefix-cls},\n@{radio-group-tag}[size='large'] @{radio-tag-name}[type='border'] .@{radio-prefix-cls} {\n height: @btn-height-large;\n line-height: @btn-height-large - 4px;\n padding: @btn-padding-large;\n}\n\n@{radio-group-tag} {\n display: inline-block;\n font-size: @font-size-base;\n vertical-align: middle;\n\n &[direction=\"vertical\"] {\n @{radio-tag-name} {\n display: block;\n height: 30px;\n line-height: 30px;\n }\n }\n}\n\n.@{radio-prefix-cls}-focus {\n .@{radio-prefix-cls}-inner {\n box-shadow: 0 0 0 2px fade(@primary-color, 20%);\n z-index: 1;\n }\n\n}\n\n.@{radio-prefix-cls} {\n display: inline-block;\n margin-right: 4px;\n white-space: nowrap;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n\n &:hover {\n .@{radio-inner-prefix-cls} {\n border-color: #bcbcbc;\n }\n }\n\n &-inner {\n display: inline-block;\n .square(16px);\n position: relative;\n top: 0;\n left: 0;\n background-color: @white;\n border: @border-width-base @border-style-base @border-color-base;\n border-radius: 50%;\n transition: all @transition-time @ease-in-out;\n\n &:after {\n position: absolute;\n .square(8px);\n left: 3px;\n top: 3px;\n border-radius: 50%;\n display: table;\n border-top: 0;\n border-left: 0;\n content: ' ';\n background-color: @primary-color;\n opacity: 0;\n transition: all @transition-time @ease-in-out;\n transform: scale(0);\n }\n }\n\n &-input {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n opacity: 0;\n cursor: pointer;\n }\n}\n\n// 选中状态 - Selected state\n.@{radio-prefix-cls}-checked {\n .@{radio-inner-prefix-cls} {\n border-color: @primary-color;\n\n &:after {\n opacity: 1;\n transform: scale(1);\n transition: all @transition-time @ease-in-out;\n }\n }\n\n &:hover:not([disabled]) {\n .@{radio-inner-prefix-cls} {\n border-color: @primary-color;\n }\n }\n}\n\nspan.@{radio-prefix-cls} + * {\n margin-left: 2px;\n margin-right: 2px;\n vertical-align: baseline;\n}\n\n// 按钮样式 - Button style\n@{radio-group-tag}[type='button'] {\n font-size: 0;\n -webkit-text-size-adjust: none;\n\n .@{radio-prefix-cls} {\n width: 0;\n margin-right: 0;\n }\n\n @{radio-tag-name} {\n display: inline-block;\n height: @btn-circle-size;\n line-height: @btn-circle-size - 2px;\n margin: 0;\n padding: 0 @padding-md - 1px;\n font-size: @font-size-base;\n color: @btn-default-color;\n transition: all @transition-time @ease-in-out;\n cursor: pointer;\n border: @border-width-base @border-style-base @border-color-base;\n border-left: 0;\n background: @white;\n position: relative;\n\n > span {\n margin-left: 0;\n }\n\n &:before,\n &:after {\n content: '';\n display: block;\n position: absolute;\n .size(1px, 100%);\n left: -1px;\n top: 0;\n background: @border-color-base;\n transition: all @transition-time @ease-in-out;\n }\n\n &:after {\n height: @btn-circle-size + 4px;\n left: -1px;\n top: -3px;\n background: fade(@primary-color, 20%);\n opacity: 0;\n }\n\n &:first-child {\n border-radius: @btn-border-radius 0 0 @btn-border-radius;\n border-left: @border-width-base @border-style-base @border-color-base;\n\n &:before,\n &:after {\n display: none;\n }\n }\n\n &:last-child {\n border-radius: 0 @btn-border-radius @btn-border-radius 0;\n }\n\n &:first-child:last-child {\n border-radius: @btn-border-radius;\n }\n\n &:hover {\n position: relative;\n color: @primary-color;\n\n & .@{radio-prefix-cls} {\n background-color: black;\n }\n }\n\n .@{radio-prefix-cls}-inner,\n input {\n opacity: 0;\n .square(0);\n }\n\n &.@{radio-prefix-cls}-checked {\n background: @white;\n border-color: @primary-color;\n color: @primary-color;\n box-shadow: -1px 0 0 0 @primary-color;\n z-index: 1;\n\n &:before {\n background: @primary-color;\n opacity: 0.1;\n }\n\n &.@{radio-prefix-cls}-focus {\n .@{radio-prefix-cls}-inner {\n box-shadow: -1px 0 0 0 @primary-color, 0 0 0 2px fade(@primary-color, 20%);\n transition: all @transition-time @ease-in-out;\n \n &:after {\n left: -3px;\n top: -3px;\n opacity: 1;\n background: fade(@primary-color, 20%);\n }\n \n &:first-child {\n box-shadow: 0 0 0 2px fade(@primary-color, 20%);\n }\n }\n }\n\n &:first-child {\n border-color: @primary-color;\n box-shadow: none;\n }\n\n &:hover {\n border-color: tint(@primary-color, 20%);\n color: tint(@primary-color, 20%);\n }\n\n &:active {\n border-color: shade(@primary-color, 5%);\n color: shade(@primary-color, 5%);\n }\n }\n }\n}\n\n@{radio-group-tag} {\n &[type='button'] {\n\n @{radio-tag-name} {\n &.@{radio-prefix-cls}-wrapper-checked {\n background: @white;\n border-color: @primary-color;\n color: @primary-color;\n box-shadow: -1px 0 0 0 @primary-color;\n z-index: 1;\n\n &:first-child {\n border-color: @primary-color;\n box-shadow: none;\n }\n }\n\n &[disabled] {\n border-color: @border-color-base;\n background-color: @background-color-base;\n cursor: @cursor-disabled;\n color: #ccc;\n \n &:first-child,\n &:hover {\n border-color: @border-color-base;\n background-color: @background-color-base;\n color: #ccc;\n }\n \n &:first-child {\n border-left-color: @border-color-base;\n }\n \n &.@{radio-prefix-cls}-wrapper-checked {\n color: @white;\n background-color: #e6e6e6;\n border-color: @border-color-base;\n box-shadow: none !important;\n } \n }\n }\n }\n\n &[button-style='solid'] @{radio-tag-name}:not([disabled]).@{radio-prefix-cls}-wrapper-checked {\n background: @primary-color;\n color: @white;\n\n &:hover {\n background: tint(@primary-color, 20%);\n color: @white;\n }\n }\n\n &[size='large'][type='button'] @{radio-tag-name} {\n height: @btn-circle-size-large;\n line-height: @btn-circle-size-large - 2px;\n font-size: @font-size-large;\n\n &:after {\n height: @btn-circle-size-large + 4px;\n }\n }\n\n &[size='small'][type='button'] @{radio-tag-name} {\n height: @btn-circle-size-small;\n line-height: @btn-circle-size-small - 2px;\n padding: 0 @padding-sm;\n font-size: @font-size-base;\n\n &:after {\n height: @btn-circle-size-small + 4px;\n }\n\n &:first-child {\n border-radius: @btn-border-radius-small 0 0 @btn-border-radius-small;\n }\n\n &:last-child {\n border-radius: 0 @btn-border-radius-small @btn-border-radius-small 0;\n }\n }\n}\n"
},
{
"path": "src/styles/components/result.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@result-tag-name: r-result;\n@result-prefix-cls: ~'@{css-prefix}result';\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n@{result-tag-name} {\n display: block;\n padding: 48px 32px;\n}\n\n.@{result-prefix-cls} {\n &-info {\n .@{result-prefix-cls}-icon .@{icon-prefix-cls} {\n color: @primary-color;\n }\n }\n\n &-success {\n .@{result-prefix-cls}-icon .@{icon-prefix-cls} {\n color: @success-color;\n }\n }\n\n &-warning {\n .@{result-prefix-cls}-icon .@{icon-prefix-cls} {\n color: @warning-color;\n }\n }\n\n &-error {\n .@{result-prefix-cls}-icon .@{icon-prefix-cls} {\n color: @error-color;\n }\n }\n\n &-image {\n .size(350px,280px);\n margin: auto;\n }\n\n &-icon {\n margin-bottom: 24px;\n text-align: center;\n\n & > .@{icon-prefix-cls} {\n font-size: 90px;\n }\n }\n\n &-title {\n color: @title-color;\n font-size: 24px;\n text-align: center;\n }\n\n &-subtitle {\n color: @subsidiary-color;\n font-size: @font-size-base;\n margin-top: 12px;\n text-align: center;\n }\n\n &-extra {\n margin: 24px 0 0;\n text-align: center;\n\n & > * {\n margin-right: 8px;\n }\n\n & > :last-child {\n margin-right: 0;\n }\n }\n\n &-content {\n margin-top: 24px;\n padding: @padding-lg 40px;\n background-color: @background-color-base;\n }\n}\n"
},
{
"path": "src/styles/components/skeleton.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@skeleton-tag-name: r-skeleton;\n@skeleton-prefix-cls: ~'@{css-prefix}skeleton';\n@skeleton-bgc: #f2f2f2;\n\n@{skeleton-tag-name} {\n display: table;\n width: 100%;\n}\n\n.@{skeleton-prefix-cls} {\n &-header,\n &-content {\n display: table-cell;\n vertical-align: top;\n }\n\n &-header {\n padding-right: 16px;\n }\n\n &-header &-avatar {\n display: inline-block;\n vertical-align: top;\n background: @skeleton-bgc;\n .size(32px,32px);\n line-height: 32px;\n }\n\n &-header &-avatar-large {\n .size(40px,40px);\n line-height: 40px;\n }\n\n &-header &-avatar-small {\n .size(24px,24px);\n line-height: 24px;\n }\n\n &-header &-avatar&-avatar-circle {\n border-radius: 50%;\n }\n\n &-header &-avatar&-avatar-square {\n border-radius: 0;\n }\n\n &-content {\n width: 100%;\n\n .@{skeleton-prefix-cls} {\n &-title {\n .size(100%,16px);\n margin-top: 16px;\n background: @skeleton-bgc;\n }\n\n &-paragraph {\n padding: 0;\n\n li {\n .size(100%,16px);\n list-style: none;\n background: @skeleton-bgc;\n\n &:last-child:not(:first-child):not(:nth-child(2)) {\n width: 61%;\n }\n }\n\n li + li {\n margin-top: 16px;\n }\n }\n }\n\n .@{skeleton-prefix-cls}-title + .@{skeleton-prefix-cls}-paragraph {\n margin-top: 24px;\n }\n }\n\n &-with-avatar {\n .@{skeleton-prefix-cls}-content .@{skeleton-prefix-cls}-title {\n margin-top: 12px;\n }\n\n .@{skeleton-prefix-cls}-content\n .@{skeleton-prefix-cls}-title\n + .@{skeleton-prefix-cls}-paragraph {\n margin-top: 28px;\n }\n }\n\n &-active {\n .@{skeleton-prefix-cls}-header .@{skeleton-prefix-cls}-avatar,\n .@{skeleton-prefix-cls}-content .@{skeleton-prefix-cls}-title,\n .@{skeleton-prefix-cls}-content .@{skeleton-prefix-cls}-paragraph > li {\n background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);\n background-size: 400% 100%;\n -webkit-animation: rab-skeleton-loading 1.4s ease infinite;\n animation: rab-skeleton-loading 1.4s ease infinite;\n }\n }\n}\n\n@-webkit-keyframes rab-skeleton-loading {\n from {\n background-position: 100% 50%;\n }\n to {\n background-position: 0 50%;\n }\n}\n\n@keyframes rab-skeleton-loading {\n from {\n background-position: 100% 50%;\n }\n to {\n background-position: 0 50%;\n }\n}\n"
},
{
"path": "src/styles/components/spin.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@spin-tag-name: r-spin;\n@spin-prefix-cls: ~'@{css-prefix}spin';\n@spin-dot-size-small: 12px;\n@spin-dot-size: 20px;\n@spin-dot-size-large: 32px;\n@table-prefix-cls: ~'@{css-prefix}table';\n\n@{spin-tag-name} {\n color: @primary-color;\n vertical-align: middle;\n text-align: center;\n\n &[size='small'] {\n .@{spin-prefix-cls}-dot {\n .square(@spin-dot-size-small);\n }\n }\n\n &[size='large'] {\n .@{spin-prefix-cls}-dot {\n .square(@spin-dot-size-large);\n }\n }\n\n &[fix] {\n position: absolute;\n top: 0;\n left: 0;\n z-index: @zindex-spin;\n .square(100%);\n background-color: rgba(255, 255, 255, 0.9);\n\n .@{spin-prefix-cls} {\n &-main {\n position: absolute;\n top: 50%;\n left: 50%;\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n }\n\n &-dot {\n display: inline-block;\n }\n }\n }\n}\n\n.@{spin-prefix-cls} {\n &-dot {\n position: relative;\n display: block;\n border-radius: 50%;\n background-color: @primary-color;\n .square(@spin-dot-size);\n animation: ani-spin-bounce 1s 0s ease-in-out infinite;\n }\n\n &-fullscreen {\n z-index: @zindex-spin-fullscreen;\n\n &-wrapper {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n\n &-text,\n &-show-text &-dot {\n display: none !important;\n }\n\n &-show-text &-text {\n display: block !important;\n }\n\n &-text {\n .rab-icon-loading1 {\n font-size: 24px;\n height: 8px;\n }\n }\n}\n\n.@{table-prefix-cls}-wrapper {\n @{spin-tag-name}[fix] {\n border: none;\n }\n}\n\n.@{table-prefix-cls}-wrapper-with-border {\n @{spin-tag-name}[fix] {\n border: 1px solid @border-color-base;\n border-top: 0;\n border-left: 0;\n }\n}\n\n@keyframes ani-spin-bounce {\n 0% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(1);\n opacity: 0;\n }\n}\n"
},
{
"path": "src/styles/components/steps.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@steps-tag-name: r-steps;\n@step-tag-name: r-step;\n@steps-prefix-cls: ~'@{css-prefix}steps';\n@steps-wait-icon-color: #ccc;\n@steps-wait-title-color: #999;\n@steps-wait-description-color: @steps-wait-title-color;\n@steps-wait-tail-color: @border-color-split;\n@steps-title-color: #666;\n\n@{steps-tag-name} {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n font-size: 0;\n line-height: @line-height-base;\n\n .@{steps-prefix-cls}-head,\n .@{steps-prefix-cls}-main {\n position: relative;\n display: inline-block;\n vertical-align: top;\n }\n\n .@{steps-prefix-cls}-head {\n background: @white;\n }\n\n .@{steps-prefix-cls}-head-inner {\n display: block;\n .square(26px);\n line-height: 24px;\n margin-right: 8px;\n text-align: center;\n border: @border-width-base @border-style-base @steps-wait-icon-color;\n border-radius: 50%;\n font-size: @font-size-base;\n transition: background-color @transition-time @ease-in-out;\n\n > .@{steps-prefix-cls}-icon {\n position: relative;\n top: 3.5px;\n\n &.rab-icon {\n font-size: 24px;\n\n &-ios-checkmark-empty,\n &-ios-close-empty {\n font-weight: bold;\n }\n }\n }\n }\n\n .@{steps-prefix-cls}-main {\n margin-top: 2.5px;\n display: inline;\n }\n\n .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-title {\n margin-top: 2.5px;\n }\n\n .@{steps-prefix-cls}-title {\n display: inline-block;\n margin-bottom: 4px;\n padding-right: 10px;\n font-size: @font-size-base;\n font-weight: bold;\n color: #666;\n background: @white;\n\n > a:first-child:last-child {\n color: #666;\n }\n }\n\n .@{steps-prefix-cls}-item-last {\n .@{steps-prefix-cls}-title {\n padding-right: 0;\n width: 100%;\n }\n }\n\n .@{steps-prefix-cls}-content {\n font-size: @font-size-small;\n color: #999;\n }\n\n .@{steps-prefix-cls}-tail {\n width: 100%;\n padding: 0 10px;\n position: absolute;\n left: 0;\n top: 13px;\n\n > i {\n display: inline-block;\n .size(100%, 1px);\n vertical-align: top;\n background: @border-color-split;\n border-radius: 1px;\n position: relative;\n\n &:after {\n content: '';\n .size(0, 100%);\n background: @border-color-split;\n opacity: 0;\n position: absolute;\n top: 0;\n }\n }\n }\n\n &[size='small'] {\n .@{steps-prefix-cls}-head-inner {\n .square(18px);\n line-height: 16px;\n margin-right: 10px;\n text-align: center;\n border-radius: 50%;\n font-size: @font-size-small;\n\n > .@{steps-prefix-cls}-icon.rab-icon {\n font-size: @font-size-large;\n top: 1px;\n }\n }\n\n .@{steps-prefix-cls}-main {\n margin-top: 0;\n }\n\n .@{steps-prefix-cls}-title {\n margin-bottom: 4px;\n margin-top: 0;\n color: #666;\n font-size: @font-size-small;\n font-weight: bold;\n }\n\n .@{steps-prefix-cls}-content {\n font-size: @font-size-small;\n color: #999;\n padding-left: 30px;\n }\n\n .@{steps-prefix-cls}-tail {\n top: 8px;\n padding: 0 8px;\n\n > i {\n .size(100%, 1px);\n border-radius: 1px;\n }\n }\n }\n\n &[size='small'] @{step-tag-name} .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner,\n @{step-tag-name} .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner {\n .square(inherit);\n line-height: inherit;\n border-radius: 0;\n border: 0;\n background: none;\n }\n}\n\n@{step-tag-name} {\n display: inline-block;\n position: relative;\n vertical-align: top;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n overflow: hidden;\n\n &:last-child {\n -webkit-box-flex: 0;\n -ms-flex: 0;\n flex: none;\n }\n\n &[status='wait'] {\n .@{steps-prefix-cls}-head-inner {\n background-color: @white;\n\n > .@{steps-prefix-cls}-icon,\n span {\n color: @steps-wait-icon-color;\n }\n }\n\n .@{steps-prefix-cls}-title {\n color: @steps-wait-title-color;\n }\n\n .@{steps-prefix-cls}-content {\n color: @steps-wait-description-color;\n }\n\n .@{steps-prefix-cls}-tail > i {\n background-color: @steps-wait-tail-color;\n }\n }\n\n &[status='process'] {\n .@{steps-prefix-cls}-head-inner {\n border-color: @primary-color;\n background-color: @primary-color;\n\n > .@{steps-prefix-cls}-icon,\n span {\n color: @white;\n }\n }\n\n .@{steps-prefix-cls}-title {\n color: @steps-title-color;\n }\n\n .@{steps-prefix-cls}-content {\n color: @steps-title-color;\n }\n\n .@{steps-prefix-cls}-tail > i {\n background-color: @border-color-split;\n }\n }\n\n &[status='finish'] {\n .@{steps-prefix-cls}-head-inner {\n background-color: @white;\n border-color: @primary-color;\n\n > .@{steps-prefix-cls}-icon,\n span {\n color: @primary-color;\n }\n }\n\n .@{steps-prefix-cls}-tail > i::after {\n width: 100%;\n background: @primary-color;\n transition: all @transition-time @ease-in-out;\n opacity: 1;\n }\n\n .@{steps-prefix-cls}-title {\n color: @steps-wait-title-color;\n }\n\n .@{steps-prefix-cls}-content {\n color: @steps-wait-description-color;\n }\n }\n\n &[status='error'] {\n .@{steps-prefix-cls}-head-inner {\n color: @error-color;\n background-color: @white;\n border-color: @error-color;\n\n > .@{steps-prefix-cls}-icon {\n color: @error-color;\n }\n }\n\n .@{steps-prefix-cls}-title {\n color: @error-color;\n }\n\n .@{steps-prefix-cls}-content {\n color: @error-color;\n }\n\n .@{steps-prefix-cls}-tail > i {\n background-color: @border-color-split;\n }\n }\n\n &.@{steps-prefix-cls}-next-error {\n .@{steps-prefix-cls}-tail > i,\n .@{steps-prefix-cls}-tail > i:after {\n background-color: @error-color;\n }\n }\n\n &.@{steps-prefix-cls}-custom {\n .@{steps-prefix-cls}-head-inner {\n background: none;\n border: 0;\n .square(auto);\n\n > .@{steps-prefix-cls}-icon {\n font-size: 22px;\n top: 4px;\n .square(22px);\n }\n }\n }\n\n &[status='process'].@{steps-prefix-cls}-custom {\n .@{steps-prefix-cls}-head-inner > .@{steps-prefix-cls}-icon {\n color: @primary-color;\n }\n }\n\n &:last-child .@{steps-prefix-cls}-tail {\n display: none;\n }\n}\n\n@{steps-tag-name} {\n &[direction='vertical'] {\n display: block;\n\n @{step-tag-name} {\n display: block;\n overflow: visible;\n }\n\n .@{steps-prefix-cls}-tail {\n position: absolute;\n left: 13px;\n top: 0;\n .size(1px, 100%);\n padding: 30px 0 4px 0;\n\n > i {\n .size(1px, 100%);\n\n &:after {\n .size(100%, 0);\n }\n }\n }\n\n &[status='finish'] {\n .@{steps-prefix-cls}-tail > i:after {\n height: 100%;\n }\n }\n\n .@{steps-prefix-cls}-head {\n float: left;\n\n &-inner {\n margin-right: 16px;\n }\n }\n\n .@{steps-prefix-cls}-main {\n min-height: 47px;\n overflow: hidden;\n display: block;\n\n .@{steps-prefix-cls}-title {\n line-height: 26px;\n }\n\n .@{steps-prefix-cls}-content {\n padding-bottom: 12px;\n padding-left: 0;\n }\n }\n\n .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {\n left: 4px;\n }\n\n &[size='small'] .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {\n left: 0;\n }\n\n &[size='small'] {\n .@{steps-prefix-cls}-tail {\n position: absolute;\n left: 9px;\n top: 0;\n padding: 22px 0 4px 0;\n\n > i {\n height: 100%;\n }\n }\n\n .@{steps-prefix-cls}-title {\n line-height: 18px;\n }\n }\n }\n\n &[direction='horizontal'] {\n &.@{steps-prefix-cls}-hidden {\n visibility: hidden;\n }\n\n .@{steps-prefix-cls}-content {\n padding-left: 35px;\n }\n\n @{step-tag-name}:not(:first-child) .@{steps-prefix-cls}-head {\n padding-left: 10px;\n margin-left: -10px;\n }\n }\n}\n"
},
{
"path": "src/styles/components/switch.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@switch-tag-name: r-switch;\n@switch-prefix-cls: ~'@{css-prefix}switch';\n\n@{switch-tag-name} {\n display: inline-block;\n .size(44px,22px);\n line-height: 20px;\n vertical-align: middle;\n border: 1px solid transparent;\n border-radius: 100px;\n background-color: fade(#000, 25%);\n position: relative;\n cursor: pointer;\n user-select: none;\n transition: all @transition-time @ease-in-out;\n\n &:before {\n content: '';\n display: none;\n .square(14px);\n border-radius: 50%;\n background-color: transparent;\n position: absolute;\n left: 3px;\n top: 3px;\n z-index: 1;\n border: 1px solid @primary-color;\n border-color: transparent transparent transparent @primary-color;\n animation: rab-switch-loading 1s linear;\n animation-iteration-count: infinite;\n }\n\n &::after {\n content: '';\n .square(18px);\n border-radius: 18px;\n background-color: @white;\n position: absolute;\n left: 1px;\n top: 1px;\n cursor: pointer;\n transition: left @transition-time @ease-in-out, width @transition-time @ease-in-out;\n box-shadow: 0 2px 4px 0 rgb(0 35 11 / 20%);\n }\n\n &:active:after {\n width: 26px;\n }\n\n &:focus {\n box-shadow: 0 0 0 2px fade(@primary-color, 20%);\n outline: 0;\n }\n\n &:focus:hover {\n box-shadow: none;\n }\n}\n\n.@{switch-prefix-cls} {\n &-loading {\n opacity: 0.4;\n\n &:before {\n display: block;\n }\n }\n\n &-inner {\n color: @white;\n font-size: @font-size-small;\n position: absolute;\n left: 23px;\n\n i {\n .square(12px);\n text-align: center;\n position: relative;\n }\n }\n\n &-small {\n .size(28px,16px);\n line-height: 14px;\n &:after {\n .square(12px);\n }\n &:active:after {\n width: 14px;\n }\n &:before {\n .square(10px);\n left: 2px;\n top: 2px;\n }\n }\n\n &-small&-checked:after {\n left: 13px;\n }\n &-small&-checked:before {\n left: 14px;\n }\n\n &-small:active&-checked:after {\n left: 11px;\n }\n\n &-large {\n width: 56px;\n &:active:after {\n width: 26px;\n }\n }\n\n &-large:active:after {\n width: 30px;\n }\n\n &-large&-checked:after {\n left: 35px;\n }\n &-large&-checked:before {\n left: 37px;\n }\n\n &-large:active&-checked:after {\n left: 23px;\n }\n\n &-checked {\n border-color: @primary-color;\n background-color: @primary-color;\n\n .@{switch-prefix-cls}-inner {\n left: 7px;\n }\n\n &:after {\n left: 23px;\n }\n &:before {\n left: 25px;\n }\n\n &:active:after {\n left: 15px;\n }\n }\n\n &-disabled {\n cursor: @cursor-disabled;\n opacity: 0.4;\n\n &:after {\n background: @white;\n cursor: not-allowed;\n }\n\n .@{switch-prefix-cls}-inner {\n color: @white;\n }\n }\n\n &-disabled&-checked {\n border-color: @primary-color;\n background-color: @primary-color;\n opacity: 0.4;\n\n &:after {\n background: @white;\n }\n\n .@{switch-prefix-cls}-inner {\n color: @white;\n }\n }\n}\n\n@keyframes rab-switch-loading {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"
},
{
"path": "src/styles/components/tabs.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n@import '../mixins/clearfix.less';\n\n@tabs-tag-name: r-tabs;\n@tab-pane: r-tab-pane;\n@tabs-prefix-cls: ~\"@{css-prefix}tabs\";\n\n@{tabs-tag-name} {\n display: block;\n position: relative;\n overflow: hidden;\n color: @text-color;\n .clearfix();\n\n}\n\n.@{tabs-prefix-cls} {\n &-bar {\n outline: none;\n border-bottom: @border-width-base @border-style-base @border-color-base;\n margin-bottom: 16px;\n }\n\n &-nav-container {\n margin-bottom: -1px;\n line-height: @line-height-base;\n font-size: @font-size-base;\n white-space: nowrap;\n position: relative;\n .clearfix();\n \n // 设置溢出滚动条样式\n ::-webkit-scrollbar {\n height: 4px;\n background-color: #fff;\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background-color: @border-color-base;\n }\n }\n\n &-nav-container:focus {\n outline: none;\n .@{tabs-prefix-cls}-tab-focused {\n border-color: @link-hover-color !important;\n }\n }\n\n &-nav-container-scrolling {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n &-nav-wrap {\n position: relative;\n overflow-x: auto;\n overflow-y: hidden;\n }\n\n &-nav-right{\n float: right;\n margin-left: 5px;\n }\n\n &-nav-prev, &-nav-next{\n width: 32px;\n text-align: center;\n position: absolute;\n line-height: 32px;\n cursor: pointer;\n i{\n font-size: 16px;\n }\n }\n\n &-nav {\n padding-left: 0;\n margin: 0;\n float: left;\n list-style: none;\n position: relative;\n transition: transform 0.5s @ease-in-out;\n\n &:before,\n &:after {\n display: table;\n content: \" \";\n }\n\n &:after {\n clear: both;\n }\n\n .@{tabs-prefix-cls}-tab-disabled {\n cursor: not-allowed !important;\n color: #ccc !important;\n }\n\n .@{tabs-prefix-cls}-tab {\n display: inline-block;\n height: 100%;\n padding: @padding-xs @padding-md;\n margin-right: 16px;\n\n cursor: pointer;\n text-decoration: none;\n position: relative;\n transition: color .3s @ease-in-out;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active {\n color: @link-active-color;\n }\n .@{css-prefix-iconfont} {\n .size(14px,14px);\n margin-right: 8px;\n }\n }\n\n .@{tabs-prefix-cls}-tab-active {\n color: @primary-color;\n\n &::after {\n content: '';\n .size(100%,2px);\n background-color: @primary-color;\n position: absolute;\n left: 0;\n bottom: 0;\n z-index: 1;\n }\n }\n }\n &-mini &-nav-container {\n font-size: @font-size-base;\n }\n\n &-mini &-tab {\n margin-right: 0;\n padding: @padding-xs @padding-md;\n font-size: @font-size-small;\n }\n\n // card style\n &-card > &-bar &-nav-container {\n height: 32px;\n }\n\n &-card > &-bar &-tab {\n margin: 0;\n margin-right: 4px;\n height: 31px;\n padding: 5px @padding-md 4px;\n border: @border-width-base @border-style-base @border-color-base;\n border-bottom: 0;\n border-radius: @btn-border-radius @btn-border-radius 0 0;\n transition: all 0.3s @ease-in-out;\n background: @background-color-base;\n }\n &-card > &-bar &-tab-active {\n height: 32px;\n padding-bottom: 5px;\n background: @white;\n transform: translateZ(0);\n border-color: @border-color-base;\n color: @primary-color;\n\n &::after {\n display: none;\n }\n }\n &-card > &-bar &-nav-wrap {\n margin-bottom: 0;\n }\n &-card > &-bar &-tab &-close {\n .size(0,22px);\n font-size: 22px;\n margin-right: 0;\n color: @legend-color;\n text-align: right;\n vertical-align: middle;\n overflow: hidden;\n position: relative;\n top: 5px;\n transform-origin: 100% 50%;\n transition: all 0.3s @ease-in-out;\n &:hover {\n color: #444;\n }\n }\n\n &-card > &-bar &-tab-active &-close,\n &-card > &-bar &-tab:hover &-close {\n width: 22px;\n transform: translateZ(0);\n margin-right: -6px;\n }\n}\n\n.@{tabs-prefix-cls}-no-animation{\n > .@{tabs-prefix-cls}-content {\n transform: none!important;\n\n > .@{tabs-prefix-cls}-tabpane-inactive {\n display: none;\n }\n }\n}\n\n@{tabs-tag-name} {\n .@{tabs-prefix-cls}-content-animated {\n display: flex;\n flex-direction: row;\n will-change: transform;\n transition: transform .3s @ease-in-out;\n }\n\n @{tab-pane}{\n display: none;\n flex-shrink: 0;\n width: 100%;\n transition: opacity .3s;\n opacity: 1;\n outline: none;\n }\n\n .@{tabs-prefix-cls}-tabpane-inactive {\n opacity: 0;\n height: 0;\n }\n}"
},
{
"path": "src/styles/components/tag.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n@import '../color/colors.less';\n\n@tag-tag-name: r-tag;\n@tag-prefix-cls: ~\"@{css-prefix}tag\";\n@tag-close-prefix-cls: rab-icon-ios-close;\n\n@{tag-tag-name} {\n display: inline-block;\n height: 22px;\n line-height: 22px;\n margin: 2px 4px 2px 0;\n padding: 0 8px;\n border: 1px solid @border-color-split;\n border-radius: @btn-border-radius-small;\n background: @background-color-base;\n font-size: @tag-font-size;\n vertical-align: middle;\n opacity: 1;\n overflow: hidden;\n\n &:hover {\n opacity: 0.85;\n }\n\n .@{tag-close-prefix-cls} {\n .iconfont-size-under-12px(20px);\n cursor: pointer;\n margin-left: 2px;\n color: #666;\n opacity: 0.66;\n position: relative;\n top: -5px;\n \n &:hover {\n opacity: 1;\n }\n }\n}\n\n.@{tag-prefix-cls} {\n &-size-large{\n height: 32px;\n line-height: 32px;\n padding: 0 12px;\n }\n &-size-medium{\n height: 28px;\n line-height: 28px;\n padding: 0 10px;\n }\n\n // for color and unchecked\n @{tag-tag-name}:not(&-border):not(&-dot):not(&-checked){\n background: transparent;\n border: 0;\n color: @text-color;\n .@{tag-close-prefix-cls} {\n color: @text-color !important;\n }\n }\n\n &-color{\n &-error{\n color: @error-color !important;\n border-color: @error-color;\n }\n &-success{\n color: @success-color !important;\n border-color: @success-color;\n }\n &-primary{\n color: @link-color !important;\n border-color: @link-color;\n }\n &-warning{\n color: @warning-color !important;\n border-color: @warning-color;\n }\n &-white{\n color: rgb(255, 255, 255) !important;\n }\n }\n\n &-dot{\n height: 32px;\n line-height: 32px;\n border: 1px solid @border-color-split !important;\n color: @text-color !important;\n background: @white !important;\n padding: 0 12px;\n\n &-inner{\n display: inline-block;\n width: 12px;\n height: 12px;\n margin-right: 8px;\n border-radius: 50%;\n background: @border-color-split;\n position: relative;\n top: 1px;\n }\n .@{tag-close-prefix-cls} {\n color: #666 !important;\n margin-left: 12px !important;\n }\n }\n\n &-border{\n height: 24px;\n line-height: 24px;\n border: 1px solid @border-color-split;\n color: @border-color-split;\n background: @white !important;\n position: relative;\n\n .@{tag-close-prefix-cls} {\n color: #666;\n margin-left: 12px !important;\n }\n\n &:after{\n content: \"\";\n display: none;\n width: 1px;\n background: currentColor;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 22px;\n }\n\n &.@{tag-prefix-cls}-closable {\n &:after{\n display: block;\n }\n .@{tag-close-prefix-cls} {\n margin-left: 18px !important;\n left: 4px;\n top: -5px;\n }\n }\n\n &.@{tag-prefix-cls}-primary {\n color: @link-color !important;\n border: 1px solid @link-color !important;\n\n &:after{\n background: @link-color;\n }\n .@{tag-close-prefix-cls}{\n color: @link-color !important;\n }\n }\n &.@{tag-prefix-cls}-success {\n color: @success-color !important;\n border: 1px solid @success-color !important;\n\n &:after{\n background: @success-color;\n }\n .@{tag-close-prefix-cls}{\n color: @success-color !important;\n }\n }\n &.@{tag-prefix-cls}-warning {\n color: @warning-color !important;\n border: 1px solid @warning-color !important;\n\n &:after{\n background: @warning-color;\n }\n .@{tag-close-prefix-cls}{\n color: @warning-color !important;\n }\n }\n &.@{tag-prefix-cls}-error {\n color: @error-color !important;\n border: 1px solid @error-color !important;\n\n &:after{\n background: @error-color;\n }\n .@{tag-close-prefix-cls}{\n color: @error-color !important;\n }\n }\n }\n\n &-text {\n a:first-child:last-child {\n display: inline-block;\n margin: 0 -8px;\n padding: 0 8px;\n }\n color: @text-color;\n }\n\n &-primary,\n &-success,\n &-warning,\n &-error {\n border: 0;\n &,\n a,\n a:hover,\n .@{tag-close-prefix-cls},\n .@{tag-close-prefix-cls}:hover {\n color: @white;\n }\n }\n\n &-primary,\n &-primary&-dot &-dot-inner\n {\n background: @link-color;\n }\n\n &-success,\n &-success&-dot &-dot-inner\n {\n background: @success-color;\n }\n\n &-warning,\n &-warning&-dot &-dot-inner\n {\n background: @warning-color;\n }\n\n &-error,\n &-error&-dot &-dot-inner\n {\n background: @error-color;\n }\n\n @colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue, purple;\n\n .make-color-classes(@i: length(@colors)) when (@i > 0) {\n .make-color-classes(@i - 1);\n @color: extract(@colors, @i);\n @lightColor: \"@{color}-1\";\n @lightBorderColor: \"@{color}-3\";\n @darkColor: \"@{color}-6\";\n &-@{color} {\n line-height: 20px;\n background: @@lightColor;\n border-color: @@lightBorderColor;\n .@{tag-prefix-cls}-text{\n color: @@darkColor !important;\n }\n &.@{tag-prefix-cls}-dot{\n line-height: 32px;\n }\n }\n .rab-tag-size-large&-@{color} {\n line-height: 30px;\n }\n .rab-tag-size-medium&-@{color} {\n line-height: 26px;\n }\n }\n\n .make-color-classes();\n}"
},
{
"path": "src/styles/components/time.less",
"content": "@import '../custom.less';\n\n@time-tag-name: r-time;\n@time-prefix-cls: ~'@{css-prefix}time';\n\n@{time-tag-name} {\n display: inline-block;\n}\n\n.@{time-prefix-cls} {\n &-with-hash {\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n"
},
{
"path": "src/styles/components/timeline.less",
"content": "@import '../custom.less';\n@import '../mixins/size.less';\n\n@timeline-tag-name: r-timeline;\n@timeline-prefix-cls: ~'@{css-prefix}timeline';\n@timeline-color: @border-color-split;\n\n.@{timeline-prefix-cls} {\n &-item {\n &-tail {\n height: 100%;\n border-left: @border-width-base @border-style-base @timeline-color;\n position: absolute;\n left: 5px;\n top: 0;\n }\n\n &-head {\n .size(13px,13px);\n background-color: @white;\n border-radius: 50%;\n border: 1px @border-style-base transparent;\n position: absolute;\n\n &-blue {\n border-color: @primary-color;\n color: @primary-color;\n }\n &-red {\n border-color: @error-color;\n color: @error-color;\n }\n &-green {\n border-color: @success-color;\n color: @success-color;\n }\n &-gray {\n border-color: #ccc;\n color: #ccc;\n }\n }\n\n &-head-custom {\n .size(40px,auto);\n margin-top: 6px;\n padding: 3px 0;\n text-align: center;\n line-height: @line-height-base;\n border: 0;\n border-radius: 0;\n font-size: @font-size-base;\n position: absolute;\n left: -15px;\n transform: translateY(-50%);\n\n .rab-icon {\n font-size: @font-size-large;\n }\n }\n\n &-content {\n padding: 1px 1px 10px 22px;\n font-size: @font-size-base;\n position: relative;\n top: -10px;\n }\n }\n}\n\n@{timeline-tag-name} {\n display: block;\n margin: 0;\n padding: 0;\n\n &-item {\n display: block;\n margin: 0 !important;\n padding: 0 0 @padding-sm 0;\n position: relative;\n\n &:last-child {\n .@{timeline-prefix-cls}-item-tail {\n display: none;\n }\n }\n }\n\n &[pending='true'] @{timeline-tag-name}-item:nth-last-of-type(2) {\n .@{timeline-prefix-cls}-item-tail {\n border-left: @border-width-base dotted @timeline-color;\n }\n\n .@{timeline-prefix-cls}-item-content {\n min-height: 48px;\n }\n }\n}\n"
},
{
"path": "src/styles/components/tooltip.less",
"content": "@import '../color/colors.less';\n@import '../custom.less';\n@import '../mixins/tooltip.less';\n@import '../animation/zoom.less';\n\n@tooltip-tag-name: r-tooltip;\n@tooltip-prefix-cls: ~'@{css-prefix}tooltip';\n@tooltip-arrow: ~'@{tooltip-prefix-cls}-arrow';\n@tooltip-max-width: 250px;\n@tooltip-arrow-width: 5px;\n@tooltip-distance: @tooltip-arrow-width - 1 + 4;\n\n@tooltip-arrow-width-light: 7px;\n@tooltip-distance-light: @tooltip-arrow-width-light - 1 + 4;\n@tooltip-arrow-outer-width-light: (@tooltip-arrow-width-light + 1);\n@tooltip-arrow-color: hsla(0, 0%, 85%, 0.5);\n\n@{tooltip-tag-name} {\n display: inline-block;\n\n .@{tooltip-prefix-cls} {\n &-rel {\n display: inline-block;\n position: relative;\n width: inherit;\n }\n\n &-popper {\n .popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg);\n }\n\n &-inner {\n max-width: @tooltip-max-width;\n min-height: 34px;\n padding: 8px 12px;\n color: @tooltip-color;\n text-align: left;\n text-decoration: none;\n background-color: @tooltip-bg;\n border-radius: @border-radius-base;\n box-shadow: @shadow-base;\n white-space: nowrap;\n }\n\n &-with-width {\n white-space: pre-wrap;\n text-align: justify;\n word-wrap: break-word;\n word-break: break-all;\n }\n\n &-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n.@{tooltip-prefix-cls} {\n &-light&-popper {\n .popper(@tooltip-arrow, @tooltip-arrow-width-light, @tooltip-distance-light, @tooltip-arrow-color);\n\n &[x-placement^='top'] .@{tooltip-arrow}:after {\n content: ' ';\n bottom: 1px;\n margin-left: -@tooltip-arrow-width-light;\n border-bottom-width: 0;\n border-top-width: @tooltip-arrow-width-light;\n border-top-color: @white;\n }\n\n &[x-placement^='right'] .@{tooltip-arrow}:after {\n content: ' ';\n left: 1px;\n bottom: -@tooltip-arrow-width-light;\n border-left-width: 0;\n border-right-width: @tooltip-arrow-width-light;\n border-right-color: @white;\n }\n\n &[x-placement^='bottom'] .@{tooltip-arrow}:after {\n content: ' ';\n top: 1px;\n margin-left: -@tooltip-arrow-width-light;\n border-top-width: 0;\n border-bottom-width: @tooltip-arrow-width-light;\n border-bottom-color: @white;\n }\n\n &[x-placement^='left'] .@{tooltip-arrow}:after {\n content: ' ';\n right: 1px;\n border-right-width: 0;\n border-left-width: @tooltip-arrow-width-light;\n border-left-color: @white;\n bottom: -@tooltip-arrow-width-light;\n }\n }\n\n &-light &-inner {\n background-color: @white;\n color: @text-color;\n }\n\n &-light {\n .@{tooltip-arrow} {\n &:after {\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n border-color: transparent;\n border-style: solid;\n content: '';\n border-width: @tooltip-arrow-width-light;\n }\n\n border-width: @tooltip-arrow-outer-width-light;\n }\n }\n}\n\n// v2.0，新增多种可选的预设颜色\n@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,\n purple;\n\n.generator-tooltip-preset-color(@i: length(@preset-colors)) when (@i > 0) {\n .generator-tooltip-preset-color(@i - 1);\n\n @color: extract(@preset-colors, @i);\n @lightColor: '@{color}-6';\n\n .@{tooltip-prefix-cls} {\n &-popper&-@{color} {\n .popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @@lightColor);\n\n .@{tooltip-prefix-cls}-inner {\n background-color: @@lightColor;\n }\n }\n }\n}\n.generator-tooltip-preset-color();\n"
},
{
"path": "src/styles/copyright.less",
"content": "/*!\n* RabbitUI\n* Web: https://www.rabbitui.cn\n* Github: https://github.com/niu-grandpa/rabbit-ui\n* Author: 钟瑞鸿 (Ryan John)\n*/\n"
},
{
"path": "src/styles/custom.less",
"content": "// Prefix\n@css-prefix: rab-;\n@css-prefix-iconfont: rab-icon;\n\n// Color\n@primary-color: #1890ff;\n@info-color: #2db7f5;\n@success-color: #52c41a;\n@processing-color: @primary-color;\n@warning-color: #faad14;\n@error-color: #ff4d4f;\n@normal-color: #e6ebf1;\n@disabled-color: #c5c8ce;\n@link-color: #1890ff;\n@link-hover-color: tint(@link-color, 20%);\n@link-active-color: shade(@link-color, 5%);\n@selected-color: fade(@primary-color, 90%);\n@tooltip-color: #fff;\n@subsidiary-color: #808695;\n@rate-star-color: #faad14;\n@white: #fff;\n@black: #141414;\n\n// Base\n@body-background: #fff;\n@component-background: #fff;\n@font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,\n sans-serif, Apple Color, Segoe UI, Segoe UI Symbol, Noto Color;\n@code-family: Consolas, Menlo, Courier, monospace;\n@title-color: #2c3e50;\n@text-color: #55585e;\n@text-color-secondary: fade(@black, 45%);\n@heading-color: fade(#000, 85%);\n@heading-color-dark: fade(@white, 100%);\n@font-size-base: 14px;\n@font-size-small: 12px;\n@font-size-large: @font-size-base + 2px;\n@line-height-base: 1.5;\n@line-height-computed: floor((@font-size-base * @line-height-base));\n@border-radius-base: 2px;\n@cursor-disabled: not-allowed;\n\n// vertical paddings\n@padding-lg: 24px; // containers\n@padding-md: 16px; // small containers and buttons\n@padding-sm: 12px; // Form controls and items\n@padding-xs: 8px; // small items\n\n// Border color\n@border-color-base: #dcdee2; // outside\n@border-color-split: #e8eaec; // inside\n@border-width-base: 1px; // width of the border for a component\n@border-style-base: solid; // style of a components border\n\n// Background color\n@background-color-base: #fafafa; // base\n@background-color-select-hover: @input-disabled-bg;\n@tooltip-bg: rgba(0, 0, 0, 0.75);\n@head-bg: #f9fafc;\n@table-thead-bg: #f8f8f9;\n@table-td-stripe-bg: #f8f8f9;\n@table-td-hover-bg: #ebf7ff;\n@table-td-highlight-bg: #ebf7ff;\n@menu-dark-title: #55585e;\n@menu-dark-active-bg: #363e4f;\n@menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);\n@menu-dark-group-title-color: rgba(255, 255, 255, 0.36);\n@date-picker-cell-hover-bg: #e1f0fe;\n\n// Shadow\n@shadow-color: rgba(0, 0, 0, 0.15);\n@shadow-base: @shadow-down;\n@shadow-card: 0 2px 8px 0 rgba(0, 0, 0, 0.1);\n@shadow-up: 0 -1px 6px @shadow-color;\n@shadow-down: 0 4px 12px @shadow-color;\n@shadow-left: -1px 0 6px @shadow-color;\n@shadow-right: 1px 0 6px @shadow-color;\n\n// Button\n@btn-height-base: 32px;\n@btn-height-large: 40px;\n@btn-height-small: 24px;\n\n@btn-padding-base: 0 @padding-md - 1px;\n@btn-padding-large: @btn-padding-base;\n@btn-padding-small: 0 @padding-xs - 1px;\n\n@btn-font-weight: normal;\n@btn-padding-base-icon: 5px 15px 6px;\n@btn-padding-large-icon: 6px 15px 6px 15px;\n@btn-padding-small-icon: 1px 7px 2px;\n@btn-font-size: @font-size-base;\n@btn-font-size-large: @font-size-large;\n@btn-font-size-small: @font-size-base;\n@btn-border-radius: 2px;\n@btn-border-radius-small: 1px;\n@btn-group-border: hsla(0, 0%, 100%, 0.5);\n\n@btn-disable-color: #c5c8ce;\n@btn-disable-bg: @background-color-base;\n@btn-disable-border: @border-color-base;\n\n@btn-default-color: @text-color;\n@btn-default-bg: #fff;\n@btn-default-border: @border-color-base;\n\n@btn-primary-color: #fff;\n@btn-primary-bg: @primary-color;\n\n@btn-ghost-color: @text-color;\n@btn-ghost-bg: #fff;\n@btn-ghost-border: @border-color-base;\n\n@btn-circle-size: @btn-height-base;\n@btn-circle-size-large: @btn-height-large;\n@btn-circle-size-small: @btn-height-small;\n\n@btn-square-size: @btn-height-base;\n@btn-square-size-large: @btn-height-large;\n@btn-square-size-small: @btn-height-small;\n\n// Layout and Grid\n@grid-columns: 24;\n@grid-gutter-width: 0;\n@layout-body-background: #f5f7f9;\n@layout-header-background: #55585e;\n@layout-header-height: 64px;\n@layout-header-padding: 0 50px;\n@layout-footer-padding: 24px 50px;\n@layout-footer-background: @layout-body-background;\n@layout-sider-background: @layout-header-background;\n@layout-trigger-height: 48px;\n@layout-trigger-color: #fff;\n@layout-zero-trigger-width: 36px;\n@layout-zero-trigger-height: 42px;\n\n// Legend\n@legend-color: #999;\n\n// Input\n@input-height-base: 32px;\n@input-height-large: 40px;\n@input-height-small: 24px;\n\n@input-padding-horizontal: 7px;\n@input-padding-vertical-base: 4px;\n@input-padding-vertical-small: 1px;\n@input-padding-vertical-large: 6px;\n\n@input-placeholder-color: @btn-disable-color;\n@input-color: @text-color;\n@input-border-color: @border-color-base;\n@input-bg: #fff;\n@input-group-bg: #f8f8f9;\n\n@input-hover-border-color: @primary-color;\n@input-focus-border-color: @primary-color;\n@input-disabled-bg: #f3f3f3;\n\n// Tag\n@tag-font-size: 12px;\n\n// Media queries breakpoints\n// Extra small screen / phone\n@screen-xs: 480px;\n@screen-xs-min: @screen-xs;\n@screen-xs-max: (@screen-xs-min - 1);\n\n// Small screen / tablet\n@screen-sm: 576px;\n@screen-sm-min: @screen-sm;\n@screen-sm-max: (@screen-sm-min - 1);\n\n// Medium screen / desktop\n@screen-md: 768px;\n@screen-md-min: @screen-md;\n@screen-md-max: (@screen-md-min - 1);\n\n// Large screen / wide desktop\n@screen-lg: 992px;\n@screen-lg-min: @screen-lg;\n@screen-lg-max: (@screen-lg-min - 1);\n\n// Extra large screen / full hd\n@screen-xl: 1200px;\n@screen-xl-min: @screen-xl;\n@screen-xl-max: (@screen-xl-min - 1);\n\n// Extra extra large screen / large descktop\n@screen-xxl: 1600px;\n@screen-xxl-min: @screen-xxl;\n@screen-xxl-max: (@screen-xxl-min - 1);\n\n// Z-index\n@zindex-spin: 8;\n@zindex-affix: 10;\n@zindex-back-top: 10;\n@zindex-select: 900;\n@zindex-modal: 1000;\n@zindex-drawer: 1000;\n@zindex-message: 1010;\n@zindex-notification: 1010;\n@zindex-tooltip: 1060;\n@zindex-transfer: 1060;\n@zindex-loading-bar: 2000;\n@zindex-spin-fullscreen: 2010;\n\n// Animation\n@animation-time: 0.3s;\n@animation-time-quick: 0.15s;\n@transition-time: 0.2s;\n@ease-in-out: ease-in-out;\n\n// Slider\n@slider-color: tint(@primary-color, 20%);\n@slider-height: 4px;\n@slider-margin: 16px 0;\n@slider-button-wrap-size: 18px;\n@slider-button-wrap-offset: -5px;\n@slider-disabled-color: #ccc;\n\n// Avatar\n@avatar-size-base: 32px;\n@avatar-size-lg: 40px;\n@avatar-size-sm: 24px;\n@avatar-font-size-base: 18px;\n@avatar-font-size-lg: 24px;\n@avatar-font-size-sm: 14px;\n@avatar-bg: #ccc;\n@avatar-color: #fff;\n@avatar-border-radius: @border-radius-base;\n\n// Anchor\n@anchor-border-width: 2px;\n\n// List\n@list-header-background: transparent;\n@list-footer-background: transparent;\n@list-empty-text-padding: @padding-md;\n@list-item-padding: @padding-sm 0;\n@list-item-meta-margin-bottom: @padding-md;\n@list-item-meta-avatar-margin-right: @padding-md;\n@list-item-meta-title-margin-bottom: @padding-sm;\n"
},
{
"path": "src/styles/index.less",
"content": "@import './copyright.less';\n@import './custom';\n@import './mixins/index';\n@import './common/index';\n@import './animation/index';\n@import './components/index';"
},
{
"path": "src/styles/mixins/button.less",
"content": ".button-size(@height; @padding; @font-size; @border-radius) {\n height: @height;\n padding: @padding;\n font-size: @font-size;\n border-radius: @border-radius;\n}\n\n.button-color(@color; @background; @border) {\n color: @color;\n background-color: @background;\n border-color: @border;\n\n >a:only-child {\n color: currentColor;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n }\n}\n\n.button-variant(@color; @background; @border) {\n .button-color(@color; @background; @border);\n\n &:hover //&:focus\n\n {\n .button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));\n }\n\n &:active,\n &.active {\n .button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));\n }\n\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);\n }\n }\n}\n\n.button-group-base(@btnClassName) {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n\n >.@{btnClassName} {\n position: relative;\n float: left;\n\n &:hover,\n //&:focus,\n &:active,\n &.active {\n z-index: 2;\n }\n }\n\n &-circle .@{btnClassName} {\n border-radius: @btn-circle-size;\n }\n\n // size\n &-lg&-circle .@{btnClassName} {\n border-radius: @btn-circle-size-large;\n }\n\n &-lg {\n &>.@{btnClassName} {\n .button-size(@btn-height-large; @btn-padding-large; @btn-font-size-large; @btn-border-radius);\n }\n }\n\n &-sm&-circle .@{btnClassName} {\n border-radius: @btn-circle-size-small;\n }\n\n &-sm {\n &>.@{btnClassName} {\n .button-size(@btn-height-small; @btn-padding-small; @btn-font-size; @btn-border-radius-small);\n\n >.@{css-prefix-iconfont} {\n font-size: @btn-font-size;\n }\n }\n }\n\n &-sm .@{btnClassName}-icon-only {\n .square(@btn-height-small);\n padding: 0;\n }\n\n &-lg .@{btnClassName}-icon-only {\n .square(@btn-height-large);\n padding: 0;\n }\n}\n\n.button-group-vertical-base(@btnClassName) {\n display: inline-block;\n vertical-align: middle;\n\n >.@{btnClassName} {\n display: block;\n width: 100%;\n max-width: 100%;\n float: none;\n min-width: @btn-height-base;\n\n }\n\n &.@{btnClassName}-group-small>.@{btnClassName} {\n min-width: @btn-height-small;\n }\n\n &.@{btnClassName}-group-large>.@{btnClassName} {\n min-width: @btn-height-large;\n }\n}\n\n// square button: the content only contains icon\n.btn-square(@btnClassName) {\n .square(@btn-square-size);\n .button-size(@btn-square-size; 0; @font-size-base + 2px; @btn-border-radius);\n\n &.@{btnClassName}-large {\n .square(@btn-square-size-large);\n .button-size(@btn-square-size-large; 0; @btn-font-size-large + 2px; @btn-border-radius);\n }\n\n &.@{btnClassName}-small {\n .square(@btn-square-size-small);\n .button-size(@btn-square-size-small; 0; @font-size-base; @btn-border-radius);\n }\n}\n\n.btn() {\n display: inline-block;\n margin-bottom: 0;\n font-weight: @btn-font-weight;\n text-align: center;\n vertical-align: middle;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n line-height: @line-height-base;\n user-select: none;\n .button-size(@btn-height-base; @btn-padding-base; @btn-font-size; @btn-border-radius);\n transition: color @transition-time linear, background-color @transition-time linear, border @transition-time linear, box-shadow @transition-time linear;\n\n >.@{css-prefix-iconfont} {\n line-height: 1.5;\n margin: 0 4px;\n height: 26px;\n }\n\n &-icon-only&-circle>.@{css-prefix-iconfont} {\n vertical-align: baseline;\n }\n\n >span,\n >i {\n display: inline-block;\n vertical-align: initial;\n }\n\n &,\n &:active,\n &:focus {\n outline: 0;\n }\n\n &:not([disabled]):hover {\n text-decoration: none;\n }\n\n &:not([disabled]):active {\n outline: 0;\n }\n\n &.disabled,\n &[disabled] {\n cursor: @cursor-disabled;\n\n >* {\n pointer-events: none;\n }\n }\n\n &-lg {\n .button-size(@btn-height-large; @btn-padding-large; @btn-font-size-large; @btn-border-radius);\n }\n\n &-sm {\n .button-size(@btn-height-small; @btn-padding-small; @btn-font-size; @btn-border-radius-small);\n }\n\n &-icon-only {\n .btn-square(@btn-prefix-cls);\n }\n}\n\n// Default\n.btn-default() {\n .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);\n\n &:hover //&:focus\n\n {\n .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));\n }\n\n &:active,\n &.active {\n .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));\n }\n\n .active-btn-color(@primary-color);\n}\n\n// Primary\n.btn-primary() {\n .button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);\n\n &:hover,\n //&:focus,\n &:active,\n &.active {\n color: @btn-primary-color;\n }\n\n .active-btn-color(@primary-color);\n}\n\n// Ghost\n.btn-ghost() {\n .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);\n\n &:hover //&:focus\n\n {\n .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));\n }\n\n &:active,\n &.active {\n .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));\n }\n\n .active-btn-color(@primary-color);\n}\n\n// Dashed\n.btn-dashed() {\n .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);\n border-style: dashed;\n\n &:hover //&:focus\n\n {\n .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));\n }\n\n &:active,\n &.active {\n .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));\n }\n\n .active-btn-color(@primary-color);\n}\n\n// Text\n.btn-text() {\n .button-variant(@btn-ghost-color, transparent, transparent);\n\n // for disabled\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n .button-color(@btn-disable-color; @btn-ghost-bg; transparent);\n }\n }\n\n &:hover //&:focus\n\n {\n .button-color(tint(@primary-color, 20%); @btn-ghost-bg; transparent);\n }\n\n &:active,\n &.active {\n .button-color(shade(@primary-color, 5%); @btn-ghost-bg; transparent);\n }\n\n .active-btn-color(@primary-color);\n}\n\n// Color\n// for tabindex\n.active-btn-color(@color) {\n &:focus {\n box-shadow: 0 0 0 2px fade(@color, 20%);\n }\n}\n\n.btn-color(@color) {\n .button-variant(@btn-primary-color; @color; @color);\n\n &:hover,\n //&:focus,\n &:active,\n &.active {\n color: @btn-primary-color;\n }\n\n .active-btn-color(@color);\n}\n\n// Circle for Icon\n.btn-circle(@btnClassName: ivu-btn) {\n border-radius: @btn-circle-size;\n\n &.@{btnClassName}-large {\n border-radius: @btn-circle-size-large;\n }\n\n &.@{btnClassName}-size {\n border-radius: @btn-circle-size-small;\n }\n\n &.@{btnClassName}-icon-only {\n .square(@btn-circle-size);\n .button-size(@btn-height-base; 0; @font-size-base + 2; 50%);\n\n &.@{btnClassName}-large {\n .square(@btn-circle-size-large);\n .button-size(@btn-height-large; 0; @btn-font-size-large + 2; 50%);\n }\n\n &.@{btnClassName}-small {\n .square(@btn-circle-size-small);\n .button-size(@btn-height-small; 0; @font-size-base; 50%);\n }\n }\n}\n\n// Group\n.btn-group(@btnClassName: ivu-btn) {\n .button-group-base(@btnClassName);\n\n .@{btnClassName}+.@{btnClassName},\n .@{btnClassName}+&,\n &+.@{btnClassName},\n &+& {\n margin-left: -1px;\n }\n\n .@{btnClassName}:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n\n &:not(&-vertical)>.@{btnClassName}:first-child {\n margin-left: 0;\n\n &:not(:last-child) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &:not(&-vertical)>.@{btnClassName}:last-child:not(:first-child) {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n\n &>& {\n float: left;\n }\n\n &>&:not(:first-child):not(:last-child)>.@{btnClassName} {\n border-radius: 0;\n }\n\n &:not(&-vertical)>&:first-child:not(:last-child) {\n >.@{btnClassName}:last-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n padding-right: 8px;\n }\n }\n\n &:not(&-vertical)>&:last-child:not(:first-child)>.@{btnClassName}:first-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n padding-left: 8px;\n }\n}\n\n.btn-group-vertical(@btnClassName: ivu-btn) {\n .button-group-vertical-base(@btnClassName);\n\n .@{btnClassName}+.@{btnClassName},\n .@{btnClassName}+&,\n &+.@{btnClassName},\n &+& {\n margin-top: -1px;\n margin-left: 0px;\n }\n\n >.@{btnClassName}:first-child {\n margin-top: 0;\n\n &:not(:last-child) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n >.@{btnClassName}:last-child:not(:first-child) {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &>&:first-child:not(:last-child) {\n >.@{btnClassName}:last-child {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding-bottom: 8px;\n }\n }\n\n &>&:last-child:not(:first-child)>.@{btnClassName}:first-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n padding-top: 8px;\n }\n}"
},
{
"path": "src/styles/mixins/caret.less",
"content": "// sortable\n.sortable() {\n display: inline-block;\n width: 14px;\n height: 12px;\n margin-top: -1px;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n\n i {\n display: block;\n height: 6px;\n line-height: 6px;\n overflow: hidden;\n position: absolute;\n color: @btn-disable-color;\n transition: color @transition-time @ease-in-out;\n font-size: @font-size-large;\n\n &:hover{\n color: inherit;\n }\n\n &.on{\n color: @primary-color;\n }\n\n &:first-child{\n top: 0;\n }\n &:last-child{\n bottom: 0;\n }\n }\n}"
},
{
"path": "src/styles/mixins/checkbox.less",
"content": ".checkbox-size() {\n &[size='large'] {\n font-size: @font-size-large;\n\n .@{checkbox-inner-prefix-cls} {\n .square(18px);\n\n &:after {\n .size(5px, 9px);\n }\n }\n\n &.@{checkbox-prefix-cls}-checked {\n .@{checkbox-inner-prefix-cls} {\n &:after {\n width: 6px;\n height: 10px;\n }\n }\n }\n\n .@{checkbox-prefix-cls}-indeterminate {\n .@{checkbox-inner-prefix-cls}:after {\n width: 12px;\n top: 7px;\n }\n }\n }\n\n &[size='small'] {\n font-size: @font-size-base;\n\n .@{checkbox-inner-prefix-cls} {\n .square(14px);\n\n &:after {\n top: 0;\n left: 3px;\n }\n }\n\n &.@{checkbox-prefix-cls}-checked {\n .@{checkbox-inner-prefix-cls} {\n &:after {\n top: 1px;\n left: 4px;\n }\n }\n }\n\n .@{checkbox-prefix-cls}-indeterminate {\n .@{checkbox-inner-prefix-cls}:after {\n width: 8px;\n top: 5px;\n }\n }\n }\n}\n\n.size-with-border(@size, @height, @px, @padding) {\n @{checkbox-tag-name}[size=~'\"@{size}\"'][type='border'],\n @{checkbox-group-tag}[size=~'\"@{size}\"'] @{checkbox-tag-name}[type='border'] {\n height: @height;\n line-height: @height - @px;\n padding: @padding;\n }\n}\n"
},
{
"path": "src/styles/mixins/clearfix.less",
"content": ".clearfix() {\n zoom: 1;\n &:before,\n &:after {\n content: \"\";\n display: table;\n }\n &:after {\n clear: both;\n visibility: hidden;\n font-size: 0;\n height: 0;\n }\n}\n"
},
{
"path": "src/styles/mixins/close.less",
"content": ".close-base(@top: 0, @icon-font-size: 22px) {\n font-size: @icon-font-size;\n color: @legend-color;\n transition: color @transition-time ease;\n position: relative;\n top: @top;\n &:hover {\n color: #666;\n }\n}\n"
},
{
"path": "src/styles/mixins/common.less",
"content": ".placeholder(@color: @input-placeholder-color) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n // Internet Explorer 10+\n &:-ms-input-placeholder {\n color: @color;\n }\n // Safari and Chrome\n &::-webkit-input-placeholder {\n color: @color;\n }\n}\n\n// for select and input like component's arrow\n.inner-arrow() {\n position: absolute;\n top: 50%;\n right: 8px;\n line-height: @line-height-base;\n transform: translateY(-50%);\n font-size: @font-size-base;\n color: @subsidiary-color;\n transition: all @transition-time @ease-in-out;\n}\n\n.reset-component() {\n font-family: @font-family;\n font-size: @font-size-base;\n line-height: @line-height-base;\n color: @text-color;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n}"
},
{
"path": "src/styles/mixins/content.less",
"content": "@import './close.less';\n\n@icon-prefix-cls: ~'@{css-prefix}icon';\n\n.content-header() {\n border-bottom: 1px solid @border-color-split;\n padding: 14px 16px;\n line-height: @line-height-base;\n font-size: @font-size-large;\n color: @title-color;\n\n p,\n &-inner {\n display: inline-block;\n width: 100%;\n height: 20px;\n line-height: 20px;\n font-size: @font-size-large;\n color: @title-color;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.content-close(@top: 0, @icon-font-size: 22px) {\n font-size: @font-size-small;\n position: absolute;\n right: 8px;\n top: 8px;\n overflow: hidden;\n cursor: pointer;\n\n .@{icon-prefix-cls}-ios-close {\n .close-base(@top, @icon-font-size);\n }\n}"
},
{
"path": "src/styles/mixins/index.less",
"content": "@import 'common';\n@import 'clearfix';\n@import 'button';\n@import 'layout';\n@import 'size';\n@import 'loading';\n@import 'close';\n@import 'input';\n@import 'mask';\n@import 'content'; // card、modal\n@import 'tooltip';\n@import 'select';\n@import 'caret';\n"
},
{
"path": "src/styles/mixins/input.less",
"content": ".hover(@color: @input-hover-border-color) {\n border-color: tint(@color, 20%);\n}\n.hover-error() {\n border-color: @error-color;\n}\n\n.active(@color: @input-hover-border-color) {\n border-color: tint(@color, 20%);\n outline: 0;\n box-shadow: 0 0 0 2px fade(@color, 20%);\n}\n.active-error() {\n border-color: @error-color;\n outline: 0;\n box-shadow: 0 0 0 2px fade(@error-color, 20%);\n}\n\n.disabled() {\n background-color: @input-disabled-bg;\n opacity: 1;\n cursor: @cursor-disabled;\n color: #ccc;\n &:hover {\n .hover(@input-border-color);\n }\n}\n\n.input-large() {\n font-size: @font-size-large;\n padding: @input-padding-vertical-large @input-padding-horizontal;\n height: @input-height-large;\n}\n\n.input-small() {\n padding: @input-padding-vertical-small @input-padding-horizontal;\n height: @input-height-small;\n border-radius: @btn-border-radius-small;\n}\n\n.input() {\n display: inline-block;\n width: 100%;\n height: @input-height-base;\n line-height: @line-height-base;\n padding: @input-padding-vertical-base @input-padding-horizontal;\n font-size: @font-size-base;\n border: 1px solid @input-border-color;\n border-radius: @btn-border-radius;\n color: @input-color;\n background-color: @input-bg;\n background-image: none;\n position: relative;\n cursor: text;\n .placeholder();\n transition: border @transition-time @ease-in-out, background @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out;\n\n &:hover {\n .hover();\n }\n\n &:focus {\n .active();\n }\n\n &[disabled],\n fieldset[disabled] & {\n .disabled();\n }\n\n // Reset height for textarea\n textarea& {\n max-width: 100%;\n height: auto;\n min-height: @input-height-base;\n vertical-align: bottom;\n font-size: @font-size-base;\n }\n\n // Size\n &-large {\n .input-large();\n }\n\n &-small {\n .input-small();\n }\n}\n\n.input-error() {\n border: 1px solid @error-color;\n &:hover {\n .hover-error();\n }\n &:focus {\n .active-error();\n }\n}\n\n.input-group(@inputClass) {\n display: table;\n width: 100%;\n border-collapse: separate;\n position: relative;\n font-size: @font-size-base;\n\n .ivu-form-inline &{\n top: 1px; // fixed when using in form inline,\n }\n\n &-large{\n font-size: @font-size-large;\n }\n\n // Undo padding and float of grid classes\n &[class*=\"col-\"] {\n float: none;\n padding-left: 0;\n padding-right: 0;\n }\n\n > [class*=\"col-\"] {\n padding-right: 8px;\n }\n\n &-prepend,\n &-append,\n > .@{inputClass} {\n display: table-cell;\n\n //&:not(:first-child):not(:last-child) {\n // border-radius: 0;\n //}\n }\n &-with-prepend .@{inputClass},\n &-with-prepend&-small .@{inputClass}\n {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n &-with-append .@{inputClass},\n &-with-append&-small .@{inputClass}\n {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &-prepend .@{css-prefix}btn,\n &-append .@{css-prefix}btn\n {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n margin: -(@input-padding-vertical-base + 2) (-@input-padding-horizontal);\n }\n\n &-prepend,\n &-append\n {\n width: 1px; // To make addon/wrap as small as possible\n white-space: nowrap;\n vertical-align: middle;\n }\n\n .@{inputClass} {\n width: 100%;\n float: left;\n margin-bottom: 0;\n position: relative;\n z-index: 2;\n }\n\n &-prepend,\n &-append\n {\n padding: @input-padding-vertical-base @input-padding-horizontal;\n font-size: inherit;\n font-weight: normal;\n line-height: 1;\n color: @input-color;\n text-align: center;\n background-color: @input-group-bg;\n border: 1px solid @input-border-color;\n border-radius: @btn-border-radius;\n\n // Reset Select's style in addon\n .@{css-prefix}select {\n margin: -(@input-padding-vertical-base + 1) (-@input-padding-horizontal); // lesshint spaceAroundOperator: false\n\n &-selection {\n background-color: inherit;\n margin: -1px;\n border: 1px solid transparent;\n }\n\n &-visible .@{css-prefix}select-selection{\n box-shadow: none;\n }\n }\n }\n\n // Reset rounded corners\n > span > .@{inputClass}:first-child,\n > .@{inputClass}:first-child,\n &-prepend\n {\n border-bottom-right-radius: 0 !important;\n border-top-right-radius: 0 !important;\n\n // Reset Select's style in addon\n .@{css-prefix}-select .@{css-prefix}-select-selection {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &-prepend {\n border-right: 0;\n }\n &-append {\n border-left: 0;\n }\n\n > .@{inputClass}:last-child,\n &-append\n {\n border-bottom-left-radius: 0 !important;\n border-top-left-radius: 0 !important;\n\n // Reset Select's style in addon\n .@{css-prefix}-select .@{css-prefix}-select-selection {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n }\n\n // Sizing options\n &-large .@{inputClass},\n &-large > &-prepend,\n &-large > &-append\n {\n .input-large();\n }\n\n &-small .@{inputClass},\n &-small > &-prepend,\n &-small > &-append\n {\n .input-small();\n }\n}\n\n.input-group-error{\n &-prepend,\n &-append\n {\n background-color: #fff;\n border: 1px solid @error-color;\n .@{css-prefix}select {\n &-selection {\n background-color: inherit;\n border: 1px solid transparent;\n }\n }\n }\n &-prepend {\n border-right: 0;\n }\n &-append {\n border-left: 0;\n }\n}\n"
},
{
"path": "src/styles/mixins/layout.less",
"content": "@row-prefix-cls: ~'@{css-prefix}row';\n@col-prefix-cls: ~'@{css-prefix}col';\n\n.make-row(@gutter: @grid-gutter-width) {\n position: relative;\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n height: auto;\n .clearfix();\n}\n\n.float-grid-columns(@class) {\n .col(@index) {\n // initial\n @item: ~'.@{col-prefix-cls}-span@{class}-@{index}';\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @grid-columns) {\n // general\n @item: ~'.@{col-prefix-cls}-span@{class}-@{index}';\n .col((@index + 1), ~'@{list}, @{item}');\n }\n .col(@index, @list) when (@index > @grid-columns) {\n // terminal\n @{list} {\n float: left;\n flex: 0 0 auto;\n }\n }\n .col(1); // kickstart it\n}\n\n.loop-grid-columns(@index, @class) when (@index > 0) {\n .@{col-prefix-cls}-span@{class}-@{index} {\n display: block;\n width: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-push-@{index} {\n left: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-pull-@{index} {\n right: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-offset-@{index} {\n margin-left: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-order-@{index} {\n order: @index;\n }\n .loop-grid-columns((@index - 1), @class);\n}\n\n.loop-grid-columns(@index, @class) when (@index = 0) {\n .@{col-prefix-cls}-span@{class}-@{index} {\n display: none;\n }\n .@{col-prefix-cls}@{class}-push-@{index} {\n left: auto;\n }\n .@{col-prefix-cls}@{class}-pull-@{index} {\n right: auto;\n }\n .@{col-prefix-cls}@{class}-offset-@{index} {\n margin-left: 0;\n }\n .@{col-prefix-cls}@{class}-order-@{index} {\n order: 0;\n }\n}\n\n.make-grid(@class: ~'') {\n .float-grid-columns(@class);\n .loop-grid-columns(@grid-columns, @class);\n}\n"
},
{
"path": "src/styles/mixins/loading.less",
"content": "// Loading for loop\n.rab-load-loop {\n -webkit-animation: ani-load-loop 1s linear infinite;\n animation: ani-load-loop 1s linear infinite;\n}\n\n@-webkit-keyframes ani-load-loop {\n to {\n -webkit-transform: rotate(1turn);\n transform: rotate(1turn);\n }\n}\n\n@keyframes ani-load-loop {\n to {\n -webkit-transform: rotate(1turn);\n transform: rotate(1turn);\n }\n}"
},
{
"path": "src/styles/mixins/mask.less",
"content": ".mask() {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(45, 45, 45, 0.55);\n height: 100%;\n z-index: @zindex-modal;\n\n &-hidden {\n display: none;\n }\n}"
},
{
"path": "src/styles/mixins/select.less",
"content": ".select-item(@size-class, @item-tag , @item-class) {\n @{item-tag} {\n display: block;\n margin: 0;\n line-height: normal;\n padding: 7px 16px;\n clear: both;\n color: @text-color;\n font-size: @font-size-base !important;\n white-space: nowrap;\n cursor: pointer;\n transition: all 0.3s @ease-in-out;\n\n &:hover {\n background: @background-color-select-hover;\n }\n\n &[disabled] {\n color: @btn-disable-color;\n cursor: @cursor-disabled;\n\n &:hover {\n color: @btn-disable-color;\n background-color: #fff;\n cursor: @cursor-disabled;\n }\n }\n\n &[selected],\n &[selected]:hover {\n color: @primary-color;\n background: fade(@selected-color, 10%);\n }\n\n &[selected].@{item-class}-focus {\n background: shade(@selected-color, 10%);\n }\n\n &[divided] {\n margin-top: 5px;\n border-top: 1px solid @border-color-split;\n\n &:before {\n content: '';\n height: 5px;\n display: block;\n margin: 0 -16px;\n background-color: #fff;\n position: relative;\n top: -7px;\n }\n }\n }\n\n .@{item-class} {\n &-focus {\n background: @background-color-select-hover;\n }\n\n &-enter {\n color: @primary-color;\n font-weight: bold;\n float: right;\n }\n }\n\n .@{size-class}-large @{item-tag} {\n padding: 7px 16px 8px;\n font-size: @font-size-base !important;\n }\n\n @-moz-document url-prefix() {\n @{item-tag} {\n white-space: normal;\n }\n }\n}\n"
},
{
"path": "src/styles/mixins/size.less",
"content": ".size(@width; @height) {\n width: @width;\n height: @height;\n}\n\n.square(@size) {\n .size(@size; @size);\n}\n\n// fix chrome 12px bug, support ie\n.iconfont-size-under-12px(@size, @rotate: 0deg) {\n display: inline-block;\n @font-scale: unit((@size / @font-size-base));\n font-size: @font-size-base;\n font-size: ~'@{size} \\9'; // ie8-9\n transform: scale(@font-scale) rotate(@rotate);\n :root & {\n font-size: @font-size-base; // reset ie9 and above\n }\n}\n"
},
{
"path": "src/styles/mixins/tooltip.less",
"content": ".popper(@arrow, @arrow-width, @arrow-distance, @bg){\n display: block;\n visibility: visible;\n font-size: @font-size-base;\n line-height: @line-height-base;\n position: absolute;\n z-index: @zindex-tooltip;\n\n &[x-placement^=\"top\"] {\n padding: @arrow-width 0 @arrow-distance 0;\n }\n &[x-placement^=\"right\"] {\n padding: 0 @arrow-width 0 @arrow-distance;\n }\n &[x-placement^=\"bottom\"] {\n padding: @arrow-distance 0 @arrow-width 0;\n }\n &[x-placement^=\"left\"] {\n padding: 0 @arrow-distance 0 @arrow-width;\n }\n\n &[x-placement^=\"top\"] .@{arrow} {\n bottom: @arrow-distance - @arrow-width;\n border-width: @arrow-width @arrow-width 0;\n border-top-color: @bg;\n }\n &[x-placement=\"top\"] .@{arrow} {\n left: 50%;\n margin-left: -@arrow-width;\n }\n &[x-placement=\"top-start\"] .@{arrow} {\n left: 16px;\n }\n &[x-placement=\"top-end\"] .@{arrow} {\n right: 16px;\n }\n\n &[x-placement^=\"right\"] .@{arrow} {\n left: @arrow-distance - @arrow-width;\n border-width: @arrow-width @arrow-width @arrow-width 0;\n border-right-color: @bg;\n }\n &[x-placement=\"right\"] .@{arrow} {\n top: 50%;\n margin-top: -@arrow-width;\n }\n &[x-placement=\"right-start\"] .@{arrow} {\n top: 8px;\n }\n &[x-placement=\"right-end\"] .@{arrow} {\n bottom: 8px;\n }\n\n &[x-placement^=\"left\"] .@{arrow} {\n right: @arrow-distance - @arrow-width;\n border-width: @arrow-width 0 @arrow-width @arrow-width;\n border-left-color: @bg;\n }\n &[x-placement=\"left\"] .@{arrow} {\n top: 50%;\n margin-top: -@arrow-width;\n }\n &[x-placement=\"left-start\"] .@{arrow} {\n top: 8px;\n }\n &[x-placement=\"left-end\"] .@{arrow} {\n bottom: 8px;\n }\n\n &[x-placement^=\"bottom\"] .@{arrow} {\n top: @arrow-distance - @arrow-width;\n border-width: 0 @arrow-width @arrow-width;\n border-bottom-color: @bg;\n }\n &[x-placement=\"bottom\"] .@{arrow} {\n left: 50%;\n margin-left: -@arrow-width;\n }\n &[x-placement=\"bottom-start\"] .@{arrow} {\n left: 16px;\n }\n &[x-placement=\"bottom-end\"] .@{arrow} {\n right: 16px;\n }\n}\n"
},
{
"path": "src/utils/check-type.ts",
"content": "/* eslint-disable @typescript-eslint/no-non-null-assertion */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport warn from '../mixins/warn';\n\nconst typeOf = (r: any): string => {\n const s = Object.prototype.toString.call(r);\n return s.match(/\\[object (.*?)\\]/)![1].toLowerCase();\n};\n\nconst errMsg = (right: string, wrong: string): boolean => {\n warn(\n `The expected type accepted is ${right}, but the error type currently in use is --> ${wrong}`\n );\n return false;\n};\n\nexport const isUndef = (r: any): boolean => typeof r === 'undefined';\n\nexport const isStr = (r: any): boolean =>\n typeof r === 'string' ? true : errMsg('string', typeOf(r));\n\nexport const isNum = (r: any): boolean =>\n typeof r === 'number' ? true : errMsg('number', typeOf(r));\n\nexport const isBol = (r: any): boolean =>\n typeof r === 'boolean' ? true : errMsg('boolean', typeOf(r));\n\n/**\n *\n * @param r 函数名\n * @param param 回调附带的参数。有多个参数时使用数组传递\n */\nexport const isFn = (r: any, param?: [...any] | any): any =>\n typeof r === 'function' ? r(param) : errMsg('function', typeOf(r));\n\nexport const isObj = (r: any): boolean =>\n r.constructor === Object ? true : errMsg('object', typeOf(r));\n\nexport const isArr = (r: any): boolean =>\n r.constructor === Array ? true : errMsg('array', typeOf(r));\n"
},
{
"path": "src/utils/destroy.ts",
"content": "import { warn, CssTransition } from '../mixins';\n\ninterface Options {\n key?: string | number;\n prefixKey?: string;\n fadeOut?: boolean;\n clsLeave?: string;\n clsEnter?: string;\n destroy?: boolean;\n duration?: number;\n transitionTime?: number;\n}\n\nexport function destroyElem(\n elem: any,\n {\n fadeOut = false,\n clsLeave,\n clsEnter,\n duration = 3,\n transitionTime = 250,\n destroy = true\n }: Options\n): void {\n let timer = null;\n\n // 方式一：是否只用淡出效果\n if (fadeOut) {\n isDismiss();\n CssTransition(elem, {\n inOrOut: 'out',\n enterCls: 'rab-fade-in',\n leaveCls: 'rab-fade-out',\n timeout: 250\n });\n return;\n }\n\n // 方式二：手动配置过渡效果和过渡时间\n timer = setTimeout(() => {\n isDismiss();\n CssTransition(elem, {\n inOrOut: 'out',\n enterCls: clsEnter,\n leaveCls: clsLeave,\n timeout: transitionTime\n });\n }, duration * 1000);\n\n // 自动关闭的延时为 0 则不关闭\n duration <= 0 ? clearTimeout(timer) : timer;\n\n // 判断需要销毁或者是仅隐藏元素\n function isDismiss() {\n setTimeout(() => {\n if (destroy) {\n elem.remove();\n elem = null; // 释放内存\n }\n }, transitionTime);\n }\n}\n\nexport function destroyElemByKey(options: Options): void {\n const { prefixKey, key } = options;\n const target = document.querySelector(`[${prefixKey}-key=\"${key}\"]`);\n // 传入的key是否选取得到对应的元素\n if (target) {\n destroyElem(target, options);\n }\n}\n"
},
{
"path": "src/utils/index.ts",
"content": "import * as type from './check-type';\nimport { destroyElem, destroyElemByKey } from './destroy';\nimport randomStr from './random-str';\nimport useHTMLString from './use-html-string';\nimport validComps from './validComps';\n\nexport { type, destroyElem, destroyElemByKey, randomStr, useHTMLString, validComps };\n"
},
{
"path": "src/utils/random-str.ts",
"content": "// 生成随机字符串\nexport default function (len = 32): string {\n const $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';\n const maxPos = $chars.length;\n let str = '',\n i = 0;\n for (; i < len; i++) {\n str += $chars.charAt(Math.floor(Math.random() * maxPos));\n }\n return str;\n}\n"
},
{
"path": "src/utils/use-html-string.ts",
"content": "import { setHtml, setText } from '../dom-utils';\n\n/**\n * 设置属性是否支持传入 HTML 片段\n * @param elem\n * @param content\n * @param use\n */\nexport default function isUseHTMLString(elem: Element, content: string, use?: boolean): void {\n use ? setHtml(elem, content) : setText(elem, content);\n}\n"
},
{
"path": "src/utils/validComps.ts",
"content": "/**\n * 检查是否为有效并且正确的组件\n */\nexport default function validComps(target: Element, compName: string): void {\n const r = '[Rabbit] Error: ';\n\n if (!target) {\n throw new Error(\n `The target element you selected for configuration does not exist -- > '${target}'. This error occurred in the ${compName} component`\n );\n }\n\n const targetName = target.tagName.toLowerCase().replace(/r-/, '');\n\n if (targetName !== compName) {\n throw (new Error().message = `${r}The configured component was selected incorrectly, it is not a ${compName} component --> \"${targetName}\"`);\n }\n}\n"
},
{
"path": "tsconfig.json",
"content": "{\n \"exclude\": [\"node_modules\", \"examples\", \"site\"],\n \"include\": [\"src/**/*.ts\"],\n \"compileOnSave\": true,\n \"compilerOptions\": {\n \"target\": \"es5\",\n \"module\": \"es2015\",\n \"strict\": true,\n \"jsx\": \"preserve\",\n \"declaration\": false,\n \"incremental\": true,\n \"importHelpers\": true,\n \"moduleResolution\": \"node\",\n \"experimentalDecorators\": true,\n \"esModuleInterop\": true,\n \"allowSyntheticDefaultImports\": true,\n \"sourceMap\": false,\n \"baseUrl\": \".\",\n \"lib\": [\"es5\", \"es2015.promise\", \"dom\", \"dom.iterable\", \"scripthost\"],\n \"downlevelIteration\": true\n }\n}\n"
},
{
"path": "tsconfig.tsbuildinfo",
"content": "{\n \"program\": {\n \"fileInfos\": {\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es5.d.ts\": {\n \"version\": \"c9a1f03d6ba0fe3c871eb0dd81622e78fbb61ade70878b34d48a341a690c59e9\",\n \"signature\": \"c9a1f03d6ba0fe3c871eb0dd81622e78fbb61ade70878b34d48a341a690c59e9\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.d.ts\": {\n \"version\": \"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6\",\n \"signature\": \"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6\",\n \"affectsGlobalScope\": false\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2016.d.ts\": {\n \"version\": \"7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467\",\n \"signature\": \"7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467\",\n \"affectsGlobalScope\": false\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.d.ts\": {\n \"version\": \"8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9\",\n \"signature\": \"8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9\",\n \"affectsGlobalScope\": false\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.d.ts\": {\n \"version\": \"5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06\",\n \"signature\": \"5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06\",\n \"affectsGlobalScope\": false\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.dom.d.ts\": {\n \"version\": \"38130cdd16bd2318b9362f9d60dd9670f7e38708bb6131cf11fc78a41b2c34a0\",\n \"signature\": \"38130cdd16bd2318b9362f9d60dd9670f7e38708bb6131cf11fc78a41b2c34a0\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.dom.iterable.d.ts\": {\n \"version\": \"fb0c09b697dc42afa84d1587e3c994a2f554d2a45635e4f0618768d16a86b69a\",\n \"signature\": \"fb0c09b697dc42afa84d1587e3c994a2f554d2a45635e4f0618768d16a86b69a\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.scripthost.d.ts\": {\n \"version\": \"097a57355ded99c68e6df1b738990448e0bf170e606707df5a7c0481ff2427cd\",\n \"signature\": \"097a57355ded99c68e6df1b738990448e0bf170e606707df5a7c0481ff2427cd\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.core.d.ts\": {\n \"version\": \"46ee15e9fefa913333b61eaf6b18885900b139867d89832a515059b62cf16a17\",\n \"signature\": \"46ee15e9fefa913333b61eaf6b18885900b139867d89832a515059b62cf16a17\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.collection.d.ts\": {\n \"version\": \"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c\",\n \"signature\": \"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.generator.d.ts\": {\n \"version\": \"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a\",\n \"signature\": \"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.iterable.d.ts\": {\n \"version\": \"42f5e41e5893da663dbf0394268f54f1da4b43dc0ddd2ea4bf471fe5361d6faf\",\n \"signature\": \"42f5e41e5893da663dbf0394268f54f1da4b43dc0ddd2ea4bf471fe5361d6faf\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.promise.d.ts\": {\n \"version\": \"0b7a905675e6cb4211c128f0a3aa47d414b275180a299a9aad5d3ec298abbfc4\",\n \"signature\": \"0b7a905675e6cb4211c128f0a3aa47d414b275180a299a9aad5d3ec298abbfc4\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.proxy.d.ts\": {\n \"version\": \"dfff68b3c34338f6b307a25d4566de15eed7973b0dc5d69f9fde2bcac1c25315\",\n \"signature\": \"dfff68b3c34338f6b307a25d4566de15eed7973b0dc5d69f9fde2bcac1c25315\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.reflect.d.ts\": {\n \"version\": \"cb609802a8698aa28b9c56331d4b53f590ca3c1c3a255350304ae3d06017779d\",\n \"signature\": \"cb609802a8698aa28b9c56331d4b53f590ca3c1c3a255350304ae3d06017779d\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.symbol.d.ts\": {\n \"version\": \"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93\",\n \"signature\": \"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts\": {\n \"version\": \"4670208dd7da9d6c774ab1b75c1527a810388c7989c4905de6aaea8561cb9dce\",\n \"signature\": \"4670208dd7da9d6c774ab1b75c1527a810388c7989c4905de6aaea8561cb9dce\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2016.array.include.d.ts\": {\n \"version\": \"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006\",\n \"signature\": \"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.object.d.ts\": {\n \"version\": \"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a\",\n \"signature\": \"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts\": {\n \"version\": \"b5e4c2d67aa844ed503b29cd4ca2ede1a229ac7fe874613b2c996fa9c581a25f\",\n \"signature\": \"b5e4c2d67aa844ed503b29cd4ca2ede1a229ac7fe874613b2c996fa9c581a25f\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.string.d.ts\": {\n \"version\": \"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577\",\n \"signature\": \"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.intl.d.ts\": {\n \"version\": \"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d\",\n \"signature\": \"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts\": {\n \"version\": \"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e\",\n \"signature\": \"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts\": {\n \"version\": \"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a\",\n \"signature\": \"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts\": {\n \"version\": \"a40c4d82bf13fcded295ac29f354eb7d40249613c15e07b53f2fc75e45e16359\",\n \"signature\": \"a40c4d82bf13fcded295ac29f354eb7d40249613c15e07b53f2fc75e45e16359\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.intl.d.ts\": {\n \"version\": \"df9c8a72ca8b0ed62f5470b41208a0587f0f73f0a7db28e5a1272cf92537518e\",\n \"signature\": \"df9c8a72ca8b0ed62f5470b41208a0587f0f73f0a7db28e5a1272cf92537518e\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.promise.d.ts\": {\n \"version\": \"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c\",\n \"signature\": \"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.regexp.d.ts\": {\n \"version\": \"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8\",\n \"signature\": \"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2020.bigint.d.ts\": {\n \"version\": \"7b5a10e3c897fabece5a51aa85b4111727d7adb53c2734b5d37230ff96802a09\",\n \"signature\": \"7b5a10e3c897fabece5a51aa85b4111727d7adb53c2734b5d37230ff96802a09\",\n \"affectsGlobalScope\": true\n },\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.esnext.intl.d.ts\": {\n \"version\": \"89bf2b7a601b73ea4311eda9c41f86a58994fec1bee3b87c4a14d68d9adcdcbd\",\n \"signature\": \"89bf2b7a601b73ea4311eda9c41f86a58994fec1bee3b87c4a14d68d9adcdcbd\",\n \"affectsGlobalScope\": true\n },\n \"./src/images.d.ts\": {\n \"version\": \"f5765a98fc28e4468fde2802c47227da6105c293ecc066cceb341a141dc2574f\",\n \"signature\": \"f5765a98fc28e4468fde2802c47227da6105c293ecc066cceb341a141dc2574f\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/tslib/tslib.d.ts\": {\n \"version\": \"4576b4e61049f5ffd7c9e935cf88832e089265bdb15ffc35077310042cbbbeea\",\n \"signature\": \"4576b4e61049f5ffd7c9e935cf88832e089265bdb15ffc35077310042cbbbeea\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/warn.ts\": {\n \"version\": \"72f0a468016ddc192affab2189115d3de4664478a9660742389364657c877785\",\n \"signature\": \"6531eeae6b0ae2da21884fac8e88024b04515654b44be0acf9f5485c8ed606bc\",\n \"affectsGlobalScope\": false\n },\n \"./src/dom-utils/bind.ts\": {\n \"version\": \"6efe2d097d02fc5267443b554eb203b8fee01b67939610e47f64883126d94832\",\n \"signature\": \"9935e05ce8519b8a0b02fa1d61d6dcc66fd7c6227b5f40e95ca58a42b612f6b4\",\n \"affectsGlobalScope\": false\n },\n \"./src/dom-utils/elem.ts\": {\n \"version\": \"2a98f28fbf93373d3cbce3c6a9077cb29d6ba73dd07d652169c24fcb2f3c7a09\",\n \"signature\": \"c4ab02ddeb42665003d4d9c3c3f8654647a0ff26541514688efc5624adbe1fba\",\n \"affectsGlobalScope\": false\n },\n \"./src/dom-utils/prev&next.ts\": {\n \"version\": \"037868f14683e62b4040a469810ddc2760b9ed9cd64ac97d81224908c1baca8c\",\n \"signature\": \"fc945bfbb7b49d426a9beaaa31667c39ce6d167fec18d73b6958d9b208b3f396\",\n \"affectsGlobalScope\": false\n },\n \"./src/dom-utils/remove-attrs.ts\": {\n \"version\": \"9ffb7e9d19d5b7d7ba917aae7467058ecd3f89375c6b408a9a58cb564f919f54\",\n \"signature\": \"bc6a30c96179b318b0b34503ef1c1b3bd507ca2ae2836c1cdc23bc682299210b\",\n \"affectsGlobalScope\": false\n },\n \"./src/dom-utils/siblings.ts\": {\n \"version\": \"a10b5227c5ab33ae1c91bef596850edd8c5c467a39e629a204cc2fe565b7a256\",\n \"signature\": \"8b2e85d48d8782a51be91d1f41dd253b10a9d782545d0c6ef8da9cb260384ace\",\n \"affectsGlobalScope\": false\n },\n \"./src/dom-utils/slide.ts\": {\n \"version\": \"ca948b52e4b22a734ac77cdc57105c65187d82529eb7324a387ada97be31470c\",\n \"signature\": \"cc40818009baadba6b675c9108cec8f30f338077131d4fe5c02f59669cdbe446\",\n \"affectsGlobalScope\": false\n },\n \"./src/dom-utils/index.ts\": {\n \"version\": \"3d8ab1471414b108bde6b2bdb1d5d43f9218ca996e4863145fb6c75e3190b429\",\n \"signature\": \"03cf93df6d6c56da0ec719cdfc58a82746321575e85c9625a4be8be5301feb2b\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/arrow.ts\": {\n \"version\": \"fd539b76ad39c69f6c360872a7e948941e583e30f2f6ff2b7df7407a8a98307e\",\n \"signature\": \"36bba9b640ab96df7f0c18015001d9fd72dd7a3b90c2c4a065fa7f9b65e5b541\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/css-transition.ts\": {\n \"version\": \"4cc9f08627ce745a062cf3f57c78fc3a5ad1998a025638bef32a0448e9cc6fd8\",\n \"signature\": \"d7a0335202f3733d9bb9271df42f4851382f746203f7d896d145c14db0867e92\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/scrollable.ts\": {\n \"version\": \"a453379df0d8d568e746f024ec486ea7f3b069a98facd59b083b4fccf5ed7945\",\n \"signature\": \"35ec31b35443f1d8c3a74a801fdf5bfde3d323a738790c34c10587137c88897d\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/cb-promise.ts\": {\n \"version\": \"5c7bfca92ad5e1a200e55a3840adb99eb8880f887292c58b5877873be61f8f8f\",\n \"signature\": \"7d8c71d579fdf679f8ded994c8483f6b77af393d5de9b29e2801ac2e988b0791\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/click-outside.ts\": {\n \"version\": \"504076896142cd028b2327132e446572514ebf7d89be548e8512c3481aad001e\",\n \"signature\": \"2a0ae119bbea569f2515dc726ddc8b08ea165b8a8c494ff1becf927bad91af05\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/enums.d.ts\": {\n \"version\": \"3192b54876effeb978785858ec960ba7c57f81171070b5a0054a011ca09795f2\",\n \"signature\": \"3192b54876effeb978785858ec960ba7c57f81171070b5a0054a011ca09795f2\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\": {\n \"version\": \"1e77c0e8b7ce3c4568bc06f28be0e17844df09879679d5911d6d656276546f44\",\n \"signature\": \"1e77c0e8b7ce3c4568bc06f28be0e17844df09879679d5911d6d656276546f44\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\": {\n \"version\": \"93404d6cc4b10b517a4612c6af4ebd2e884e9231f6b5a106a8cae228611ab35f\",\n \"signature\": \"93404d6cc4b10b517a4612c6af4ebd2e884e9231f6b5a106a8cae228611ab35f\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\": {\n \"version\": \"698e5e5810b1a4b874e8001947f3aa821c5afe9b8646835173d0edb30684042f\",\n \"signature\": \"698e5e5810b1a4b874e8001947f3aa821c5afe9b8646835173d0edb30684042f\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\": {\n \"version\": \"975f2c755adfb08c939b418daab31f743625d1ebe3755bd6cd6c95337d0dd975\",\n \"signature\": \"975f2c755adfb08c939b418daab31f743625d1ebe3755bd6cd6c95337d0dd975\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\": {\n \"version\": \"3536aa6999475104d3efe7ce04848b504420290759139332317eada6fed92a49\",\n \"signature\": \"3536aa6999475104d3efe7ce04848b504420290759139332317eada6fed92a49\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\": {\n \"version\": \"5950b96952b0315e379daa3acc9352745f1abc2eff2fe4019ed9878fe314bc07\",\n \"signature\": \"5950b96952b0315e379daa3acc9352745f1abc2eff2fe4019ed9878fe314bc07\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\": {\n \"version\": \"f8e425cb20db2f8ad8b881e569a720ac69cc1ed62cea84de49a91c0579ce1aab\",\n \"signature\": \"f8e425cb20db2f8ad8b881e569a720ac69cc1ed62cea84de49a91c0579ce1aab\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\": {\n \"version\": \"aeca184ccde8423a7cfec9de34f36486cceef5c456ad65586875b53733633181\",\n \"signature\": \"aeca184ccde8423a7cfec9de34f36486cceef5c456ad65586875b53733633181\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\": {\n \"version\": \"7475302435289b5b18c6bed0bea1216a6aaad51ef81ceb28a2349abd7b08d2c8\",\n \"signature\": \"7475302435289b5b18c6bed0bea1216a6aaad51ef81ceb28a2349abd7b08d2c8\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/types.d.ts\": {\n \"version\": \"4350ebb995d09685304585edd3de5f5ec75b3a82ea2106b558f93871d6464c12\",\n \"signature\": \"4350ebb995d09685304585edd3de5f5ec75b3a82ea2106b558f93871d6464c12\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\": {\n \"version\": \"5ea98f44cc9de1fe05d037afe4813f3dcd3a8c5de43bdd7db24624a364fad8e6\",\n \"signature\": \"5ea98f44cc9de1fe05d037afe4813f3dcd3a8c5de43bdd7db24624a364fad8e6\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/utils/detectoverflow.d.ts\": {\n \"version\": \"1327fc0ade4b997e580f63d8557a724caadce61beb9653fbbc74871ab1d1923d\",\n \"signature\": \"1327fc0ade4b997e580f63d8557a724caadce61beb9653fbbc74871ab1d1923d\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\": {\n \"version\": \"3dc70cdbe0813d00687a84e2da850fbae6e4717590a6723efcef59aa18f7eaaf\",\n \"signature\": \"3dc70cdbe0813d00687a84e2da850fbae6e4717590a6723efcef59aa18f7eaaf\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\": {\n \"version\": \"49837b293d0f7c8df1a65186369efa1a1a3c5a37ceedac2b55cca9e307906c72\",\n \"signature\": \"49837b293d0f7c8df1a65186369efa1a1a3c5a37ceedac2b55cca9e307906c72\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/popper.d.ts\": {\n \"version\": \"dae7cc4e7134a9a42f6ca914367f39fd46a099f740d9ffc75e4031cd6ea675b9\",\n \"signature\": \"dae7cc4e7134a9a42f6ca914367f39fd46a099f740d9ffc75e4031cd6ea675b9\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/lib/index.d.ts\": {\n \"version\": \"d479a5128f27f63b58d57a61e062bd68fa43b684271449a73a4d3e3666a599a7\",\n \"signature\": \"d479a5128f27f63b58d57a61e062bd68fa43b684271449a73a4d3e3666a599a7\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@popperjs/core/index.d.ts\": {\n \"version\": \"6f308b141358ac799edc3e83e887441852205dc1348310d30b62c69438b93ca0\",\n \"signature\": \"6f308b141358ac799edc3e83e887441852205dc1348310d30b62c69438b93ca0\",\n \"affectsGlobalScope\": false\n },\n \"./src/utils/check-type.ts\": {\n \"version\": \"2578444e781b3c9c8fd2e3b8d17e0bc08b20ca1386ddee6ef0126165db45fc1d\",\n \"signature\": \"e1127a11e5a71ec37e05985ee500153973847000c930566288358abec224d0c3\",\n \"affectsGlobalScope\": false\n },\n \"./src/utils/destroy.ts\": {\n \"version\": \"49c9470591e5e730c3693d4c431b863f1324df26dea54b4aa3f645c3cc849d49\",\n \"signature\": \"c0d05fa38e9dced5642fe2cd791b385e1ea5ab6a13effd0313d263f6352fdde3\",\n \"affectsGlobalScope\": false\n },\n \"./src/utils/use-html-string.ts\": {\n \"version\": \"298d318d75fb77f76c29b48fd9626cbb379f2c59405373021c4309c9a6543011\",\n \"signature\": \"7a2bcf5ec5d1295c91843475fdc853ba03e5546ffefa2a00927021f6f25a0187\",\n \"affectsGlobalScope\": false\n },\n \"./src/utils/validcomps.ts\": {\n \"version\": \"9f735530b4cab90a4fbc4ecac0b243bba09bef7ad28b032c73373b3d9100c277\",\n \"signature\": \"093841d2057c2bdf6f5c6a4578c8ce74891ed72131e3d79cb8511c2dff671367\",\n \"affectsGlobalScope\": false\n },\n \"./src/utils/index.ts\": {\n \"version\": \"536ac4645da220a02792bfd38dbdbb2ec94d20e6f7000be260202bf746e9106e\",\n \"signature\": \"4777fe393394b57ed4faddd2d26d5380fbb8e933ea90959a3cbe60296900b011\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/tooltip.ts\": {\n \"version\": \"17a9b8260593750830e9db2b42c9e30f31b63f4e53b122c2bf8074797b6d4aa2\",\n \"signature\": \"fd1887dfe8d90293b76f71f8472583ca39ecc8b82eb304e02c2c874e254e8733\",\n \"affectsGlobalScope\": false\n },\n \"./src/mixins/index.ts\": {\n \"version\": \"9732b8e25bf13f0a0608dce9616244d33c5e8fe3d791c80046f4de7728b3a730\",\n \"signature\": \"dbf2e84474d8dee93270b582b424d51c3b5048268ef552a857f241344097bddd\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/prefix.ts\": {\n \"version\": \"d4dff0cd7a48beb36637b819ca19ac0a5976ae1b1936fb55159ea9084f667add\",\n \"signature\": \"40a5302864eaa7c263e4eeaf0db70729f3977d2150aa56cf914be784f9140f8f\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/alert/alert.ts\": {\n \"version\": \"681e9c89cd75212e49d01c98f7489f204f2dd1aab356735515b80d0508b482b3\",\n \"signature\": \"54bb0b2ea216f9df2b6c8945c66dbd11f0133c441399106352d7a6993e0318a5\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/alert/index.ts\": {\n \"version\": \"91501075e148d298fb81e45dac4a54d2715d4459df62e8918cd0300ff842774c\",\n \"signature\": \"91501075e148d298fb81e45dac4a54d2715d4459df62e8918cd0300ff842774c\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/avatar/avatar.ts\": {\n \"version\": \"6261fb49988af6c986632665ccfbf01e20c2b8fdf3881fe10cc336dd1d09b83d\",\n \"signature\": \"0872993d8aad8e8e44d0277237bcaa4b98f6fec89cb62c33fa4624bbbc7b3654\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/avatar/index.ts\": {\n \"version\": \"5e781fab2f432e6dca017e71756f60733042e4deb15a0584011778362d4ee554\",\n \"signature\": \"5e781fab2f432e6dca017e71756f60733042e4deb15a0584011778362d4ee554\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/back-top/back-top.ts\": {\n \"version\": \"d1bdd0295a510210a13cd180087357e78892220b7f3864016d7719d33977dd00\",\n \"signature\": \"777539f8e991422f32598f9cbddf5ce685005778fde399d05fb462eeb1408ec4\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/back-top/index.ts\": {\n \"version\": \"a829cf21d958fd41bec56d56b45626bbfd687e4b6102019091b6a520be56d6da\",\n \"signature\": \"a829cf21d958fd41bec56d56b45626bbfd687e4b6102019091b6a520be56d6da\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/badge/badge.ts\": {\n \"version\": \"ea996258a9c225e3b2c0da03d04440b080887e4c096498b9815262eed054f63f\",\n \"signature\": \"6f929f4b243d9f728dc4cc616812301edc75bc17a86d5b3f6d1631f4a7724368\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/badge/index.ts\": {\n \"version\": \"708b8c3a7df21465f36cbe358a1692ac398727a7f0f0ebaaa338a3ce7327578f\",\n \"signature\": \"708b8c3a7df21465f36cbe358a1692ac398727a7f0f0ebaaa338a3ce7327578f\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/button/button.ts\": {\n \"version\": \"9b334ee7398f16642d7e05cce3f6a1bb96a175dafa9aca7ea159a68eee8e31c9\",\n \"signature\": \"89ebe21f1b6f6abcf68e4b1e06bb5574fca1a7f29c56a7756d5b4eb849f738cf\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/button/index.ts\": {\n \"version\": \"e76ca8e1afd7ae919129aefa1c7430493c72fd637f65b7c474242a6e2b757847\",\n \"signature\": \"e76ca8e1afd7ae919129aefa1c7430493c72fd637f65b7c474242a6e2b757847\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/card/card.ts\": {\n \"version\": \"e68a978d246345a07cd2ab5c17b86e44d0d767f1724722fbda685fab30cf4d21\",\n \"signature\": \"4e4d4c380b490f358dc014023728e35c432bafd415d977881934647dbfb584e3\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/card/index.ts\": {\n \"version\": \"e8403ddc20ffc170cd459f29eda08b7a9fb2bbe219914546bb6c3b1b57088deb\",\n \"signature\": \"e8403ddc20ffc170cd459f29eda08b7a9fb2bbe219914546bb6c3b1b57088deb\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/collapse/collapse.ts\": {\n \"version\": \"3c42363c9ea690893692f436a9fca988b836536d1f26e2aaa97d4de5a8e6697d\",\n \"signature\": \"aadf593014afdb79a5cc96124db428c7811c4520eb16f9ead577786084390465\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/collapse/index.ts\": {\n \"version\": \"197ee52e84c5ef4bede9d776892c3bb95d89312f57d604d3f19b15eb56bb6896\",\n \"signature\": \"197ee52e84c5ef4bede9d776892c3bb95d89312f57d604d3f19b15eb56bb6896\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/divider/divider.ts\": {\n \"version\": \"085577c81d084519b5ef6ee2e577fd0827c59e0342f878ada25429a7bc9e7503\",\n \"signature\": \"4350cb871975f9b3202c8b7a680ebf456e722c211396b7be63a482e00fe564fc\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/divider/index.ts\": {\n \"version\": \"8da33abe5170c138c809c26533b015801f0a09417a35e3bd9054c74d19c5f4f6\",\n \"signature\": \"8da33abe5170c138c809c26533b015801f0a09417a35e3bd9054c74d19c5f4f6\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/drawer/drawer.ts\": {\n \"version\": \"690b003c0aa8489682a87b63a7ba7fe51b76c23a71bba2aaa970cb9acdf49b5c\",\n \"signature\": \"43f90b8ad757d20f4608891ed0ee9fa68cc8762a66316a6e29a817df21f8b0d8\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/drawer/index.ts\": {\n \"version\": \"287ab6bb1016242eeed5ae11e0c2039aa7ccf1f5ac415f057c4fbbd35bd994ea\",\n \"signature\": \"287ab6bb1016242eeed5ae11e0c2039aa7ccf1f5ac415f057c4fbbd35bd994ea\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/dropdown/dropdown.ts\": {\n \"version\": \"3b3272ac48f2962f894c0f327cd249ace4db20241f388a4e64a8f188c6d8d5c5\",\n \"signature\": \"f7ea07eb6b1fbb8206b56d7b307614b5a01f2cd4eca8074d089bc2f891ed97b4\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/dropdown/index.ts\": {\n \"version\": \"3a84ba7ff9620d496d912ae6a470fef357ff1141d90595110537da3eafc40927\",\n \"signature\": \"3a84ba7ff9620d496d912ae6a470fef357ff1141d90595110537da3eafc40927\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/loading-bar/loading-bar.ts\": {\n \"version\": \"9fdc18ccac3f200915bc404c8f8cd0f16d638bac6e50b5092976934d09e4b96f\",\n \"signature\": \"828469846804e91309f8a15cec3d695a82ad6bccc5918223d794b0d5d12f7520\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/loading-bar/index.ts\": {\n \"version\": \"bea1670bee73290a68352419573ea6f8877486d433df8c867e2c99bc32b73b7e\",\n \"signature\": \"04883978e224d728323f8eefc3a66ed511adf2ecdf8c00d0d704d8ca4791af22\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/message/message.ts\": {\n \"version\": \"f6277e64352fd9b560c69af23bf9773f3268633414b5e60af5561e0938e755a8\",\n \"signature\": \"f268e41424b184e49221709de55a05b985c71fd3e56cd19b043eaca047d4d47b\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/message/index.ts\": {\n \"version\": \"43d9b278fa89924613fb9428e339b9ba53cd8e025ad40d3cb569d4be4611c024\",\n \"signature\": \"6cbf4d551486168c7d2f409bf4073f972a52f1e30e69804339495909bc6fd9b5\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/modal/modal.ts\": {\n \"version\": \"c348aa62fa74bbbffb8566757300de9e4adfe0bdac1c4bf21e555edbc34de3f3\",\n \"signature\": \"9134234d69fdcdfd85e479b39631457d235570342fabf637ddda6042216e802b\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/modal/index.ts\": {\n \"version\": \"72dd030a397769b3bfe248a1c0d69cf9526ed64fa205e6aed0f1894c9349b3e9\",\n \"signature\": \"72dd030a397769b3bfe248a1c0d69cf9526ed64fa205e6aed0f1894c9349b3e9\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/notice/notice.ts\": {\n \"version\": \"96158b5561e64481be9f52ad0c51311b134e4d4c1814d4cd1f675047d3b5d50c\",\n \"signature\": \"791d1175f8fc601f97cee1279f565acb6a3b1c35d841f9fdf27369fd2ec18445\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/notice/index.ts\": {\n \"version\": \"0b02e0b2e9d9f02e4fb158061f70343095e4bf03c66fb9240006cfe468884511\",\n \"signature\": \"98ddda86688b67bf72e4429b39e49e8ce5fe51d98e5f3c2cc8a7a43adc03c96d\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/poptip/poptip.ts\": {\n \"version\": \"5b5dbc9ffa6952b961a3993660bc27244bc2187390b36c5655c787f60b0491c6\",\n \"signature\": \"837cff6f3e060b084ec1a556223ff4fc2bbe4d608c0efe51a7089b8388e5f3b9\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/poptip/index.ts\": {\n \"version\": \"254786a7c45ccde2e18646174a8195d64141e068b22d60a55cd0ab8b4a831491\",\n \"signature\": \"254786a7c45ccde2e18646174a8195d64141e068b22d60a55cd0ab8b4a831491\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/progress/progress.ts\": {\n \"version\": \"054c88fdf299454611edb23fe4dd517a6c3621fc9d61212f154675414bae2653\",\n \"signature\": \"0729e2110148cf9489c697ad3ce94842db7ecc85ed995fc90b570921e43b2f0a\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/progress/index.ts\": {\n \"version\": \"18732fe4651f9b8bb6d0732bfa8ff3f18d76648417e3996720ef4cd74f39e2b2\",\n \"signature\": \"18732fe4651f9b8bb6d0732bfa8ff3f18d76648417e3996720ef4cd74f39e2b2\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/result/result.ts\": {\n \"version\": \"6ee56e5fbd75d903f101f8042ff515576dd2a78534e88feddb54bc2fd178250e\",\n \"signature\": \"89d238858d8f1f4750d5aec1c1deab8c50eba29da0b49ea41d7d046dcb6ca950\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/result/index.ts\": {\n \"version\": \"2e44f1646c4ed7561a9c35e3d9f4a410cdf3b45980574a5aaea0f4d5be990c0a\",\n \"signature\": \"2e44f1646c4ed7561a9c35e3d9f4a410cdf3b45980574a5aaea0f4d5be990c0a\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/skeleton/skeleton.ts\": {\n \"version\": \"0fb7415cd0450bfb84d21b89d81d871ee9957f8f6210b67b14f7410df4bd25a1\",\n \"signature\": \"1efb165521dbe8e1811e4feda704a0630622ef9d7801ee02f5bd284ded3d8ba8\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/skeleton/index.ts\": {\n \"version\": \"08214caaff128e32cbe0990b3b36259a7ccbb39c3c9f919ae42c9ea4c817da04\",\n \"signature\": \"08214caaff128e32cbe0990b3b36259a7ccbb39c3c9f919ae42c9ea4c817da04\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/spin/spin.ts\": {\n \"version\": \"ce637ab8435db16d619cf98b767a7a27fb1a2c43e1c5c904e1bbaae51e4d08bf\",\n \"signature\": \"27f86a563d0564586f557fd08f335a433ab649998f13d6703c5f2313a198e4b3\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/spin/index.ts\": {\n \"version\": \"b1e6419780f3e8434ef394c4e8744c290fcb0c6d22a16cd543fed03ab1db0a78\",\n \"signature\": \"b1e6419780f3e8434ef394c4e8744c290fcb0c6d22a16cd543fed03ab1db0a78\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/steps/steps.ts\": {\n \"version\": \"af467b881e8042172db6cc99fef08471331bc7ae90b36da936ea207cbb0961de\",\n \"signature\": \"3ab106d74e0d419b614d7d85806d773a1731fb10a91d3fd732ce969d358f40af\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/steps/index.ts\": {\n \"version\": \"4c87a563a494b05c086bf83eb4b6bef45a7526563adb19a1bf4c3ff829989355\",\n \"signature\": \"4c87a563a494b05c086bf83eb4b6bef45a7526563adb19a1bf4c3ff829989355\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/switch/switch.ts\": {\n \"version\": \"942c7fd16aa4ab3335ebb630ca8d8aac836e0e94cdd3b9818800382edd6f4fec\",\n \"signature\": \"8c5ce3f69a094104b4dcf5f51d3b08f0b31fbde073a542068d58ec464889f305\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/switch/index.ts\": {\n \"version\": \"54b35d8c5351938696ddbfd85bb4ae25d5c6252462d0a7abb8bfbf2375a0d76c\",\n \"signature\": \"54b35d8c5351938696ddbfd85bb4ae25d5c6252462d0a7abb8bfbf2375a0d76c\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/tabs/tabs.ts\": {\n \"version\": \"4cb6402f1a756f3b07c4b5536ca65662a802a8af1d8d8df51869ef1231b911b0\",\n \"signature\": \"42a13b554813a0d6a73fae712553bb7d65d0aab5abf3359904e3eaf76ebc4958\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/tabs/index.ts\": {\n \"version\": \"13493ed8c69ebac1a3f4172b45b6a0e0b2beb4e868291bc113c7f26546d28fbb\",\n \"signature\": \"13493ed8c69ebac1a3f4172b45b6a0e0b2beb4e868291bc113c7f26546d28fbb\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/moment/ts3.1-typings/moment.d.ts\": {\n \"version\": \"f97edc4d3b4dd0b32766e9633086497565c37657fb591cc84a35864db4bc2fc5\",\n \"signature\": \"f97edc4d3b4dd0b32766e9633086497565c37657fb591cc84a35864db4bc2fc5\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/time/time.ts\": {\n \"version\": \"6d8446fe7ea8258750644bb5e834a428140040392d5943c0ddc0d6c9fd8acc41\",\n \"signature\": \"226e96cd67b3f7ebb632e2b5012051f24abd6e96a6abefe5f075baf63d20bd4d\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/time/index.ts\": {\n \"version\": \"f7fe140c7f289aed053ec9f92229da3b62b26898468dc8852b6bbb9ae62d56f5\",\n \"signature\": \"f7fe140c7f289aed053ec9f92229da3b62b26898468dc8852b6bbb9ae62d56f5\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/timeline/timeline.ts\": {\n \"version\": \"5f39feefce3157d4af00bc212f3ade0a16b317e0c6895a786f6f298862bb2c32\",\n \"signature\": \"d8b130c94cefdac4724d73bb77097db33ae4ca7fb5868f93363a684b35c8f917\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/timeline/index.ts\": {\n \"version\": \"ec82b2fe654d8f6e991b8b7742671839e47dff8eb3b13b4f6e3dc47b80c14b54\",\n \"signature\": \"ec82b2fe654d8f6e991b8b7742671839e47dff8eb3b13b4f6e3dc47b80c14b54\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/tooltip/tooltip.ts\": {\n \"version\": \"50c105becc2ed8ed5cfe78996c7686c196ae5ed392c266bd28f45e5f60be17be\",\n \"signature\": \"f9820d9de33f7f775bd8aa201389f9c321906451cd5b2c96df4e7f45c4c0bf62\",\n \"affectsGlobalScope\": false\n },\n \"./src/components/tooltip/index.ts\": {\n \"version\": \"6875d2e37aaadd389d11e10631ba12972ff597112d7cd7b0ed57fb738a0775f5\",\n \"signature\": \"6875d2e37aaadd389d11e10631ba12972ff597112d7cd7b0ed57fb738a0775f5\",\n \"affectsGlobalScope\": false\n },\n \"./src/rabbit-design.ts\": {\n \"version\": \"224df54e109b4666b114934e805cedfd11b7e5c270f7987d887813d062f48e5f\",\n \"signature\": \"c1ade3bdebb683d7c249d62124d901ed174319bc29e78734724240ee5ed326b9\",\n \"affectsGlobalScope\": false\n },\n \"./src/index.ts\": {\n \"version\": \"8dba5de92bf59161c0920820c2c543a56fc3812ad636087f590d06066e06d502\",\n \"signature\": \"2ec38789a49751baf083f48672848bf505dbc4ed8cb607e82f6e8d4b4c40fa2c\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/anymatch/index.d.ts\": {\n \"version\": \"48b52264fa193879a074197839dbb4796fa07e86350ff888e5361e06aa46df76\",\n \"signature\": \"48b52264fa193879a074197839dbb4796fa07e86350ff888e5361e06aa46df76\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/eslint/helpers.d.ts\": {\n \"version\": \"f345b0888d003fd69cb32bad3a0aa04c615ccafc572019e4bd86a52bd5e49e46\",\n \"signature\": \"f345b0888d003fd69cb32bad3a0aa04c615ccafc572019e4bd86a52bd5e49e46\",\n \"affectsGlobalScope\": true\n },\n \"./node_modules/@types/json-schema/index.d.ts\": {\n \"version\": \"b2be568d8ce95fcb26eebd04c035d94825655fdf689bf67d799f5ff8cbbb1024\",\n \"signature\": \"b2be568d8ce95fcb26eebd04c035d94825655fdf689bf67d799f5ff8cbbb1024\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/estree/index.d.ts\": {\n \"version\": \"6a38e250306ceccbab257d11b846d5bd12491157d20901fa01afe4050c93c1b5\",\n \"signature\": \"6a38e250306ceccbab257d11b846d5bd12491157d20901fa01afe4050c93c1b5\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/eslint/index.d.ts\": {\n \"version\": \"edb3e2f61a2a6e29a5f9043f73adf65951d52b4c1f22e84050381f7ef0d77318\",\n \"signature\": \"edb3e2f61a2a6e29a5f9043f73adf65951d52b4c1f22e84050381f7ef0d77318\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/eslint-scope/index.d.ts\": {\n \"version\": \"274bda283ef15f4205603ca9967313fc013aa77ae89f2cbeab5fbd51439e96ed\",\n \"signature\": \"274bda283ef15f4205603ca9967313fc013aa77ae89f2cbeab5fbd51439e96ed\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/globals.d.ts\": {\n \"version\": \"215d8d9a2c480fd460127edc048d68d9931d3b27f95132253a6e71975f060bb1\",\n \"signature\": \"215d8d9a2c480fd460127edc048d68d9931d3b27f95132253a6e71975f060bb1\",\n \"affectsGlobalScope\": true\n },\n \"./node_modules/@types/node/async_hooks.d.ts\": {\n \"version\": \"c438b413e94ff76dfa20ae005f33a1c84f2480d1d66e0fd687501020d0de9b50\",\n \"signature\": \"c438b413e94ff76dfa20ae005f33a1c84f2480d1d66e0fd687501020d0de9b50\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/buffer.d.ts\": {\n \"version\": \"bc6a78961535181265845bf9b9e8a147ffd0ca275097ceb670a9b92afa825152\",\n \"signature\": \"bc6a78961535181265845bf9b9e8a147ffd0ca275097ceb670a9b92afa825152\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/child_process.d.ts\": {\n \"version\": \"987249e7b75023387c5fd9dc2f959ee777cb8989b7900f5a9eb4a67d290f2cba\",\n \"signature\": \"987249e7b75023387c5fd9dc2f959ee777cb8989b7900f5a9eb4a67d290f2cba\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/cluster.d.ts\": {\n \"version\": \"123ec69e4b3a686eb49afd94ebe3292a5c84a867ecbcb6bb84bdd720a12af803\",\n \"signature\": \"123ec69e4b3a686eb49afd94ebe3292a5c84a867ecbcb6bb84bdd720a12af803\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/console.d.ts\": {\n \"version\": \"eb5197aade83cb0e360ac407289c53a8009e8fdae7939892a0240d30444496b6\",\n \"signature\": \"eb5197aade83cb0e360ac407289c53a8009e8fdae7939892a0240d30444496b6\",\n \"affectsGlobalScope\": true\n },\n \"./node_modules/@types/node/constants.d.ts\": {\n \"version\": \"90c85ddbb8de82cd19198bda062065fc51b7407c0f206f2e399e65a52e979720\",\n \"signature\": \"90c85ddbb8de82cd19198bda062065fc51b7407c0f206f2e399e65a52e979720\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/crypto.d.ts\": {\n \"version\": \"2636f61a2d5f76d4039c7110f65c407a028ec5265e03d855fc2cf62b198ac415\",\n \"signature\": \"2636f61a2d5f76d4039c7110f65c407a028ec5265e03d855fc2cf62b198ac415\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/dgram.d.ts\": {\n \"version\": \"7e050b767ed10c7ffbc01f314defbf420bf0b5d54ce666e1c87507c035dfc191\",\n \"signature\": \"7e050b767ed10c7ffbc01f314defbf420bf0b5d54ce666e1c87507c035dfc191\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/dns.d.ts\": {\n \"version\": \"7db7569fbb3e2b01ba8751c761cdd3f0debd104170d5665b7dc20a11630df3a9\",\n \"signature\": \"7db7569fbb3e2b01ba8751c761cdd3f0debd104170d5665b7dc20a11630df3a9\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/domain.d.ts\": {\n \"version\": \"cde4d7f6274468180fa39847b183aec22626e8212ff885d535c53f4cd7c225fd\",\n \"signature\": \"cde4d7f6274468180fa39847b183aec22626e8212ff885d535c53f4cd7c225fd\",\n \"affectsGlobalScope\": true\n },\n \"./node_modules/@types/node/events.d.ts\": {\n \"version\": \"365e8358843a23944be84b810b1f774ea0223adfccc085f30fd7f4c13dc8a09f\",\n \"signature\": \"365e8358843a23944be84b810b1f774ea0223adfccc085f30fd7f4c13dc8a09f\",\n \"affectsGlobalScope\": true\n },\n \"./node_modules/@types/node/fs.d.ts\": {\n \"version\": \"f87f95c015900102a5c0edcdebb17596de1382510e6cc17ab79f375d3505bb12\",\n \"signature\": \"f87f95c015900102a5c0edcdebb17596de1382510e6cc17ab79f375d3505bb12\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/fs/promises.d.ts\": {\n \"version\": \"05b5679a897598ebe556ee93415b3af1f456e674ea82e4d7afcd716bfe43aa98\",\n \"signature\": \"05b5679a897598ebe556ee93415b3af1f456e674ea82e4d7afcd716bfe43aa98\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/http.d.ts\": {\n \"version\": \"35fe02b2c10616cc7ac3db9c15778df7ed9c99276889efdd9be31f342841cfcd\",\n \"signature\": \"35fe02b2c10616cc7ac3db9c15778df7ed9c99276889efdd9be31f342841cfcd\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/http2.d.ts\": {\n \"version\": \"1c3fe66943f587685aa4a42f664f794655da1767401d2f85910177dac78aa45d\",\n \"signature\": \"1c3fe66943f587685aa4a42f664f794655da1767401d2f85910177dac78aa45d\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/https.d.ts\": {\n \"version\": \"c969bf4c7cdfe4d5dd28aa09432f99d09ad1d8d8b839959646579521d0467d1a\",\n \"signature\": \"c969bf4c7cdfe4d5dd28aa09432f99d09ad1d8d8b839959646579521d0467d1a\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/inspector.d.ts\": {\n \"version\": \"6c3857edaeeaaf43812f527830ebeece9266b6e8eb5271ab6d2f0008306c9947\",\n \"signature\": \"6c3857edaeeaaf43812f527830ebeece9266b6e8eb5271ab6d2f0008306c9947\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/module.d.ts\": {\n \"version\": \"bc6a77e750f4d34584e46b1405b771fb69a224197dd6bafe5b0392a29a70b665\",\n \"signature\": \"bc6a77e750f4d34584e46b1405b771fb69a224197dd6bafe5b0392a29a70b665\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/net.d.ts\": {\n \"version\": \"8de97668870cfb20fc9d355d2ef379e897bdd8a98c889c7d8a6de40ee408ad52\",\n \"signature\": \"8de97668870cfb20fc9d355d2ef379e897bdd8a98c889c7d8a6de40ee408ad52\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/os.d.ts\": {\n \"version\": \"ed4ae81196cccc10f297d228bca8d02e31058e6d723a3c5bc4be5fb3c61c6a34\",\n \"signature\": \"ed4ae81196cccc10f297d228bca8d02e31058e6d723a3c5bc4be5fb3c61c6a34\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/path.d.ts\": {\n \"version\": \"84044697c8b3e08ef24e4b32cfe6440143d07e469a5e34bda0635276d32d9f35\",\n \"signature\": \"84044697c8b3e08ef24e4b32cfe6440143d07e469a5e34bda0635276d32d9f35\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/perf_hooks.d.ts\": {\n \"version\": \"4982d94cb6427263c8839d8d6324a8bbe129e931deb61a7380f8fad17ba2cfc0\",\n \"signature\": \"4982d94cb6427263c8839d8d6324a8bbe129e931deb61a7380f8fad17ba2cfc0\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/process.d.ts\": {\n \"version\": \"ae4bc1dd4d9de7bbea6ce419db45af82a81358e6014c9e1235b5d252e06f8ab8\",\n \"signature\": \"ae4bc1dd4d9de7bbea6ce419db45af82a81358e6014c9e1235b5d252e06f8ab8\",\n \"affectsGlobalScope\": true\n },\n \"./node_modules/@types/node/punycode.d.ts\": {\n \"version\": \"3f6a1fd73c9dc3bd7f4b79bc075297ca6527904df69b0f2c2c94e4c4c7d9a32c\",\n \"signature\": \"3f6a1fd73c9dc3bd7f4b79bc075297ca6527904df69b0f2c2c94e4c4c7d9a32c\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/querystring.d.ts\": {\n \"version\": \"884560fda6c3868f925f022adc3a1289fe6507bbb45adb10fa1bbcc73a941bb0\",\n \"signature\": \"884560fda6c3868f925f022adc3a1289fe6507bbb45adb10fa1bbcc73a941bb0\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/readline.d.ts\": {\n \"version\": \"6b2bb67b0942bcfce93e1d6fad5f70afd54940a2b13df7f311201fba54b2cbe9\",\n \"signature\": \"6b2bb67b0942bcfce93e1d6fad5f70afd54940a2b13df7f311201fba54b2cbe9\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/repl.d.ts\": {\n \"version\": \"acbed967a379b3e9f73237ba9473f8b337eeea14b7dc64d445430b5d695751da\",\n \"signature\": \"acbed967a379b3e9f73237ba9473f8b337eeea14b7dc64d445430b5d695751da\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/stream.d.ts\": {\n \"version\": \"272a46cc8f494677af587d17939e61e7db2b1925633e4da0c186ba17f6732521\",\n \"signature\": \"272a46cc8f494677af587d17939e61e7db2b1925633e4da0c186ba17f6732521\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/string_decoder.d.ts\": {\n \"version\": \"d67e08745494b000da9410c1ae2fdc9965fc6d593fe0f381a47491f75417d457\",\n \"signature\": \"d67e08745494b000da9410c1ae2fdc9965fc6d593fe0f381a47491f75417d457\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/timers.d.ts\": {\n \"version\": \"b40652bf8ce4a18133b31349086523b219724dca8df3448c1a0742528e7ad5b9\",\n \"signature\": \"b40652bf8ce4a18133b31349086523b219724dca8df3448c1a0742528e7ad5b9\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/tls.d.ts\": {\n \"version\": \"c52eb62e3388a01b966c57bd14ca0ee9d5f6e656d6a18f6ce6b7cdece63734a3\",\n \"signature\": \"c52eb62e3388a01b966c57bd14ca0ee9d5f6e656d6a18f6ce6b7cdece63734a3\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/trace_events.d.ts\": {\n \"version\": \"a77fdb357c78b70142b2fdbbfb72958d69e8f765fd2a3c69946c1018e89d4638\",\n \"signature\": \"a77fdb357c78b70142b2fdbbfb72958d69e8f765fd2a3c69946c1018e89d4638\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/tty.d.ts\": {\n \"version\": \"3c2ac350c3baa61fd2b1925844109e098f4376d0768a4643abc82754fd752748\",\n \"signature\": \"3c2ac350c3baa61fd2b1925844109e098f4376d0768a4643abc82754fd752748\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/url.d.ts\": {\n \"version\": \"80ffc1786a5dab91b4aa59a72720f02f25df8b7c76b593e04d5e381aec284ccb\",\n \"signature\": \"80ffc1786a5dab91b4aa59a72720f02f25df8b7c76b593e04d5e381aec284ccb\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/util.d.ts\": {\n \"version\": \"f5b9d446783f075eed9e93dfba1a5055b3fd61aab285fef3bbc761eadf598204\",\n \"signature\": \"f5b9d446783f075eed9e93dfba1a5055b3fd61aab285fef3bbc761eadf598204\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/v8.d.ts\": {\n \"version\": \"289be113bad7ee27ee7fa5b1e373c964c9789a5e9ed7db5ddcb631371120b953\",\n \"signature\": \"289be113bad7ee27ee7fa5b1e373c964c9789a5e9ed7db5ddcb631371120b953\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/vm.d.ts\": {\n \"version\": \"baf0b82ffc5d2616f44a6fb1f81e8d798545bebf0c30f5d8b003a1dba1acfb3f\",\n \"signature\": \"baf0b82ffc5d2616f44a6fb1f81e8d798545bebf0c30f5d8b003a1dba1acfb3f\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/worker_threads.d.ts\": {\n \"version\": \"c6a5b34f1e725019445754f1e733585f113e0dced75f137bd3c4af5853d3f6ab\",\n \"signature\": \"c6a5b34f1e725019445754f1e733585f113e0dced75f137bd3c4af5853d3f6ab\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/zlib.d.ts\": {\n \"version\": \"15fbe50526244954eb2f933546bca6cdcf0db16c9428d099b3b386c1db5799ab\",\n \"signature\": \"15fbe50526244954eb2f933546bca6cdcf0db16c9428d099b3b386c1db5799ab\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/ts3.4/base.d.ts\": {\n \"version\": \"d44028ae0127eb3e9fcfa5f55a8b81d64775ce15aca1020fe25c511bbb055834\",\n \"signature\": \"d44028ae0127eb3e9fcfa5f55a8b81d64775ce15aca1020fe25c511bbb055834\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/globals.global.d.ts\": {\n \"version\": \"2708349d5a11a5c2e5f3a0765259ebe7ee00cdcc8161cb9990cb4910328442a1\",\n \"signature\": \"2708349d5a11a5c2e5f3a0765259ebe7ee00cdcc8161cb9990cb4910328442a1\",\n \"affectsGlobalScope\": true\n },\n \"./node_modules/@types/node/wasi.d.ts\": {\n \"version\": \"4e0a4d84b15692ea8669fe4f3d05a4f204567906b1347da7a58b75f45bae48d3\",\n \"signature\": \"4e0a4d84b15692ea8669fe4f3d05a4f204567906b1347da7a58b75f45bae48d3\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/ts3.6/base.d.ts\": {\n \"version\": \"ad1ae5ae98eceb9af99061e83e867b9897d267aebc8f3b938c9424deabadf4bb\",\n \"signature\": \"ad1ae5ae98eceb9af99061e83e867b9897d267aebc8f3b938c9424deabadf4bb\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/assert.d.ts\": {\n \"version\": \"6fbe72eed85e363ad83b763e03be824558c6ea7456c7259a48bcf0afdeb9d7e4\",\n \"signature\": \"6fbe72eed85e363ad83b763e03be824558c6ea7456c7259a48bcf0afdeb9d7e4\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/base.d.ts\": {\n \"version\": \"e61a21e9418f279bc480394a94d1581b2dee73747adcbdef999b6737e34d721b\",\n \"signature\": \"e61a21e9418f279bc480394a94d1581b2dee73747adcbdef999b6737e34d721b\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/node/index.d.ts\": {\n \"version\": \"5825520e2099309182c6e2a2b3061b060d42a098c58f67d1754880a7e2cce99a\",\n \"signature\": \"5825520e2099309182c6e2a2b3061b060d42a098c58f67d1754880a7e2cce99a\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/minimatch/index.d.ts\": {\n \"version\": \"1d1e6bd176eee5970968423d7e215bfd66828b6db8d54d17afec05a831322633\",\n \"signature\": \"1d1e6bd176eee5970968423d7e215bfd66828b6db8d54d17afec05a831322633\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/glob/index.d.ts\": {\n \"version\": \"393137c76bd922ba70a2f8bf1ade4f59a16171a02fb25918c168d48875b0cfb0\",\n \"signature\": \"393137c76bd922ba70a2f8bf1ade4f59a16171a02fb25918c168d48875b0cfb0\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/html-minifier-terser/index.d.ts\": {\n \"version\": \"6767cce098e1e6369c26258b7a1f9e569c5467d501a47a090136d5ea6e80ae6d\",\n \"signature\": \"6767cce098e1e6369c26258b7a1f9e569c5467d501a47a090136d5ea6e80ae6d\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/parse-json/index.d.ts\": {\n \"version\": \"2b8264b2fefd7367e0f20e2c04eed5d3038831fe00f5efbc110ff0131aab899b\",\n \"signature\": \"2b8264b2fefd7367e0f20e2c04eed5d3038831fe00f5efbc110ff0131aab899b\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/q/index.d.ts\": {\n \"version\": \"f9a2dd6a6084665f093ed0e9664b8e673be2a45e342a59dd4e0e4e552e68a9ad\",\n \"signature\": \"f9a2dd6a6084665f093ed0e9664b8e673be2a45e342a59dd4e0e4e552e68a9ad\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/source-list-map/index.d.ts\": {\n \"version\": \"67fc055eb86a0632e2e072838f889ffe1754083cb13c8c80a06a7d895d877aae\",\n \"signature\": \"67fc055eb86a0632e2e072838f889ffe1754083cb13c8c80a06a7d895d877aae\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/tapable/index.d.ts\": {\n \"version\": \"d558a0fe921ebcc88d3212c2c42108abf9f0d694d67ebdeba37d7728c044f579\",\n \"signature\": \"d558a0fe921ebcc88d3212c2c42108abf9f0d694d67ebdeba37d7728c044f579\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/source-map/source-map.d.ts\": {\n \"version\": \"2887592574fcdfd087647c539dcb0fbe5af2521270dad4a37f9d17c16190d579\",\n \"signature\": \"2887592574fcdfd087647c539dcb0fbe5af2521270dad4a37f9d17c16190d579\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/uglify-js/index.d.ts\": {\n \"version\": \"0215efc2c3f40fd9ec91f19d277afc9efba41cee054fd0be4c92e75cb10cf2c0\",\n \"signature\": \"0215efc2c3f40fd9ec91f19d277afc9efba41cee054fd0be4c92e75cb10cf2c0\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/tapable/tapable.d.ts\": {\n \"version\": \"b395ec0779c66de885f97974534e95ee2c8bbf9acaf5857a6782ddc32972b6d8\",\n \"signature\": \"b395ec0779c66de885f97974534e95ee2c8bbf9acaf5857a6782ddc32972b6d8\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\": {\n \"version\": \"b90c59ac4682368a01c83881b814738eb151de8a58f52eb7edadea2bcffb11b9\",\n \"signature\": \"b90c59ac4682368a01c83881b814738eb151de8a58f52eb7edadea2bcffb11b9\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\": {\n \"version\": \"8560a87b2e9f8e2c3808c8f6172c9b7eb6c9b08cb9f937db71c285ecf292c81d\",\n \"signature\": \"8560a87b2e9f8e2c3808c8f6172c9b7eb6c9b08cb9f937db71c285ecf292c81d\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\": {\n \"version\": \"ffe3931ff864f28d80ae2f33bd11123ad3d7bad9896b910a1e61504cc093e1f5\",\n \"signature\": \"ffe3931ff864f28d80ae2f33bd11123ad3d7bad9896b910a1e61504cc093e1f5\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\": {\n \"version\": \"083c1bd82f8dc3a1ed6fc9e8eaddf141f7c05df418eca386598821e045253af9\",\n \"signature\": \"083c1bd82f8dc3a1ed6fc9e8eaddf141f7c05df418eca386598821e045253af9\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\": {\n \"version\": \"274ebe605bd7f71ce161f9f5328febc7d547a2929f803f04b44ec4a7d8729517\",\n \"signature\": \"274ebe605bd7f71ce161f9f5328febc7d547a2929f803f04b44ec4a7d8729517\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\": {\n \"version\": \"6ca0207e70d985a24396583f55836b10dc181063ab6069733561bfde404d1bad\",\n \"signature\": \"6ca0207e70d985a24396583f55836b10dc181063ab6069733561bfde404d1bad\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\": {\n \"version\": \"5908142efeaab38ffdf43927ee0af681ae77e0d7672b956dfb8b6c705dbfe106\",\n \"signature\": \"5908142efeaab38ffdf43927ee0af681ae77e0d7672b956dfb8b6c705dbfe106\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\": {\n \"version\": \"f772b188b943549b5c5eb803133314b8aa7689eced80eed0b70e2f30ca07ab9c\",\n \"signature\": \"f772b188b943549b5c5eb803133314b8aa7689eced80eed0b70e2f30ca07ab9c\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\": {\n \"version\": \"0026b816ef05cfbf290e8585820eef0f13250438669107dfc44482bac007b14f\",\n \"signature\": \"0026b816ef05cfbf290e8585820eef0f13250438669107dfc44482bac007b14f\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\": {\n \"version\": \"8ef5aad624890acfe0fa48230edce255f00934016d16acb8de0edac0ea5b21bb\",\n \"signature\": \"8ef5aad624890acfe0fa48230edce255f00934016d16acb8de0edac0ea5b21bb\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\": {\n \"version\": \"9af6248ff4baf0c1ddc62bb0bc43197437bd5fb2c95ff8e10e4cf2e699ea45c1\",\n \"signature\": \"9af6248ff4baf0c1ddc62bb0bc43197437bd5fb2c95ff8e10e4cf2e699ea45c1\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\": {\n \"version\": \"d84398556ba4595ee6be554671da142cfe964cbdebb2f0c517a10f76f2b016c0\",\n \"signature\": \"d84398556ba4595ee6be554671da142cfe964cbdebb2f0c517a10f76f2b016c0\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack-sources/index.d.ts\": {\n \"version\": \"89b42f8ee5d387a39db85ee2c7123a391c3ede266a2bcd502c85ad55626c3b2b\",\n \"signature\": \"89b42f8ee5d387a39db85ee2c7123a391c3ede266a2bcd502c85ad55626c3b2b\",\n \"affectsGlobalScope\": false\n },\n \"./node_modules/@types/webpack/index.d.ts\": {\n \"version\": \"6a11a44c28aeb36e551aad316a3c30e5edd9244396378f664dea164c4ce49fe0\",\n \"signature\": \"6a11a44c28aeb36e551aad316a3c30e5edd9244396378f664dea164c4ce49fe0\",\n \"affectsGlobalScope\": false\n }\n },\n \"options\": {\n \"target\": 1,\n \"module\": 5,\n \"strict\": true,\n \"jsx\": 1,\n \"declaration\": true,\n \"incremental\": true,\n \"importHelpers\": true,\n \"moduleResolution\": 2,\n \"experimentalDecorators\": true,\n \"esModuleInterop\": true,\n \"allowSyntheticDefaultImports\": true,\n \"sourceMap\": false,\n \"baseUrl\": \"./\",\n \"lib\": [\n \"lib.es5.d.ts\",\n \"lib.es2015.promise.d.ts\",\n \"lib.dom.d.ts\",\n \"lib.dom.iterable.d.ts\",\n \"lib.scripthost.d.ts\"\n ],\n \"configFilePath\": \"./tsconfig.json\"\n },\n \"referencedMap\": {\n \"./node_modules/@popperjs/core/index.d.ts\": [\n \"./node_modules/@popperjs/core/lib/index.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\",\n \"./node_modules/@popperjs/core/lib/utils/detectoverflow.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/index.d.ts\": [\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\",\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\": [\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\": [\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/popper.d.ts\": [\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/types.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/utils/detectoverflow.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@types/eslint-scope/index.d.ts\": [\n \"./node_modules/@types/eslint/index.d.ts\",\n \"./node_modules/@types/estree/index.d.ts\"\n ],\n \"./node_modules/@types/eslint/index.d.ts\": [\n \"./node_modules/@types/eslint/helpers.d.ts\",\n \"./node_modules/@types/estree/index.d.ts\",\n \"./node_modules/@types/json-schema/index.d.ts\"\n ],\n \"./node_modules/@types/glob/index.d.ts\": [\n \"./node_modules/@types/minimatch/index.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/index.d.ts\"\n ],\n \"./node_modules/@types/node/base.d.ts\": [\n \"./node_modules/@types/node/assert.d.ts\",\n \"./node_modules/@types/node/ts3.6/base.d.ts\"\n ],\n \"./node_modules/@types/node/child_process.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/cluster.d.ts\": [\n \"./node_modules/@types/node/child_process.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/net.d.ts\"\n ],\n \"./node_modules/@types/node/console.d.ts\": [\n \"./node_modules/@types/node/util.d.ts\"\n ],\n \"./node_modules/@types/node/constants.d.ts\": [\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/os.d.ts\"\n ],\n \"./node_modules/@types/node/crypto.d.ts\": [\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/dgram.d.ts\": [\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/net.d.ts\"\n ],\n \"./node_modules/@types/node/domain.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\"\n ],\n \"./node_modules/@types/node/fs.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs/promises.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/fs/promises.d.ts\": [\n \"./node_modules/@types/node/fs.d.ts\"\n ],\n \"./node_modules/@types/node/http.d.ts\": [\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/http2.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/http.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/tls.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/https.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/http.d.ts\",\n \"./node_modules/@types/node/tls.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/index.d.ts\": [\n \"./node_modules/@types/node/base.d.ts\"\n ],\n \"./node_modules/@types/node/inspector.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\"\n ],\n \"./node_modules/@types/node/module.d.ts\": [\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/net.d.ts\": [\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/perf_hooks.d.ts\": [\n \"./node_modules/@types/node/async_hooks.d.ts\"\n ],\n \"./node_modules/@types/node/process.d.ts\": [\n \"./node_modules/@types/node/tty.d.ts\"\n ],\n \"./node_modules/@types/node/readline.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/repl.d.ts\": [\n \"./node_modules/@types/node/readline.d.ts\",\n \"./node_modules/@types/node/util.d.ts\",\n \"./node_modules/@types/node/vm.d.ts\"\n ],\n \"./node_modules/@types/node/stream.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\"\n ],\n \"./node_modules/@types/node/tls.d.ts\": [\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/ts3.4/base.d.ts\": [\n \"./node_modules/@types/node/async_hooks.d.ts\",\n \"./node_modules/@types/node/buffer.d.ts\",\n \"./node_modules/@types/node/child_process.d.ts\",\n \"./node_modules/@types/node/cluster.d.ts\",\n \"./node_modules/@types/node/console.d.ts\",\n \"./node_modules/@types/node/constants.d.ts\",\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/dgram.d.ts\",\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/domain.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/fs/promises.d.ts\",\n \"./node_modules/@types/node/globals.d.ts\",\n \"./node_modules/@types/node/http.d.ts\",\n \"./node_modules/@types/node/http2.d.ts\",\n \"./node_modules/@types/node/https.d.ts\",\n \"./node_modules/@types/node/inspector.d.ts\",\n \"./node_modules/@types/node/module.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/os.d.ts\",\n \"./node_modules/@types/node/path.d.ts\",\n \"./node_modules/@types/node/perf_hooks.d.ts\",\n \"./node_modules/@types/node/process.d.ts\",\n \"./node_modules/@types/node/punycode.d.ts\",\n \"./node_modules/@types/node/querystring.d.ts\",\n \"./node_modules/@types/node/readline.d.ts\",\n \"./node_modules/@types/node/repl.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/string_decoder.d.ts\",\n \"./node_modules/@types/node/timers.d.ts\",\n \"./node_modules/@types/node/tls.d.ts\",\n \"./node_modules/@types/node/trace_events.d.ts\",\n \"./node_modules/@types/node/tty.d.ts\",\n \"./node_modules/@types/node/url.d.ts\",\n \"./node_modules/@types/node/util.d.ts\",\n \"./node_modules/@types/node/v8.d.ts\",\n \"./node_modules/@types/node/vm.d.ts\",\n \"./node_modules/@types/node/worker_threads.d.ts\",\n \"./node_modules/@types/node/zlib.d.ts\"\n ],\n \"./node_modules/@types/node/ts3.6/base.d.ts\": [\n \"./node_modules/@types/node/globals.global.d.ts\",\n \"./node_modules/@types/node/ts3.4/base.d.ts\",\n \"./node_modules/@types/node/wasi.d.ts\"\n ],\n \"./node_modules/@types/node/tty.d.ts\": [\n \"./node_modules/@types/node/net.d.ts\"\n ],\n \"./node_modules/@types/node/url.d.ts\": [\n \"./node_modules/@types/node/querystring.d.ts\"\n ],\n \"./node_modules/@types/node/v8.d.ts\": [\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/worker_threads.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs/promises.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/url.d.ts\",\n \"./node_modules/@types/node/vm.d.ts\"\n ],\n \"./node_modules/@types/node/zlib.d.ts\": [\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/uglify-js/index.d.ts\": [\n \"./node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/index.d.ts\": [\n \"./node_modules/@types/node/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\": [\n \"./node_modules/@types/source-list-map/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\": [\n \"./node_modules/@types/source-list-map/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\": [\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack/index.d.ts\": [\n \"./node_modules/@types/anymatch/index.d.ts\",\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/index.d.ts\",\n \"./node_modules/@types/uglify-js/index.d.ts\",\n \"./node_modules/@types/webpack-sources/index.d.ts\",\n \"./node_modules/source-map/source-map.d.ts\",\n \"./node_modules/tapable/tapable.d.ts\"\n ],\n \"./src/components/alert/alert.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/alert/index.ts\": [\n \"./src/components/alert/alert.ts\"\n ],\n \"./src/components/avatar/avatar.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\"\n ],\n \"./src/components/avatar/index.ts\": [\n \"./src/components/avatar/avatar.ts\"\n ],\n \"./src/components/back-top/back-top.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\"\n ],\n \"./src/components/back-top/index.ts\": [\n \"./src/components/back-top/back-top.ts\"\n ],\n \"./src/components/badge/badge.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/badge/index.ts\": [\n \"./src/components/badge/badge.ts\"\n ],\n \"./src/components/button/button.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/button/index.ts\": [\n \"./src/components/button/button.ts\"\n ],\n \"./src/components/card/card.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/card/index.ts\": [\n \"./src/components/card/card.ts\"\n ],\n \"./src/components/collapse/collapse.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/elem.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/collapse/index.ts\": [\n \"./src/components/collapse/collapse.ts\"\n ],\n \"./src/components/divider/divider.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\"\n ],\n \"./src/components/divider/index.ts\": [\n \"./src/components/divider/divider.ts\"\n ],\n \"./src/components/drawer/drawer.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/drawer/index.ts\": [\n \"./src/components/drawer/drawer.ts\"\n ],\n \"./src/components/dropdown/dropdown.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/dropdown/index.ts\": [\n \"./src/components/dropdown/dropdown.ts\"\n ],\n \"./src/components/loading-bar/index.ts\": [\n \"./src/components/loading-bar/loading-bar.ts\"\n ],\n \"./src/components/loading-bar/loading-bar.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/message/index.ts\": [\n \"./src/components/message/message.ts\"\n ],\n \"./src/components/message/message.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/modal/index.ts\": [\n \"./src/components/modal/modal.ts\"\n ],\n \"./src/components/modal/modal.ts\": [\n \"./src/components/button/index.ts\",\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/notice/index.ts\": [\n \"./src/components/notice/notice.ts\"\n ],\n \"./src/components/notice/notice.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/poptip/index.ts\": [\n \"./src/components/poptip/poptip.ts\"\n ],\n \"./src/components/poptip/poptip.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/mixins/tooltip.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/progress/index.ts\": [\n \"./src/components/progress/progress.ts\"\n ],\n \"./src/components/progress/progress.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/result/index.ts\": [\n \"./src/components/result/result.ts\"\n ],\n \"./src/components/result/result.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/images.d.ts\"\n ],\n \"./src/components/skeleton/index.ts\": [\n \"./src/components/skeleton/skeleton.ts\"\n ],\n \"./src/components/skeleton/skeleton.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\"\n ],\n \"./src/components/spin/index.ts\": [\n \"./src/components/spin/spin.ts\"\n ],\n \"./src/components/spin/spin.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/steps/index.ts\": [\n \"./src/components/steps/steps.ts\"\n ],\n \"./src/components/steps/steps.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/switch/index.ts\": [\n \"./src/components/switch/switch.ts\"\n ],\n \"./src/components/switch/switch.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/tabs/index.ts\": [\n \"./src/components/tabs/tabs.ts\"\n ],\n \"./src/components/tabs/tabs.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/components/time/index.ts\": [\n \"./src/components/time/time.ts\"\n ],\n \"./src/components/time/time.ts\": [\n \"./node_modules/moment/ts3.1-typings/moment.d.ts\",\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\"\n ],\n \"./src/components/timeline/index.ts\": [\n \"./src/components/timeline/timeline.ts\"\n ],\n \"./src/components/timeline/timeline.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\"\n ],\n \"./src/components/tooltip/index.ts\": [\n \"./src/components/tooltip/tooltip.ts\"\n ],\n \"./src/components/tooltip/tooltip.ts\": [\n \"./src/components/prefix.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/dom-utils/index.ts\": [\n \"./src/dom-utils/bind.ts\",\n \"./src/dom-utils/elem.ts\",\n \"./src/dom-utils/prev&next.ts\",\n \"./src/dom-utils/remove-attrs.ts\",\n \"./src/dom-utils/siblings.ts\",\n \"./src/dom-utils/slide.ts\"\n ],\n \"./src/index.ts\": [\n \"./src/rabbit-design.ts\"\n ],\n \"./src/mixins/arrow.ts\": [\n \"./src/dom-utils/index.ts\"\n ],\n \"./src/mixins/click-outside.ts\": [\n \"./src/dom-utils/index.ts\",\n \"./src/mixins/index.ts\"\n ],\n \"./src/mixins/index.ts\": [\n \"./src/mixins/arrow.ts\",\n \"./src/mixins/cb-promise.ts\",\n \"./src/mixins/click-outside.ts\",\n \"./src/mixins/css-transition.ts\",\n \"./src/mixins/scrollable.ts\",\n \"./src/mixins/tooltip.ts\",\n \"./src/mixins/warn.ts\"\n ],\n \"./src/mixins/scrollable.ts\": [\n \"./src/dom-utils/index.ts\"\n ],\n \"./src/mixins/tooltip.ts\": [\n \"./node_modules/@popperjs/core/index.d.ts\",\n \"./src/dom-utils/index.ts\",\n \"./src/utils/index.ts\"\n ],\n \"./src/rabbit-design.ts\": [\n \"./src/components/alert/index.ts\",\n \"./src/components/avatar/index.ts\",\n \"./src/components/back-top/index.ts\",\n \"./src/components/badge/index.ts\",\n \"./src/components/button/index.ts\",\n \"./src/components/card/index.ts\",\n \"./src/components/collapse/index.ts\",\n \"./src/components/divider/index.ts\",\n \"./src/components/drawer/index.ts\",\n \"./src/components/dropdown/index.ts\",\n \"./src/components/loading-bar/index.ts\",\n \"./src/components/message/index.ts\",\n \"./src/components/modal/index.ts\",\n \"./src/components/notice/index.ts\",\n \"./src/components/poptip/index.ts\",\n \"./src/components/progress/index.ts\",\n \"./src/components/result/index.ts\",\n \"./src/components/skeleton/index.ts\",\n \"./src/components/spin/index.ts\",\n \"./src/components/steps/index.ts\",\n \"./src/components/switch/index.ts\",\n \"./src/components/tabs/index.ts\",\n \"./src/components/time/index.ts\",\n \"./src/components/timeline/index.ts\",\n \"./src/components/tooltip/index.ts\"\n ],\n \"./src/utils/check-type.ts\": [\n \"./src/mixins/warn.ts\"\n ],\n \"./src/utils/destroy.ts\": [\n \"./src/mixins/index.ts\"\n ],\n \"./src/utils/index.ts\": [\n \"./src/utils/check-type.ts\",\n \"./src/utils/destroy.ts\",\n \"./src/utils/use-html-string.ts\",\n \"./src/utils/validcomps.ts\"\n ],\n \"./src/utils/use-html-string.ts\": [\n \"./src/dom-utils/index.ts\"\n ]\n },\n \"exportedModulesMap\": {\n \"./node_modules/@popperjs/core/index.d.ts\": [\n \"./node_modules/@popperjs/core/lib/index.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\",\n \"./node_modules/@popperjs/core/lib/utils/detectoverflow.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/index.d.ts\": [\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\",\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\": [\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\": [\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\": [\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/popper.d.ts\": [\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/types.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\"\n ],\n \"./node_modules/@popperjs/core/lib/utils/detectoverflow.d.ts\": [\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\"\n ],\n \"./node_modules/@types/eslint-scope/index.d.ts\": [\n \"./node_modules/@types/eslint/index.d.ts\",\n \"./node_modules/@types/estree/index.d.ts\"\n ],\n \"./node_modules/@types/eslint/index.d.ts\": [\n \"./node_modules/@types/eslint/helpers.d.ts\",\n \"./node_modules/@types/estree/index.d.ts\",\n \"./node_modules/@types/json-schema/index.d.ts\"\n ],\n \"./node_modules/@types/glob/index.d.ts\": [\n \"./node_modules/@types/minimatch/index.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/index.d.ts\"\n ],\n \"./node_modules/@types/node/base.d.ts\": [\n \"./node_modules/@types/node/assert.d.ts\",\n \"./node_modules/@types/node/ts3.6/base.d.ts\"\n ],\n \"./node_modules/@types/node/child_process.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/cluster.d.ts\": [\n \"./node_modules/@types/node/child_process.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/net.d.ts\"\n ],\n \"./node_modules/@types/node/console.d.ts\": [\n \"./node_modules/@types/node/util.d.ts\"\n ],\n \"./node_modules/@types/node/constants.d.ts\": [\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/os.d.ts\"\n ],\n \"./node_modules/@types/node/crypto.d.ts\": [\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/dgram.d.ts\": [\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/net.d.ts\"\n ],\n \"./node_modules/@types/node/domain.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\"\n ],\n \"./node_modules/@types/node/fs.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs/promises.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/fs/promises.d.ts\": [\n \"./node_modules/@types/node/fs.d.ts\"\n ],\n \"./node_modules/@types/node/http.d.ts\": [\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/http2.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/http.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/tls.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/https.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/http.d.ts\",\n \"./node_modules/@types/node/tls.d.ts\",\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/index.d.ts\": [\n \"./node_modules/@types/node/base.d.ts\"\n ],\n \"./node_modules/@types/node/inspector.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\"\n ],\n \"./node_modules/@types/node/module.d.ts\": [\n \"./node_modules/@types/node/url.d.ts\"\n ],\n \"./node_modules/@types/node/net.d.ts\": [\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/perf_hooks.d.ts\": [\n \"./node_modules/@types/node/async_hooks.d.ts\"\n ],\n \"./node_modules/@types/node/process.d.ts\": [\n \"./node_modules/@types/node/tty.d.ts\"\n ],\n \"./node_modules/@types/node/readline.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/repl.d.ts\": [\n \"./node_modules/@types/node/readline.d.ts\",\n \"./node_modules/@types/node/util.d.ts\",\n \"./node_modules/@types/node/vm.d.ts\"\n ],\n \"./node_modules/@types/node/stream.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\"\n ],\n \"./node_modules/@types/node/tls.d.ts\": [\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/ts3.4/base.d.ts\": [\n \"./node_modules/@types/node/async_hooks.d.ts\",\n \"./node_modules/@types/node/buffer.d.ts\",\n \"./node_modules/@types/node/child_process.d.ts\",\n \"./node_modules/@types/node/cluster.d.ts\",\n \"./node_modules/@types/node/console.d.ts\",\n \"./node_modules/@types/node/constants.d.ts\",\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/dgram.d.ts\",\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/domain.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/fs/promises.d.ts\",\n \"./node_modules/@types/node/globals.d.ts\",\n \"./node_modules/@types/node/http.d.ts\",\n \"./node_modules/@types/node/http2.d.ts\",\n \"./node_modules/@types/node/https.d.ts\",\n \"./node_modules/@types/node/inspector.d.ts\",\n \"./node_modules/@types/node/module.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/os.d.ts\",\n \"./node_modules/@types/node/path.d.ts\",\n \"./node_modules/@types/node/perf_hooks.d.ts\",\n \"./node_modules/@types/node/process.d.ts\",\n \"./node_modules/@types/node/punycode.d.ts\",\n \"./node_modules/@types/node/querystring.d.ts\",\n \"./node_modules/@types/node/readline.d.ts\",\n \"./node_modules/@types/node/repl.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/string_decoder.d.ts\",\n \"./node_modules/@types/node/timers.d.ts\",\n \"./node_modules/@types/node/tls.d.ts\",\n \"./node_modules/@types/node/trace_events.d.ts\",\n \"./node_modules/@types/node/tty.d.ts\",\n \"./node_modules/@types/node/url.d.ts\",\n \"./node_modules/@types/node/util.d.ts\",\n \"./node_modules/@types/node/v8.d.ts\",\n \"./node_modules/@types/node/vm.d.ts\",\n \"./node_modules/@types/node/worker_threads.d.ts\",\n \"./node_modules/@types/node/zlib.d.ts\"\n ],\n \"./node_modules/@types/node/ts3.6/base.d.ts\": [\n \"./node_modules/@types/node/globals.global.d.ts\",\n \"./node_modules/@types/node/ts3.4/base.d.ts\",\n \"./node_modules/@types/node/wasi.d.ts\"\n ],\n \"./node_modules/@types/node/tty.d.ts\": [\n \"./node_modules/@types/node/net.d.ts\"\n ],\n \"./node_modules/@types/node/url.d.ts\": [\n \"./node_modules/@types/node/querystring.d.ts\"\n ],\n \"./node_modules/@types/node/v8.d.ts\": [\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/node/worker_threads.d.ts\": [\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs/promises.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/url.d.ts\",\n \"./node_modules/@types/node/vm.d.ts\"\n ],\n \"./node_modules/@types/node/zlib.d.ts\": [\n \"./node_modules/@types/node/stream.d.ts\"\n ],\n \"./node_modules/@types/uglify-js/index.d.ts\": [\n \"./node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/index.d.ts\": [\n \"./node_modules/@types/node/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\": [\n \"./node_modules/@types/source-list-map/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\": [\n \"./node_modules/@types/source-list-map/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\": [\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\": [\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\"\n ],\n \"./node_modules/@types/webpack/index.d.ts\": [\n \"./node_modules/@types/anymatch/index.d.ts\",\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/index.d.ts\",\n \"./node_modules/@types/uglify-js/index.d.ts\",\n \"./node_modules/@types/webpack-sources/index.d.ts\",\n \"./node_modules/source-map/source-map.d.ts\",\n \"./node_modules/tapable/tapable.d.ts\"\n ],\n \"./src/components/alert/index.ts\": [\n \"./src/components/alert/alert.ts\"\n ],\n \"./src/components/avatar/index.ts\": [\n \"./src/components/avatar/avatar.ts\"\n ],\n \"./src/components/back-top/index.ts\": [\n \"./src/components/back-top/back-top.ts\"\n ],\n \"./src/components/badge/index.ts\": [\n \"./src/components/badge/badge.ts\"\n ],\n \"./src/components/button/index.ts\": [\n \"./src/components/button/button.ts\"\n ],\n \"./src/components/card/index.ts\": [\n \"./src/components/card/card.ts\"\n ],\n \"./src/components/collapse/index.ts\": [\n \"./src/components/collapse/collapse.ts\"\n ],\n \"./src/components/divider/index.ts\": [\n \"./src/components/divider/divider.ts\"\n ],\n \"./src/components/drawer/index.ts\": [\n \"./src/components/drawer/drawer.ts\"\n ],\n \"./src/components/dropdown/index.ts\": [\n \"./src/components/dropdown/dropdown.ts\"\n ],\n \"./src/components/loading-bar/index.ts\": [\n \"./src/components/loading-bar/loading-bar.ts\"\n ],\n \"./src/components/message/index.ts\": [\n \"./src/components/message/message.ts\"\n ],\n \"./src/components/modal/index.ts\": [\n \"./src/components/modal/modal.ts\"\n ],\n \"./src/components/notice/index.ts\": [\n \"./src/components/notice/notice.ts\"\n ],\n \"./src/components/poptip/index.ts\": [\n \"./src/components/poptip/poptip.ts\"\n ],\n \"./src/components/progress/index.ts\": [\n \"./src/components/progress/progress.ts\"\n ],\n \"./src/components/result/index.ts\": [\n \"./src/components/result/result.ts\"\n ],\n \"./src/components/skeleton/index.ts\": [\n \"./src/components/skeleton/skeleton.ts\"\n ],\n \"./src/components/spin/index.ts\": [\n \"./src/components/spin/spin.ts\"\n ],\n \"./src/components/steps/index.ts\": [\n \"./src/components/steps/steps.ts\"\n ],\n \"./src/components/switch/index.ts\": [\n \"./src/components/switch/switch.ts\"\n ],\n \"./src/components/tabs/index.ts\": [\n \"./src/components/tabs/tabs.ts\"\n ],\n \"./src/components/time/index.ts\": [\n \"./src/components/time/time.ts\"\n ],\n \"./src/components/timeline/index.ts\": [\n \"./src/components/timeline/timeline.ts\"\n ],\n \"./src/components/tooltip/index.ts\": [\n \"./src/components/tooltip/tooltip.ts\"\n ],\n \"./src/dom-utils/index.ts\": [\n \"./src/dom-utils/bind.ts\",\n \"./src/dom-utils/elem.ts\",\n \"./src/dom-utils/prev&next.ts\",\n \"./src/dom-utils/remove-attrs.ts\",\n \"./src/dom-utils/siblings.ts\",\n \"./src/dom-utils/slide.ts\"\n ],\n \"./src/index.ts\": [\n \"./src/rabbit-design.ts\"\n ],\n \"./src/mixins/index.ts\": [\n \"./src/mixins/arrow.ts\",\n \"./src/mixins/cb-promise.ts\",\n \"./src/mixins/click-outside.ts\",\n \"./src/mixins/css-transition.ts\",\n \"./src/mixins/scrollable.ts\",\n \"./src/mixins/tooltip.ts\",\n \"./src/mixins/warn.ts\"\n ],\n \"./src/rabbit-design.ts\": [\n \"./src/components/alert/index.ts\",\n \"./src/components/avatar/index.ts\",\n \"./src/components/back-top/index.ts\",\n \"./src/components/badge/index.ts\",\n \"./src/components/button/index.ts\",\n \"./src/components/card/index.ts\",\n \"./src/components/collapse/index.ts\",\n \"./src/components/divider/index.ts\",\n \"./src/components/drawer/index.ts\",\n \"./src/components/dropdown/index.ts\",\n \"./src/components/loading-bar/index.ts\",\n \"./src/components/message/index.ts\",\n \"./src/components/modal/index.ts\",\n \"./src/components/notice/index.ts\",\n \"./src/components/poptip/index.ts\",\n \"./src/components/progress/index.ts\",\n \"./src/components/result/index.ts\",\n \"./src/components/skeleton/index.ts\",\n \"./src/components/spin/index.ts\",\n \"./src/components/steps/index.ts\",\n \"./src/components/switch/index.ts\",\n \"./src/components/tabs/index.ts\",\n \"./src/components/time/index.ts\",\n \"./src/components/timeline/index.ts\",\n \"./src/components/tooltip/index.ts\"\n ],\n \"./src/utils/index.ts\": [\n \"./src/utils/check-type.ts\",\n \"./src/utils/destroy.ts\",\n \"./src/utils/use-html-string.ts\",\n \"./src/utils/validcomps.ts\"\n ]\n },\n \"semanticDiagnosticsPerFile\": [\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.dom.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.dom.iterable.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.collection.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.core.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.generator.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.iterable.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.promise.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.proxy.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.reflect.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.symbol.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2016.array.include.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2016.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.intl.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.object.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.string.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.intl.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.promise.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2018.regexp.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es2020.bigint.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.es5.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.esnext.intl.d.ts\",\n \"../../../../../appdata/roaming/npm/node_modules/typescript/lib/lib.scripthost.d.ts\",\n \"./node_modules/@popperjs/core/index.d.ts\",\n \"./node_modules/@popperjs/core/lib/createpopper.d.ts\",\n \"./node_modules/@popperjs/core/lib/enums.d.ts\",\n \"./node_modules/@popperjs/core/lib/index.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/applystyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/arrow.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/computestyles.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/eventlisteners.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/flip.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/hide.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/index.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/offset.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/popperoffsets.d.ts\",\n \"./node_modules/@popperjs/core/lib/modifiers/preventoverflow.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper-lite.d.ts\",\n \"./node_modules/@popperjs/core/lib/popper.d.ts\",\n \"./node_modules/@popperjs/core/lib/types.d.ts\",\n \"./node_modules/@popperjs/core/lib/utils/detectoverflow.d.ts\",\n \"./node_modules/@types/anymatch/index.d.ts\",\n \"./node_modules/@types/eslint-scope/index.d.ts\",\n \"./node_modules/@types/eslint/helpers.d.ts\",\n \"./node_modules/@types/eslint/index.d.ts\",\n \"./node_modules/@types/estree/index.d.ts\",\n \"./node_modules/@types/glob/index.d.ts\",\n \"./node_modules/@types/html-minifier-terser/index.d.ts\",\n \"./node_modules/@types/json-schema/index.d.ts\",\n \"./node_modules/@types/minimatch/index.d.ts\",\n \"./node_modules/@types/node/assert.d.ts\",\n \"./node_modules/@types/node/async_hooks.d.ts\",\n \"./node_modules/@types/node/base.d.ts\",\n \"./node_modules/@types/node/buffer.d.ts\",\n \"./node_modules/@types/node/child_process.d.ts\",\n \"./node_modules/@types/node/cluster.d.ts\",\n \"./node_modules/@types/node/console.d.ts\",\n \"./node_modules/@types/node/constants.d.ts\",\n \"./node_modules/@types/node/crypto.d.ts\",\n \"./node_modules/@types/node/dgram.d.ts\",\n \"./node_modules/@types/node/dns.d.ts\",\n \"./node_modules/@types/node/domain.d.ts\",\n \"./node_modules/@types/node/events.d.ts\",\n \"./node_modules/@types/node/fs.d.ts\",\n \"./node_modules/@types/node/fs/promises.d.ts\",\n \"./node_modules/@types/node/globals.d.ts\",\n \"./node_modules/@types/node/globals.global.d.ts\",\n \"./node_modules/@types/node/http.d.ts\",\n \"./node_modules/@types/node/http2.d.ts\",\n \"./node_modules/@types/node/https.d.ts\",\n \"./node_modules/@types/node/index.d.ts\",\n \"./node_modules/@types/node/inspector.d.ts\",\n \"./node_modules/@types/node/module.d.ts\",\n \"./node_modules/@types/node/net.d.ts\",\n \"./node_modules/@types/node/os.d.ts\",\n \"./node_modules/@types/node/path.d.ts\",\n \"./node_modules/@types/node/perf_hooks.d.ts\",\n \"./node_modules/@types/node/process.d.ts\",\n \"./node_modules/@types/node/punycode.d.ts\",\n \"./node_modules/@types/node/querystring.d.ts\",\n \"./node_modules/@types/node/readline.d.ts\",\n \"./node_modules/@types/node/repl.d.ts\",\n \"./node_modules/@types/node/stream.d.ts\",\n \"./node_modules/@types/node/string_decoder.d.ts\",\n \"./node_modules/@types/node/timers.d.ts\",\n \"./node_modules/@types/node/tls.d.ts\",\n \"./node_modules/@types/node/trace_events.d.ts\",\n \"./node_modules/@types/node/ts3.4/base.d.ts\",\n \"./node_modules/@types/node/ts3.6/base.d.ts\",\n \"./node_modules/@types/node/tty.d.ts\",\n \"./node_modules/@types/node/url.d.ts\",\n \"./node_modules/@types/node/util.d.ts\",\n \"./node_modules/@types/node/v8.d.ts\",\n \"./node_modules/@types/node/vm.d.ts\",\n \"./node_modules/@types/node/wasi.d.ts\",\n \"./node_modules/@types/node/worker_threads.d.ts\",\n \"./node_modules/@types/node/zlib.d.ts\",\n \"./node_modules/@types/parse-json/index.d.ts\",\n \"./node_modules/@types/q/index.d.ts\",\n \"./node_modules/@types/source-list-map/index.d.ts\",\n \"./node_modules/@types/tapable/index.d.ts\",\n \"./node_modules/@types/uglify-js/index.d.ts\",\n \"./node_modules/@types/webpack-sources/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/cachedsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/compatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/concatsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/index.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/originalsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/prefixsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/rawsource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/replacesource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sizeonlysource.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/source.d.ts\",\n \"./node_modules/@types/webpack-sources/lib/sourcemapsource.d.ts\",\n \"./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts\",\n [\n \"./node_modules/@types/webpack/index.d.ts\",\n [\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 1707,\n \"length\": 7,\n \"messageText\": \"Module '\\\"../../tapable/tapable\\\"' has no exported member 'Tapable'.\",\n \"category\": 1,\n \"code\": 2305\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44271,\n \"length\": 17,\n \"messageText\": \"Generic type 'SyncWaterfallHook' requires between 1 and 2 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44311,\n \"length\": 17,\n \"messageText\": \"Generic type 'SyncWaterfallHook' requires between 1 and 2 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44357,\n \"length\": 24,\n \"messageText\": \"Generic type 'AsyncSeriesWaterfallHook' requires between 1 and 2 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44409,\n \"length\": 24,\n \"messageText\": \"Generic type 'AsyncSeriesWaterfallHook' requires between 1 and 2 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44461,\n \"length\": 12,\n \"messageText\": \"Generic type 'SyncBailHook' requires between 2 and 3 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44495,\n \"length\": 17,\n \"messageText\": \"Generic type 'SyncWaterfallHook' requires between 1 and 2 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44540,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44635,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44667,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44903,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44938,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 44983,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45035,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45090,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45126,\n \"length\": 12,\n \"messageText\": \"Generic type 'SyncBailHook' requires between 2 and 3 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45169,\n \"length\": 12,\n \"messageText\": \"Generic type 'SyncBailHook' requires between 2 and 3 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45206,\n \"length\": 7,\n \"messageText\": \"Generic type 'HookMap' requires 1 type argument(s).\",\n \"category\": 1,\n \"code\": 2314\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45239,\n \"length\": 12,\n \"messageText\": \"Generic type 'SyncBailHook' requires between 2 and 3 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45286,\n \"length\": 12,\n \"messageText\": \"Generic type 'SyncBailHook' requires between 2 and 3 type arguments.\",\n \"category\": 1,\n \"code\": 2707\n },\n {\n \"file\": \"./node_modules/@types/webpack/index.d.ts\",\n \"start\": 45324,\n \"length\": 12,\n \"messageText\": \"Generic type 'SyncBailHook
![](\"./assets/logo.svg\"){kind=logo}
\n \n![](\"../../assets/logo.png\"){kind=logo}
\n ![\"wechat-money\"](\"/wechat-money.png\")
\n \n 微信\n ![\"zfb-money\"](\"/zfb-money.jpg\")
\n \n 支付宝\n ![\"qq\"](\"/src/assets/qq.png\")
\n \n QQ (724617944)\n \n \n \n ![](\"/src/assets/logo.svg\"){kind=logo}
\n ![](\"https://img.shields.io/npm/v/rabbit-simple-ui.svg?style=flat-square\")
\n \n