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

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;

package/dist/McThemeConfig/demo/radio.js

@@ -0,0 +1,136 @@
+import { Radio, Space } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    children: [/*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 1,
+      options: [{
+        label: '选项一',
+        value: 1
+      }, {
+        label: '选项二',
+        value: 2
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 1,
+      disabled: true,
+      options: [{
+        label: '选项一',
+        value: 1
+      }, {
+        label: '选项二',
+        value: 2
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 1,
+      options: [{
+        label: '选项一',
+        value: 1,
+        disabled: true
+      }, {
+        label: '选项二',
+        value: 2
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 2,
+      optionType: "button",
+      options: [{
+        label: '选项一',
+        value: 1
+      }, {
+        label: '选项二',
+        value: 2
+      }, {
+        label: '选项三',
+        value: 3
+      }, {
+        label: '选项四',
+        value: 4
+      }, {
+        label: '选项五',
+        value: 5
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 1,
+      disabled: true,
+      optionType: "button",
+      options: [{
+        label: '选项一',
+        value: 1
+      }, {
+        label: '选项二',
+        value: 2
+      }, {
+        label: '选项三',
+        value: 3
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 1,
+      optionType: "button",
+      options: [{
+        label: '选项一',
+        value: 1,
+        disabled: true
+      }, {
+        label: '选项二',
+        value: 2
+      }, {
+        label: '选项三',
+        value: 3
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 2,
+      optionType: "button",
+      buttonStyle: "solid",
+      options: [{
+        label: '选项一',
+        value: 1
+      }, {
+        label: '选项二',
+        value: 2
+      }, {
+        label: '选项三',
+        value: 3
+      }, {
+        label: '选项四',
+        value: 4
+      }, {
+        label: '选项五',
+        value: 5
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 1,
+      disabled: true,
+      optionType: "button",
+      buttonStyle: "solid",
+      options: [{
+        label: '选项一',
+        value: 1
+      }, {
+        label: '选项二',
+        value: 2
+      }, {
+        label: '选项三',
+        value: 3
+      }]
+    }), /*#__PURE__*/_jsx(Radio.Group, {
+      defaultValue: 1,
+      optionType: "button",
+      buttonStyle: "solid",
+      options: [{
+        label: '选项一',
+        value: 1,
+        disabled: true
+      }, {
+        label: '选项二',
+        value: 2
+      }, {
+        label: '选项三',
+        value: 3
+      }]
+    })]
+  });
+});

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

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

package/dist/McThemeConfig/demo/switch.js

@@ -0,0 +1,96 @@
+import { Col, Row, Switch } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var styles = {
+    marginBottom: 30
+  };
+  return /*#__PURE__*/_jsxs(Row, {
+    gutter: [100, 0],
+    children: [/*#__PURE__*/_jsxs(Col, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: "\u5E38\u89C4"
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {})
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          disabled: true
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          defaultChecked: true
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          defaultChecked: true,
+          disabled: true
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Col, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: "\u5E26\u6587\u5B57"
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          checkedChildren: "\u5F00\u542F",
+          unCheckedChildren: "\u5173\u95ED"
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          checkedChildren: "\u5F00\u542F",
+          unCheckedChildren: "\u5173\u95ED",
+          disabled: true
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          defaultChecked: true
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          checkedChildren: "\u5F00\u542F",
+          unCheckedChildren: "\u5173\u95ED",
+          defaultChecked: true,
+          disabled: true
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Col, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: "\u5C0F\u6309\u94AE"
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          size: "small"
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          disabled: true,
+          size: "small"
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          defaultChecked: true,
+          size: "small"
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: styles,
+        children: /*#__PURE__*/_jsx(Switch, {
+          defaultChecked: true,
+          disabled: true,
+          size: "small"
+        })
+      })]
+    })]
+  });
+});

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

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

package/dist/McThemeConfig/demo/tabs.js

@@ -0,0 +1,35 @@
+import { Tabs } from 'antd';
+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 items = Array.from({
+    length: 5
+  }, function (_, index) {
+    return {
+      label: "item ".concat(index + 1),
+      key: "".concat(index + 1)
+    };
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      children: "\u5E38\u89C4"
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(Tabs, {
+        defaultActiveKey: "1",
+        items: items
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        marginBottom: 16
+      },
+      children: "\u5361\u7247"
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(Tabs, {
+        defaultActiveKey: "2",
+        type: "card",
+        items: items
+      })
+    })]
+  });
+});

package/dist/{esm/McThemeConfig → McThemeConfig}/provider.js

@@ -3,7 +3,7 @@ import { McFonts } from "./..";
 import GlobalStyle from "./globalStyle";
 import McThemeConfig from "./index";
 import LayoutStyle from "./layoutStyle";
-import "../styles/utilities.less";
+import "../styles/utilities.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var McThemeProvider = function McThemeProvider(_ref) {

package/dist/{esm/McTreePanel → McTreePanel}/SelectedItem.js

@@ -4,7 +4,7 @@ import { Button, Typography } from 'antd';
 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/McTreePanel/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基本使用
+ * description: 设置 `disabled` 为 `true` 则禁止编辑
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/base.js

@@ -0,0 +1,45 @@
+/**
+ * title: 基本使用
+ * description: 设置 `disabled` 为 `true` 则禁止编辑
+ */
+
+import { Space } from 'antd';
+import { McTreePanel } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsx(McTreePanel, {
+      treeData: options
+    }), /*#__PURE__*/_jsx(McTreePanel, {
+      disabled: true,
+      treeData: options
+    })]
+  });
+});

package/dist/McTreePanel/demo/fieldNames.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 使用 fieldNames
+ * description: 设置 `fieldNames` 来自定义节点 title、key、children 的字段
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/fieldNames.js

@@ -0,0 +1,37 @@
+/**
+ * title: 使用 fieldNames
+ * description: 设置 `fieldNames` 来自定义节点 title、key、children 的字段
+ */
+
+import { McTreePanel } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var options = [{
+    label: '部门1',
+    value: 1,
+    children: [{
+      label: '部门1-1',
+      value: 11
+    }, {
+      label: '部门1-2',
+      value: 12
+    }]
+  }, {
+    label: '部门2',
+    value: 2,
+    children: [{
+      label: '部门2-1',
+      value: 21
+    }, {
+      label: '部门2-2',
+      value: 22
+    }]
+  }];
+  return /*#__PURE__*/_jsx(McTreePanel, {
+    treeData: options,
+    fieldNames: {
+      title: 'label',
+      key: 'value'
+    }
+  });
+});

package/dist/McTreePanel/demo/inexistent.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 不存在值的回显
+ * description: 设置 `inexistent` 为 `true` 处理不存在值的回显
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/inexistent.js

@@ -0,0 +1,56 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 不存在值的回显
+ * description: 设置 `inexistent` 为 `true` 处理不存在值的回显
+ */
+
+import { Col, Space } from 'antd';
+import { McTreePanel } from "../..";
+import { useState } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState([100]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsxs(Col, {
+      children: ["\u5F53\u524D\u503C\uFF1A", JSON.stringify(value !== null && value !== void 0 ? value : [])]
+    }), /*#__PURE__*/_jsx(McTreePanel, {
+      treeData: options,
+      value: value,
+      inexistent: true,
+      onChange: handelChange
+    })]
+  });
+});

package/dist/McTreePanel/demo/labelInValue.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 使用 labelInValue
+ * description: 设置 `labelInValue` 为 `true` 把每个选项的title等信息包装到value中
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/labelInValue.js

@@ -0,0 +1,56 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 使用 labelInValue
+ * description: 设置 `labelInValue` 为 `true` 把每个选项的title等信息包装到value中
+ */
+
+import { Col, Space } from 'antd';
+import { McTreePanel } from "../..";
+import { useState } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsxs(Col, {
+      children: ["\u5F53\u524D\u503C\uFF1A", JSON.stringify(value !== null && value !== void 0 ? value : [])]
+    }), /*#__PURE__*/_jsx(McTreePanel, {
+      treeData: options,
+      labelInValue: true,
+      value: value,
+      onChange: handelChange
+    })]
+  });
+});

package/dist/McTreePanel/demo/sortable.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 已选项拖拽排序
+ * description: 设置 `sortable` 为 `true` 实现已选项可拖拽排序
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/sortable.js

@@ -0,0 +1,34 @@
+/**
+ * title: 已选项拖拽排序
+ * description: 设置 `sortable` 为 `true` 实现已选项可拖拽排序
+ */
+
+import { McTreePanel } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  return /*#__PURE__*/_jsx(McTreePanel, {
+    treeData: options,
+    sortable: true
+  });
+});