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

package/dist/McContainer/demo/actionBar.js

@@ -1,118 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 操作栏区域
- * description: 若未设置该项，则不显示。`actionBarRender` 可自定义操作栏区域，提供批量操作按钮实例
- * transform: true
- * compact: true
- */
-
-import { useToggle } from '@zykj2024/much-hooks';
-import { Button, Space, Switch } from 'antd';
-import { AddOutlined } from 'much-icons';
-import { McContainer, McInput } from "../..";
-import { useState } from 'react';
-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 _selectedRows$length;
-  var dataSource = Array.from({
-    length: 5
-  }, function (_, index) {
-    return {
-      id: index + 1,
-      name: "\u59D3\u540D".concat(index + 1),
-      age: 18 + index
-    };
-  });
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRows = _useState2[0],
-    setSelectedRows = _useState2[1];
-  var _useToggle = useToggle(false),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    showCustomActionBar = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-  var columns = [{
-    title: 'ID',
-    dataIndex: 'id'
-  }, {
-    title: '姓名',
-    dataIndex: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age'
-  }, {
-    title: '操作',
-    dataIndex: 'option',
-    width: 100,
-    render: function render() {
-      return /*#__PURE__*/_jsx("a", {
-        children: "\u7F16\u8F91"
-      });
-    }
-  }];
-  var queryItems = /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(McInput, {
-      label: "\u59D3\u540D",
-      name: "name",
-      style: {
-        width: 270
-      }
-    })
-  });
-  var actionBar = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      type: "primary",
-      icon: /*#__PURE__*/_jsx(AddOutlined, {}),
-      children: "\u65B0\u589E"
-    }), /*#__PURE__*/_jsx(Button, {
-      children: "\u4E0A\u4F20"
-    })]
-  });
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      style: {
-        padding: '24px 24px 0'
-      },
-      children: ["\u662F\u5426\u81EA\u5B9A\u4E49\u6E32\u67D3\u64CD\u4F5C\u533A\uFF1A", /*#__PURE__*/_jsx(Switch, {
-        checked: showCustomActionBar,
-        onChange: toggle
-      })]
-    }), /*#__PURE__*/_jsx(McContainer, {
-      height: "100%",
-      queryItems: queryItems,
-      actionBar: actionBar,
-      actionBarRender: showCustomActionBar ? function (batchEl) {
-        return /*#__PURE__*/_jsxs(Space, {
-          size: 16,
-          style: {
-            marginBottom: 16
-          },
-          children: [/*#__PURE__*/_jsx(Button, {
-            type: "primary",
-            children: "\u4E0B\u8F7D"
-          }), batchEl]
-        });
-      } : undefined,
-      batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
-      onCancel: function onCancel() {
-        return setSelectedRows([]);
-      },
-      tableProps: {
-        columns: columns,
-        dataSource: dataSource,
-        rowKey: 'id',
-        rowSelection: {
-          selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
-            return item.id;
-          }),
-          preserveSelectedRowKeys: true,
-          onChange: function onChange(selectedRowKeys, selectedRows) {
-            return setSelectedRows(selectedRows);
-          }
-        }
-      }
-    })]
-  });
-});

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

@@ -1,8 +0,0 @@
-/**
- * title: 基本用法
- * description: 设置 `immediateQuery` 为 `false`，不触发首次查询；`immediateQuery` 默认为 `true`。
- * transform: true
- * compact: true
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McContainer/demo/base.js

@@ -1,82 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 基本用法
- * description: 设置 `immediateQuery` 为 `false`，不触发首次查询；`immediateQuery` 默认为 `true`。
- * transform: true
- * compact: true
- */
-
-import { McContainer, McInput } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var tableData = Array.from({
-  length: 5
-}, function (_, index) {
-  return {
-    id: index + 1,
-    name: "\u59D3\u540D".concat(index + 1),
-    age: 18 + index
-  };
-});
-export default (function () {
-  var _useState = useState(tableData),
-    _useState2 = _slicedToArray(_useState, 2),
-    dataSource = _useState2[0],
-    setDataSource = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var columns = [{
-    title: 'ID',
-    dataIndex: 'id'
-  }, {
-    title: '姓名',
-    dataIndex: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age'
-  }, {
-    title: '操作',
-    dataIndex: 'option',
-    width: 100,
-    render: function render() {
-      return /*#__PURE__*/_jsx("a", {
-        children: "\u7F16\u8F91"
-      });
-    }
-  }];
-  var queryItems = /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(McInput, {
-      label: "\u59D3\u540D",
-      name: "name",
-      style: {
-        width: 270
-      }
-    })
-  });
-  var onQuery = function onQuery() {
-    return new Promise(function (resolve) {
-      setLoading(true);
-      setTimeout(function () {
-        setDataSource(tableData);
-        setLoading(false);
-        resolve();
-      }, 1000);
-    });
-  };
-  return /*#__PURE__*/_jsx(McContainer, {
-    height: "100%",
-    immediateQuery: false,
-    loading: loading,
-    loadingText: "\u52A0\u8F7D\u4E2D",
-    onQuery: onQuery,
-    queryItems: queryItems,
-    tableProps: {
-      columns: columns,
-      dataSource: dataSource,
-      rowKey: 'id'
-    }
-  });
-});

package/dist/McContainer/demo/batch.d.ts

@@ -1,8 +0,0 @@
-/**
- * title: 预设批量操作
- * description: 包括多选数据的处理、展示、批量操作区，开启多选功能时，在`tableProps`中进行多选的配置，`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中，配合实现多选功能。设置`batch`参数时，注意`actionBar`要为合法的React节点，如`<Button>操作1</Button>`、`<>只需要字符串的场景</>`，设置`batch.show`为`true`显示批量操作按钮，设置`batch.order`可以调整批量操作按钮的位置
- * transform: true
- * compact: true
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McContainer/demo/batch.js

@@ -1,129 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 预设批量操作
- * description: 包括多选数据的处理、展示、批量操作区，开启多选功能时，在`tableProps`中进行多选的配置，`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中，配合实现多选功能。设置`batch`参数时，注意`actionBar`要为合法的React节点，如`<Button>操作1</Button>`、`<>只需要字符串的场景</>`，设置`batch.show`为`true`显示批量操作按钮，设置`batch.order`可以调整批量操作按钮的位置
- * transform: true
- * compact: true
- */
-
-import { useToggle } from '@zykj2024/much-hooks';
-import { Button, Switch } from 'antd';
-import { McContainer, McInput, McInputNumber } from "../..";
-import { useState } from 'react';
-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 _selectedRows$length;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRows = _useState2[0],
-    setSelectedRows = _useState2[1];
-  var dataSource = Array.from({
-    length: 5
-  }, function (_, index) {
-    return {
-      id: index + 1,
-      name: "\u59D3\u540D".concat(index + 1),
-      age: 18 + index
-    };
-  });
-  var _useToggle = useToggle(true),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    showBatchBtn = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    batchBtnOrder = _useState4[0],
-    setBatchBtnOrder = _useState4[1];
-  var columns = [{
-    title: 'ID',
-    dataIndex: 'id'
-  }, {
-    title: '姓名',
-    dataIndex: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age'
-  }, {
-    title: '操作',
-    dataIndex: 'option',
-    width: 100,
-    render: function render() {
-      return /*#__PURE__*/_jsx("a", {
-        children: "\u7F16\u8F91"
-      });
-    }
-  }];
-  var queryItems = /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(McInput, {
-      label: "\u59D3\u540D",
-      name: "name",
-      style: {
-        width: 270
-      }
-    })
-  });
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      style: {
-        padding: 24
-      },
-      children: ["\u662F\u5426\u5C55\u793A\u6279\u91CF\u64CD\u4F5C\u6309\u94AE\uFF1A", /*#__PURE__*/_jsx(Switch, {
-        checked: showBatchBtn,
-        onChange: toggle
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      style: {
-        padding: '0 0 24px 24px'
-      },
-      children: ["\u6279\u91CF\u64CD\u4F5C\u6309\u94AE\u4F4D\u7F6E\uFF1A", /*#__PURE__*/_jsx(McInputNumber, {
-        value: batchBtnOrder,
-        onChange: setBatchBtnOrder
-      })]
-    }), /*#__PURE__*/_jsx(McContainer, {
-      height: "100%",
-      queryItems: queryItems,
-      batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
-      onCancel: function onCancel() {
-        return setSelectedRows([]);
-      },
-      actionBar: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          type: "primary",
-          children: "\u64CD\u4F5C1"
-        }), /*#__PURE__*/_jsx(Button, {
-          type: "primary",
-          children: "\u64CD\u4F5C2"
-        })]
-      }),
-      batchBtns: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          type: "primary",
-          children: "\u6279\u91CF\u64CD\u4F5C1"
-        }), /*#__PURE__*/_jsx(Button, {
-          type: "primary",
-          children: "\u6279\u91CF\u64CD\u4F5C2"
-        })]
-      }),
-      batch: {
-        show: showBatchBtn,
-        order: batchBtnOrder
-      },
-      tableProps: {
-        columns: columns,
-        dataSource: dataSource,
-        rowKey: 'id',
-        rowSelection: {
-          selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
-            return item.id;
-          }),
-          preserveSelectedRowKeys: true,
-          onChange: function onChange(selectedRowKeys, selectedRows) {
-            return setSelectedRows(selectedRows);
-          }
-        }
-      }
-    })]
-  });
-});

package/dist/McContainer/demo/collapse.d.ts

@@ -1,8 +0,0 @@
-/**
- * title: 可折叠的搜索栏
- * description: 将 `showCollapse` 和 `collapsibleQueryItems` 搭配使用，可以实现搜索区域的展开收起的功能。
- * transform: true
- * compact: true
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McContainer/demo/collapse.js

@@ -1,77 +0,0 @@
-/**
- * title: 可折叠的搜索栏
- * description: 将 `showCollapse` 和 `collapsibleQueryItems` 搭配使用，可以实现搜索区域的展开收起的功能。
- * transform: true
- * compact: true
- */
-
-import { McCascader, McContainer, McDateRange, McInput } 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 dataSource = Array.from({
-    length: 5
-  }, function (_, index) {
-    return {
-      id: index + 1,
-      name: "\u59D3\u540D".concat(index + 1),
-      city: "\u57CE\u5E02".concat(index + 1),
-      date: "2024-01-0".concat(index + 1, " 12:00:00")
-    };
-  });
-  var columns = [{
-    title: 'ID',
-    dataIndex: 'id'
-  }, {
-    title: '姓名',
-    dataIndex: 'name'
-  }, {
-    title: '城市',
-    dataIndex: 'city'
-  }, {
-    title: '日期',
-    dataIndex: 'date'
-  }];
-  var queryItems = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(McInput.Search, {
-      name: "name",
-      style: {
-        width: 270
-      }
-    }), /*#__PURE__*/_jsx(McCascader, {
-      label: "\u57CE\u5E02",
-      name: "city",
-      city: true,
-      style: {
-        width: 270
-      }
-    })]
-  });
-  var collapsibleQueryItems = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(McDateRange, {
-      label: "\u65E5\u671F",
-      name: "date",
-      style: {
-        width: 270
-      }
-    }), /*#__PURE__*/_jsx(McInput, {
-      label: "ID",
-      name: "id",
-      style: {
-        width: 270
-      }
-    })]
-  });
-  return /*#__PURE__*/_jsx(McContainer, {
-    height: "100%",
-    queryItems: queryItems,
-    collapsibleQueryItems: collapsibleQueryItems,
-    showCollapse: true,
-    tableProps: {
-      columns: columns,
-      dataSource: dataSource,
-      rowkey: 'id'
-    }
-  });
-});

package/dist/McContainer/demo/expand.d.ts

@@ -1,8 +0,0 @@
-/**
- * title: 树形数据展示
- * description: 表格支持树形数据的展示，当数据中有 `children` 字段时会自动展示为树形表格，如果不需要或配置为其他字段可以用 `childrenColumnName` 进行配置，`rowKey`必须设置且唯一。
- * transform: true
- * compact: true
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McContainer/demo/expand.js

@@ -1,90 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 树形数据展示
- * description: 表格支持树形数据的展示，当数据中有 `children` 字段时会自动展示为树形表格，如果不需要或配置为其他字段可以用 `childrenColumnName` 进行配置，`rowKey`必须设置且唯一。
- * transform: true
- * compact: true
- */
-
-import { McContainer, McInput } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var tableData = Array.from({
-  length: 5
-}, function (_, index) {
-  return {
-    id: index + 1,
-    name: "\u59D3\u540D".concat(index + 1),
-    age: 10 + index,
-    children: Array.from({
-      length: 5
-    }, function (_, i) {
-      return {
-        id: 10 * (index + 1) + i,
-        name: "\u59D3\u540D".concat(10 * (index + 1) + i),
-        age: 10 * (index + 1) + i
-      };
-    })
-  };
-});
-export default (function () {
-  var _useState = useState(tableData),
-    _useState2 = _slicedToArray(_useState, 2),
-    dataSource = _useState2[0],
-    setDataSource = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var columns = [{
-    title: 'ID',
-    dataIndex: 'id'
-  }, {
-    title: '姓名',
-    dataIndex: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age'
-  }, {
-    title: '操作',
-    dataIndex: 'option',
-    width: 100,
-    render: function render() {
-      return /*#__PURE__*/_jsx("a", {
-        children: "\u7F16\u8F91"
-      });
-    }
-  }];
-  var queryItems = /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(McInput, {
-      label: "\u59D3\u540D",
-      name: "name",
-      style: {
-        width: 270
-      }
-    })
-  });
-  var onQuery = function onQuery() {
-    return new Promise(function (resolve) {
-      setLoading(true);
-      setTimeout(function () {
-        setDataSource(tableData);
-        setLoading(false);
-        resolve();
-      }, 1000);
-    });
-  };
-  return /*#__PURE__*/_jsx(McContainer, {
-    height: "100%",
-    immediateQuery: false,
-    loading: loading,
-    onQuery: onQuery,
-    queryItems: queryItems,
-    tableProps: {
-      columns: columns,
-      dataSource: dataSource,
-      rowKey: 'id'
-    }
-  });
-});

package/dist/McContainer/demo/generic.d.ts

@@ -1,8 +0,0 @@
-/**
- * title: 泛型
- * description: 更好的代码提示及类型推断
- * transform: true
- * compact: true
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McContainer/demo/generic.js

@@ -1,91 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 泛型
- * description: 更好的代码提示及类型推断
- * transform: true
- * compact: true
- */
-
-import { McContainer, McInput } from "../..";
-import { useRef, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var tableData = Array.from({
-  length: 5
-}, function (_, index) {
-  return {
-    id: index + 1,
-    name: "\u59D3\u540D".concat(index + 1),
-    age: 18 + index
-  };
-});
-export default (function () {
-  var _useState = useState(tableData),
-    _useState2 = _slicedToArray(_useState, 2),
-    dataSource = _useState2[0],
-    setDataSource = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var mcContainerRef = useRef(null);
-  var columns = [{
-    title: 'ID',
-    dataIndex: 'id'
-  }, {
-    title: '姓名',
-    dataIndex: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age'
-  }, {
-    title: '操作',
-    dataIndex: 'id',
-    width: 100,
-    render: function render() {
-      return /*#__PURE__*/_jsx("a", {
-        children: "\u7F16\u8F91"
-      });
-    }
-  }];
-  var queryItems = /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(McInput, {
-      label: "\u59D3\u540D",
-      name: "name",
-      style: {
-        width: 270
-      }
-    })
-  });
-  var onQuery = function onQuery(data) {
-    var _mcContainerRef$curre;
-    var queryData = (_mcContainerRef$curre = mcContainerRef.current) === null || _mcContainerRef$curre === void 0 ? void 0 : _mcContainerRef$curre.getQueryParams();
-    // 加了泛型后，data. queryData.就会有类型推断
-    console.log(data.a, queryData === null || queryData === void 0 ? void 0 : queryData.a);
-    return new Promise(function (resolve) {
-      setLoading(true);
-      setTimeout(function () {
-        setDataSource(tableData);
-        setLoading(false);
-        resolve();
-      }, 1000);
-    });
-  };
-  return (
-    /*#__PURE__*/
-    // 添加泛型后，组件下写的第一个属性会没有代码提示。
-    _jsx(McContainer, {
-      ref: mcContainerRef,
-      height: "100%",
-      immediateQuery: false,
-      loading: loading,
-      onQuery: onQuery,
-      queryItems: queryItems,
-      tableProps: {
-        columns: columns,
-        dataSource: dataSource,
-        rowKey: 'id'
-      }
-    })
-  );
-});

package/dist/McContainer/demo/pagination.d.ts

@@ -1,7 +0,0 @@
-/**
- * title: 分页器配置
- * description: 参考 ant deign [Pagination](https://ant-design.antgroup.com/components/pagination-cn#api)
- * transform: true
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;