@zykj2024/much-library 1.1.7-beta.8 → 1.1.7

package/dist/McEllipsis/demo/base.js

@@ -0,0 +1,22 @@
+/**
+ * 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

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

package/dist/McEllipsis/demo/middle.js

@@ -0,0 +1,24 @@
+/**
+ * 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

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

package/dist/McEllipsis/demo/table.js

@@ -0,0 +1,93 @@
+/**
+ * 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

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

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

@@ -0,0 +1,20 @@
+/**
+ * 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

@@ -0,0 +1,6 @@
+/**
+ * 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

@@ -0,0 +1,53 @@
+/**
+ * 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

@@ -0,0 +1,4 @@
+.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/{esm/McEllipsis → McEllipsis}/index.js

@@ -5,7 +5,7 @@ var _excluded = ["text", "rows", "middle", "suffixCount", "tooltip", "alwaysTool
 import { Tooltip, Typography } from 'antd';
 import classNames from 'classnames';
 import { McIconFont } from "./..";
-import "./index.less";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Paragraph = Typography.Paragraph,
   Text = Typography.Text;

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

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

package/dist/McEllipsisMiddle/demo/base.js

@@ -0,0 +1,25 @@
+/**
+ * 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

@@ -0,0 +1,6 @@
+/**
+ * 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

@@ -0,0 +1,35 @@
+/**
+ * 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

@@ -0,0 +1,4 @@
+.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/{esm/McEllipsisMiddle → McEllipsisMiddle}/index.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["text", "tooltip", "suffixCount", "style", "className"];
 import { Tooltip, Typography } from 'antd';
-import "./index.less";
+import "./index.css";
 
 /** 中间省略 */
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/{esm/McGroupPanel → McGroupPanel}/comps/SelectedItem/index.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useSortable } from '@dnd-kit/sortable';
 import { Button, Typography } from 'antd';
-import { MenuOutlined } from '@zykj2024/much-icons';
+import { MenuOutlined } from 'much-icons';
 import { McIconFont } from "../../..";
 import { memo, useMemo } from 'react';
-import "../../index.less";
+import "../../index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var SelectedItem = function SelectedItem(_ref) {

package/dist/McGroupPanel/index.css

@@ -0,0 +1,164 @@
+.mc-group-panel {
+  width: 100%;
+  height: 329px;
+  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 16px;
+  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;
+}
+.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;
+}
+.mc-group-panel__options-list {
+  height: calc(100% - 40px);
+  overflow: auto;
+}
+.mc-group-panel__search-bar {
+  padding: 0 8px;
+}
+.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/{esm/McGroupPanel → McGroupPanel}/index.d.ts

@@ -21,7 +21,6 @@ type PropsType = {
     labelInValue?: boolean;
     inexistent?: boolean | Inexistent;
     sortable?: boolean;
-    title?: string;
     value?: any[];
     onChange?: (value?: any[]) => void;
     [key: string]: any;