@zykj2024/much-library 1.1.7-beta.3 → 1.1.7-beta.5

package/dist/McTag/demo/demo4.js

@@ -0,0 +1,22 @@
+/**
+ * title: 自定义ellipsis属性
+ */
+import McTag from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var uri = '/recommend/page/123/page/123/page/123';
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 200
+    },
+    children: /*#__PURE__*/_jsx(McTag, {
+      color: "blue",
+      copyable: true,
+      ellipsis: {
+        tooltip: true,
+        suffix: '等'
+      },
+      children: uri
+    })
+  });
+});

package/dist/McTag/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { TagProps } from 'antd';
+import { EllipsisConfig } from 'antd/es/typography/Base';
+interface McTagProps {
+    /**
+     * @description 为true时，使用默认行为，展示tooltip；为对象时，传递给Typography.Text的ellipsis属性
+     * @default undefined
+     */
+    ellipsis?: true | EllipsisConfig;
+    /**
+     * @description 是否可复制
+     * @default 默认为false
+     */
+    copyable?: boolean;
+    /**
+     * @description 省略模式时，设置文字样式。（一般用不上）
+     * @default undefined
+     */
+    ellipsisTextStyle?: React.CSSProperties;
+}
+declare const McTag: (props: TagProps & McTagProps) => import("react/jsx-runtime").JSX.Element;
+export default McTag;

package/dist/McTag/index.js

@@ -0,0 +1,59 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["ellipsis", "children", "copyable", "onClick", "ellipsisTextStyle"],
+  _excluded2 = ["style"];
+import { message, Tag, Typography } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var McTag = function McTag(props) {
+  var ellipsis = props.ellipsis,
+    children = props.children,
+    copyable = props.copyable,
+    _onClick = props.onClick,
+    ellipsisTextStyle = props.ellipsisTextStyle,
+    tagProps = _objectWithoutProperties(props, _excluded);
+  var useEllipsis = typeof children === 'string' && !!ellipsis;
+  var style = tagProps.style,
+    restTagProps = _objectWithoutProperties(tagProps, _excluded2);
+  var renderChildren = function renderChildren() {
+    if (useEllipsis) {
+      return /*#__PURE__*/_jsx(Typography.Text, {
+        style: _objectSpread({
+          color: 'inherit',
+          fontSize: 'inherit'
+        }, ellipsisTextStyle),
+        ellipsis: ellipsis === true ? {
+          tooltip: children
+        } : ellipsis,
+        children: children
+      });
+    }
+    return children;
+  };
+  return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
+    onClick: function onClick(e) {
+      if (copyable) {
+        var copyText = typeof copyable === 'string' ? copyable : children;
+        if (!(typeof copyText === 'string')) {
+          if (process.env.NODE_ENV === 'development') throw Error('copyable prop only support string children or string copyable');
+          return;
+        }
+        if (navigator.clipboard) {
+          navigator.clipboard.writeText(copyText).then(function () {
+            return message.success('复制成功!');
+          }, function () {
+            return message.error('复制失败!');
+          });
+        } else {
+          message.error('当前域名无权限使用剪切板');
+        }
+      }
+      if (_onClick) _onClick(e);
+    },
+    style: _objectSpread({
+      maxWidth: useEllipsis ? '100%' : 'none'
+    }, style)
+  }, restTagProps), {}, {
+    children: renderChildren()
+  }));
+};
+export default McTag;

package/dist/McThemeConfig/customToken.json

@@ -0,0 +1,39 @@
+{
+  "CustomToken": {
+    "Button": {
+      "defaultBorderColorDisable": "rgb(246, 246, 246)",
+      "resetBg": "#fff",
+      "activeColor": "#284AC6",
+      "hoverColor": "#5B7DF9",
+      "dangerBg": "rgba(255, 77, 79, 0.1)",
+      "dangerBorderColor": "rgba(255, 77, 79, 0.01)",
+      "dangerHoverColor": "#FF7172",
+      "dangerActiveColor": "#CC3E3F",
+      "secondaryBorderColor": "#D9D9D9",
+      "secondaryBorderColorDisabled": "#F5F5F5",
+      "secondaryColorDisabled": "#B7B3B3",
+      "secondaryBgDisabled": "rgba(38, 38, 38, 0.04)",
+      "dashedBorderColor": "#D9D9D9",
+      "addBg": "#EAEEFE",
+      "addHoverBg": "#ECF0FE",
+      "primaryColorDisabled": "#fff"
+    },
+    "Tabs": {
+      "cardTabListBg": "#F0F4F9",
+      "cardTabRadius": 12,
+      "cardTabItemLineColor": "#D8D8D8",
+      "cardTabItemBorder": "1px solid #F0F4F9",
+      "cardTabItemActiveBorder": "1px solid #FFFFFF"
+    },
+    "Pagination": {
+      "totalTextColor": "rgba(0, 0, 0, 0.43)",
+      "itemActiveColor": "#FFFFFF",
+      "itemActiveHoverBorderColor": "transparent"
+    },
+    "Radio": {
+      "buttonLineBg": "rgb(216, 216, 216)",
+      "buttonLineHeight": 16,
+      "buttonCheckedBorderColorDisabled": "#B3B3B3"
+    }
+  }
+}

package/dist/McThemeConfig/demo/button.d.ts

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

package/dist/McThemeConfig/demo/button.js

@@ -0,0 +1,226 @@
+import { Button, Col, Row } from 'antd';
+import { createStyles } from 'antd-style';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function () {
+  return {
+    container: {
+      '.ant-row': {
+        marginBottom: 10
+      },
+      '.ant-col': {
+        textAlign: 'center',
+        fontWeight: 'bold'
+      }
+    }
+  };
+});
+export default (function () {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/_jsxs(Row, {
+      style: {
+        marginBottom: 20
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Primary "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Default "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Add "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Secondary "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Dashed "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Ghost "
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-default": true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-add": true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-secondary": true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          ghost: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      style: {
+        marginBottom: 30
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-default": true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-add": true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-secondary": true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          ghost: true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      style: {
+        marginBottom: 20
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Text "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Link "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Danger "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Link Danger "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Dashed Danger "
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "text",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "text",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          danger: true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          disabled: true,
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          disabled: true,
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    })]
+  });
+});

package/dist/McThemeConfig/demo/card.d.ts

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

package/dist/McThemeConfig/demo/card.js

@@ -0,0 +1,60 @@
+import { Card, Space } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          backgroundColor: 'rgb(240, 242, 245)',
+          padding: 24
+        },
+        children: /*#__PURE__*/_jsxs(Card, {
+          size: "small",
+          title: "\u65E0\u8FB9\u6846\u5361\u7247, \u5728\u7070\u8272\u80CC\u666F\u4F7F\u7528",
+          bordered: false,
+          style: {
+            width: 300
+          },
+          children: [/*#__PURE__*/_jsx("p", {
+            children: "Card content"
+          }), /*#__PURE__*/_jsx("p", {
+            children: "Card content"
+          }), /*#__PURE__*/_jsx("p", {
+            children: "Card content"
+          })]
+        })
+      }), /*#__PURE__*/_jsxs(Card, {
+        size: "small",
+        title: "\u6709\u8FB9\u6846\u5361\u7247",
+        style: {
+          width: 300
+        },
+        children: [/*#__PURE__*/_jsx("p", {
+          children: "Card content"
+        }), /*#__PURE__*/_jsx("p", {
+          children: "Card content"
+        }), /*#__PURE__*/_jsx("p", {
+          children: "Card content"
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Space, {
+      children: /*#__PURE__*/_jsxs(Card, {
+        size: "small",
+        type: "inner",
+        title: "\u5185\u90E8\u5361\u7247",
+        style: {
+          width: 300
+        },
+        children: [/*#__PURE__*/_jsx("p", {
+          children: "Card content"
+        }), /*#__PURE__*/_jsx("p", {
+          children: "Card content"
+        }), /*#__PURE__*/_jsx("p", {
+          children: "Card content"
+        })]
+      })
+    })]
+  });
+});

package/dist/McThemeConfig/demo/drawer.d.ts

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

package/dist/McThemeConfig/demo/drawer.js

@@ -0,0 +1,59 @@
+import { Button, Col, Drawer, Form, Input, Row } from 'antd';
+import { McModalProvider } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useModal = McModalProvider.useModal;
+var demoDrawer = McModalProvider.create(function (_ref) {
+  var title = _ref.title,
+    record = _ref.record;
+  var modal = useModal();
+  return /*#__PURE__*/_jsx(Drawer, {
+    title: title,
+    open: modal.visible,
+    onClose: function onClose() {
+      modal.hide();
+    },
+    footer: /*#__PURE__*/_jsxs(Row, {
+      justify: "end",
+      children: [/*#__PURE__*/_jsx(Button, {
+        style: {
+          marginRight: 10
+        },
+        onClick: function onClick() {
+          modal.hide();
+        },
+        children: "\u53D6\u6D88"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          modal.hide();
+        },
+        children: "\u786E\u8BA4"
+      })]
+    }),
+    children: /*#__PURE__*/_jsx(Form.Item, {
+      label: "drawer",
+      children: /*#__PURE__*/_jsx(Input, {
+        value: record === null || record === void 0 ? void 0 : record.id
+      })
+    })
+  });
+});
+export default (function () {
+  return /*#__PURE__*/_jsx(Row, {
+    gutter: [16, 20],
+    children: /*#__PURE__*/_jsx(Col, {
+      children: /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          McModalProvider.show(demoDrawer, {
+            title: '编辑抽屉',
+            record: {
+              id: 123
+            }
+          });
+        },
+        children: "Drawer"
+      })
+    })
+  });
+});

package/dist/McThemeConfig/demo/modal.d.ts

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

package/dist/McThemeConfig/demo/modal.js

@@ -0,0 +1,78 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Button, Col, Form, Input, Modal, Radio, Row } from 'antd';
+import { McModalProvider } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var useModal = McModalProvider.useModal;
+var demoModal = McModalProvider.create(function (_ref) {
+  var title = _ref.title,
+    value = _ref.value;
+  var modal = useModal();
+  var props = _defineProperty({}, "".concat(value), true);
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+    title: title,
+    open: modal.visible
+  }, props), {}, {
+    onCancel: function onCancel() {
+      modal.hide();
+    },
+    onOk: function onOk() {
+      modal.hide();
+    },
+    children: new Array(10).fill(0).map(function (_, item) {
+      return /*#__PURE__*/_jsx(Form.Item, {
+        label: "random ".concat(item),
+        children: /*#__PURE__*/_jsx(Input, {
+          value: Math.random() * 100
+        })
+      }, item);
+    })
+  }));
+});
+export default (function () {
+  var _useState = useState('data-small'),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Radio.Group, {
+      onChange: function onChange(e) {
+        setValue(e.target.value);
+      },
+      value: value,
+      style: {
+        marginBottom: 10
+      },
+      children: [/*#__PURE__*/_jsx(Radio, {
+        value: "data-small",
+        children: "data-small"
+      }), /*#__PURE__*/_jsx(Radio, {
+        value: "data-medium",
+        children: "data-medium"
+      }), /*#__PURE__*/_jsx(Radio, {
+        value: "data-large",
+        children: "data-large"
+      })]
+    }), /*#__PURE__*/_jsx(Row, {
+      gutter: [16, 20],
+      children: /*#__PURE__*/_jsx(Col, {
+        children: /*#__PURE__*/_jsx(Button, {
+          onClick: function onClick() {
+            McModalProvider.show(demoModal, {
+              title: '编辑弹窗',
+              record: {
+                id: 123
+              },
+              value: value
+            });
+          },
+          children: "Modal"
+        })
+      })
+    })]
+  });
+});

package/dist/McThemeConfig/demo/radio.d.ts

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