@zykj2024/much-library 1.1.7-beta.1 → 1.1.7-beta.10

package/dist/McDateRange/demo/cancelPresets.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 取消当前快捷设置
- * description: 通过手动取消当前组件内部自定义的时间段预设可以将组件变为为一个值传递格式为字符串数组的普通时间段选择器。
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McDateRange/demo/cancelPresets.js

@@ -1,23 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 取消当前快捷设置
- * description: 通过手动取消当前组件内部自定义的时间段预设可以将组件变为为一个值传递格式为字符串数组的普通时间段选择器。
- */
-
-import { McDateRange } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  return /*#__PURE__*/_jsx(McDateRange, {
-    value: value,
-    onChange: setValue,
-    style: {
-      width: '330px'
-    },
-    presets: false
-  });
-});

package/dist/McDateRange/demo/overlap.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McDateRange/demo/overlap.js

@@ -1,32 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 覆盖默认预设
- * description: 因为组件本质上就是提供了常用的时间段预设，所以可以使用自定义的时间段预设对其进行覆盖。
- */
-import dayjs from 'dayjs';
-import { McDateRange } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  return /*#__PURE__*/_jsx(McDateRange, {
-    value: value,
-    onChange: setValue,
-    style: {
-      width: '330px'
-    },
-    presets: [{
-      label: 'Yesterday',
-      value: [dayjs().add(-1, 'd'), dayjs()]
-    }, {
-      label: 'Last Week',
-      value: [dayjs().add(-7, 'd'), dayjs()]
-    }, {
-      label: 'Last Month',
-      value: [dayjs().add(-1, 'month'), dayjs()]
-    }]
-  });
-});

package/dist/McDateRange/index.css

@@ -1,31 +0,0 @@
-.mc-date-range__label {
-  color: #262626;
-  font-size: 14px;
-  position: absolute;
-  top: 0;
-  left: 11px;
-  z-index: 2;
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-.mc-date-range__label::after {
-  content: '\FF1A';
-  margin-left: 2px;
-}
-.mc-date-range__label.mc-date-range--disabled {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: no-drop;
-}
-.mc-date-range__content {
-  width: 100%;
-  height: 100%;
-}
-.mc-date-range__preset-label {
-  margin: -1px -8px;
-  padding: 1px 8px;
-}

package/dist/McEllipsis/demo/base.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基本使用
- * description: 单行末尾省略<br>设置 `rows` 多行末尾省略
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/base.js

@@ -1,22 +0,0 @@
-/**
- * title: 基本使用
- * description: 单行末尾省略<br>设置 `rows` 多行末尾省略
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: 240
-    },
-    children: [/*#__PURE__*/_jsx(McEllipsis, {
-      text: '单行末尾省略：' + longText
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '3行末尾省略：' + longText,
-      rows: 3
-    })]
-  });
-});

package/dist/McEllipsis/demo/middle.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 中间省略
- * description: 设置 `middle` 使用中间省略<br>设置 `suffixCount` 结尾显示的字个数
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/middle.js

@@ -1,24 +0,0 @@
-/**
- * title: 中间省略
- * description: 设置 `middle` 使用中间省略<br>设置 `suffixCount` 结尾显示的字个数
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: 240
-    },
-    children: [/*#__PURE__*/_jsx(McEllipsis, {
-      text: '中间省略：' + longText,
-      middle: true
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '结尾显示10个字：' + longText,
-      middle: true,
-      suffixCount: 10
-    })]
-  });
-});

package/dist/McEllipsis/demo/table.d.ts

@@ -1,5 +0,0 @@
-/**
- * title: 表格内使用
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/table.js

@@ -1,93 +0,0 @@
-/**
- * title: 表格内使用
- */
-
-import { Table } from 'antd';
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  var dataSource = [];
-  for (var i = 0; i < 100; i++) {
-    dataSource.push({
-      id: i,
-      column1: '单行末尾省略 ' + longText + i,
-      column2: '单行中间省略 ' + longText + i,
-      column3: '3行末尾省略 ' + longText + i,
-      column4: '3行末尾省略可复制 ' + longText + i,
-      column5: '自定义提示内容 ' + longText + i,
-      column6: '2行末尾省略不提示 ' + longText + i
-    });
-  }
-  var columns = [{
-    title: '单行末尾省略',
-    dataIndex: 'column1',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _
-      });
-    }
-  }, {
-    title: '单行中间省略',
-    dataIndex: 'column2',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        middle: true
-      });
-    }
-  }, {
-    title: '3行末尾省略',
-    dataIndex: 'column3',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        rows: 3
-      });
-    }
-  }, {
-    title: '3行末尾省略可复制',
-    dataIndex: 'column4',
-    width: 140,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        rows: 3,
-        copyable: true
-      });
-    }
-  }, {
-    title: '自定义提示内容',
-    dataIndex: 'column5',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        tooltip: "\u6211\u662F\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9"
-      });
-    }
-  }, {
-    title: '2行末尾省略不提示',
-    dataIndex: 'column6',
-    width: 140,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        rows: 2,
-        tooltip: false
-      });
-    }
-  }];
-  return /*#__PURE__*/_jsx(Table, {
-    size: "small",
-    columns: columns,
-    dataSource: dataSource,
-    rowKey: "id",
-    scroll: {
-      y: 300
-    }
-  });
-});

package/dist/McEllipsis/demo/tooltip-size.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 提示框宽高
- * description: 设置 `tooltipMaxWidth` 和 `tooltipMaxHeight` 可控制提示框最大宽高，避免内容过多时显示异常
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/tooltip-size.js

@@ -1,20 +0,0 @@
-/**
- * title: 提示框宽高
- * description: 设置 `tooltipMaxWidth` 和 `tooltipMaxHeight` 可控制提示框最大宽高，避免内容过多时显示异常
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      width: 240
-    },
-    children: /*#__PURE__*/_jsx(McEllipsis, {
-      text: '提示框宽高：' + longText,
-      tooltipMaxWidth: 200,
-      tooltipMaxHeight: 100
-    })
-  });
-});

package/dist/McEllipsis/demo/tooltip.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义提示内容
- * description: 设置 `tooltip` 或使用 `TooltipProps` 属性自定义提示内容<br>设置 `tooltip` 为 false 则不展示<br>设置 `alwaysTooltip` 为 true 则不省略也展示
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/tooltip.js

@@ -1,53 +0,0 @@
-/**
- * title: 自定义提示内容
- * description: 设置 `tooltip` 或使用 `TooltipProps` 属性自定义提示内容<br>设置 `tooltip` 为 false 则不展示<br>设置 `alwaysTooltip` 为 true 则不省略也展示
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: 240
-    },
-    children: [/*#__PURE__*/_jsx(McEllipsis, {
-      text: '提示与文字内容不同：' + longText,
-      tooltip: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("div", {
-          children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
-        }), /*#__PURE__*/_jsx("div", {
-          children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
-        })]
-      })
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '使用TooltipProps属性：' + longText,
-      tooltip: {
-        title: /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("div", {
-            children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
-          }), /*#__PURE__*/_jsx("div", {
-            children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
-          })]
-        }),
-        placement: 'topLeft',
-        color: '#325CF7'
-      }
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '省略也不展示：' + longText,
-      tooltip: false
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: "\u4E0D\u7701\u7565\u4E5F\u5C55\u793A",
-      tooltip: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("div", {
-          children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
-        }), /*#__PURE__*/_jsx("div", {
-          children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
-        })]
-      }),
-      alwaysTooltip: true
-    })]
-  });
-});

package/dist/McEllipsis/index.css

@@ -1,4 +0,0 @@
-.mc-ellipsis,
-.mc-ellipsis * {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}

package/dist/McEllipsisMiddle/demo/base.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基础用法
- * description: 中间省略号，超出时展示省略号，并且移入会有tooltip
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsisMiddle/demo/base.js

@@ -1,25 +0,0 @@
-/**
- * title: 基础用法
- * description: 中间省略号，超出时展示省略号，并且移入会有tooltip
- */
-
-import { McEllipsisMiddle } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(McEllipsisMiddle, {
-      style: {
-        width: 250
-      },
-      text: "\u8FD9\u662F\u4E00\u6BB5\u6CA1\u6709\u6EA2\u51FA\u7684\u6587\u5B57",
-      suffixCount: 4
-    }), /*#__PURE__*/_jsx(McEllipsisMiddle, {
-      style: {
-        width: 250
-      },
-      text: "\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57",
-      suffixCount: 4
-    })]
-  });
-});

package/dist/McEllipsisMiddle/demo/tooltip.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 进阶用法
- * description: 自定义tooltip。和默认tooltip不同的是：1. 内容可以自定义 2. 及时没有出现省略号，也会展示tooltip
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsisMiddle/demo/tooltip.js

@@ -1,35 +0,0 @@
-/**
- * title: 进阶用法
- * description: 自定义tooltip。和默认tooltip不同的是：1. 内容可以自定义 2. 及时没有出现省略号，也会展示tooltip
- */
-
-import { McEllipsisMiddle } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(McEllipsisMiddle, {
-      style: {
-        width: 250
-      },
-      tooltip: "\u8FD9\u662Ftooltip\u7684\u5185\u5BB9",
-      noTooltip: true,
-      symbol: function symbol() {
-        return /*#__PURE__*/_jsx("div", {
-          children: "123"
-        });
-      },
-      text: "\u6587\u5B57\u548Ctooltip\u4F7F\u7528\u4E0D\u540C\u7684\u5185\u5BB9,\u6587\u5B57\u548Ctooltip\u4F7F\u7528\u4E0D\u540C\u7684\u5185\u5BB9",
-      suffixCount: 4
-    }), /*#__PURE__*/_jsx(McEllipsisMiddle, {
-      style: {
-        width: 150,
-        marginLeft: 12
-      },
-      tooltip: "\u8FD9\u662Ftooltip\u7684\u5185\u5BB9",
-      noTooltip: true,
-      text: "\u6211\u4E0D\u7F29\u4E5F\u4F1A\u5C55\u793Atooltip",
-      suffixCount: 4
-    })]
-  });
-});

package/dist/McEllipsisMiddle/index.css

@@ -1,4 +0,0 @@
-.mc-ellipsis-middle,
-.mc-ellipsis-middle * {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}

package/dist/McGroupPanel/index.css

@@ -1,169 +0,0 @@
-.mc-group-panel {
-  width: 100%;
-  height: 341px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-column-gap: 8px;
-  -moz-column-gap: 8px;
-  column-gap: 8px;
-  position: relative;
-}
-.mc-group-panel__card-header {
-  height: 40px;
-  background: #fafafa;
-  padding: 0 8px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-.mc-group-panel__card-title {
-  color: rgba(0, 0, 0, 0.847);
-  font-weight: 600;
-  font-size: 14px;
-}
-.mc-group-panel__card-icon {
-  color: #8c8c8c;
-}
-.mc-group-panel__card-body {
-  height: calc(100% - 40px);
-  overflow: auto;
-  padding: 8px;
-}
-.mc-group-panel__options {
-  border-radius: 4px;
-  border: 1px solid #ebebeb;
-  overflow: hidden;
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.mc-group-panel__options-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: calc(100% - 40px);
-}
-.mc-group-panel__options-groups {
-  -webkit-box-flex: 1;
-  -ms-flex: 1 1 44%;
-  flex: 1 1 44%;
-  overflow: auto;
-}
-.mc-group-panel__options-items {
-  -webkit-box-flex: 1;
-  -ms-flex: 1 1 56%;
-  flex: 1 1 56%;
-  border-left: 1px solid #ebebeb;
-  overflow: auto;
-  padding-bottom: 20px;
-}
-.mc-group-panel__options-list {
-  height: calc(100% - 40px);
-  overflow: auto;
-}
-.mc-group-panel__search-bar {
-  padding: 0 12px;
-}
-.mc-group-panel__checkbox-wrapper {
-  width: 100%;
-  height: 40px;
-  line-height: 40px;
-  padding: 0 12px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-.mc-group-panel__checkbox-wrapper:not(.mc-group-panel__check-all):hover {
-  background: #f6f6f6;
-  cursor: pointer;
-}
-.mc-group-panel__checkbox {
-  width: 100%;
-  height: 40px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  padding: 0 12px;
-}
-.mc-group-panel__checkbox .ant-checkbox + span {
-  overflow: hidden;
-}
-.mc-group-panel__checkbox:hover {
-  background: #f6f6f6;
-}
-.mc-group-panel__selected {
-  border-radius: 4px;
-  border: 1px solid #ebebeb;
-  overflow: hidden;
-  width: 240px;
-}
-.mc-group-panel__selected-item {
-  width: 100%;
-  height: 40px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  padding: 0 8px;
-  background: #f5f5f5;
-  border-radius: 4px;
-  overflow: hidden;
-  position: relative;
-}
-.mc-group-panel__selected-item:not(:first-child) {
-  margin-top: 8px;
-}
-.mc-group-panel__selected-item__drag {
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  color: #8c8c8c;
-  padding: 5px 0 3px;
-}
-.mc-group-panel__selected-item__drag:hover {
-  background: rgba(38, 38, 38, 0.15) !important;
-  cursor: move;
-}
-.mc-group-panel__selected-item__remove {
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  color: #8c8c8c;
-  margin-left: 8px;
-}
-.mc-group-panel__selected-item__remove:hover {
-  cursor: pointer;
-  color: #262626;
-}
-.mc-group-panel__selected-item--disabled {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 9;
-  border-radius: 4px;
-  background: rgba(246, 246, 246, 0.66);
-  cursor: no-drop;
-}
-.mc-group-panel--disabled {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 9;
-  border-radius: 4px;
-  background: rgba(228, 228, 228, 0.3);
-  cursor: no-drop;
-}

package/dist/McIcons/index.css

@@ -1,33 +0,0 @@
-.icons-row-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  height: 100px;
-  border-radius: 5px;
-  cursor: pointer;
-}
-.icons-row-item .abc {
-  -webkit-transition: -webkit-transform 0.3s ease-in-out;
-  transition: -webkit-transform 0.3s ease-in-out;
-  transition: transform 0.3s ease-in-out;
-  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-}
-.icons-row-item:hover {
-  background-color: #1677ff !important;
-  color: #fff !important;
-}
-.icons-row-item:hover .abc {
-  -webkit-transform: scale(1.2);
-  -ms-transform: scale(1.2);
-  transform: scale(1.2);
-}