@zykj2024/much-library 1.1.6 → 1.1.7-beta.2

package/dist/McContainer/index.css

@@ -1,123 +0,0 @@
-.mc-container {
-  position: relative;
-}
-.mc-container__ceiling {
-  width: calc(100% - 40px);
-  height: 24px;
-  position: absolute;
-  left: 16px;
-  z-index: 9;
-}
-.mc-container__wrapper {
-  height: 100%;
-  padding: 24px 24px 50px 16px;
-  overflow-y: auto;
-  border-top-right-radius: 12px;
-}
-.mc-container__query {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-.mc-container__query .mc-input,
-.mc-container__query .mc-search,
-.mc-container__query .mc-select,
-.mc-container__query .mc-cascader,
-.mc-container__query .mc-input-number {
-  width: 270px;
-}
-.mc-container__query .mc-date-range {
-  width: 330px;
-}
-.mc-container__divider {
-  height: 1px;
-  margin: 24px 0;
-  background: #ebebeb;
-}
-.mc-container__action-bar {
-  position: sticky;
-  top: -24px;
-  z-index: 9;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: 16px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  padding: 24px 0 16px;
-  margin-top: -24px;
-  overflow: hidden;
-}
-.mc-container__batch-bar {
-  position: sticky;
-  z-index: 9;
-  padding-bottom: 8px;
-}
-.mc-container__batch-bar__inner {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  height: 40px;
-  padding: 0 16px;
-  background: #325cf7;
-  border-radius: 4px;
-}
-.mc-container__batch-bar__inner button.ant-btn {
-  background: transparent;
-  color: #fff;
-  border-color: transparent;
-  padding: 4px;
-  margin-left: 16px;
-}
-.mc-container__batch-bar__inner button.ant-btn:hover {
-  background-color: transparent !important;
-  color: #fff !important;
-  border-color: transparent !important;
-}
-.mc-container__batch-num {
-  color: #fff;
-  font-size: 14px;
-  opacity: 0.8;
-}
-.mc-container__batch-btns {
-  position: relative;
-  margin-left: 16px;
-}
-.mc-container__batch-btns::before {
-  position: absolute;
-  top: calc(50% - 12px);
-  left: 0;
-  display: block;
-  width: 1px;
-  height: 24px;
-  background: rgba(255, 255, 255, 0.3);
-  content: '';
-}
-.mc-container__table .ant-spin-nested-loading {
-  position: static;
-}
-.mc-container__table .ant-spin-nested-loading .ant-spin-container {
-  position: static;
-}
-.mc-container__table__expand-icon > svg {
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-}
-.mc-container__pagination {
-  padding: 8px 0 16px;
-  margin: 0 !important;
-  width: calc(100% - 40px);
-  position: absolute;
-  left: 16px;
-  bottom: 0;
-  z-index: 9;
-}

package/dist/McContainer/index.d.ts

@@ -1,153 +0,0 @@
-import { ButtonProps, TableProps } from 'antd';
-import { CSSProperties, FC, ReactElement, ReactNode } from 'react';
-import './index.less';
-export type McContainerPropsType = {
-    style?: CSSProperties;
-    className?: string;
-    /** 页面容器的高度（默认'calc(100vh - 88px)'，即视口高度-菜单header高度56px-页面上下内边距16px*2） */
-    height?: string;
-    /** 页面容器的背景色（默认'#ffffff'） */
-    backgroundColor?: string;
-    /**
-     * 是否展示头部遮罩，默认显示
-     */
-    showCell?: boolean;
-    /**
-     * 是否触发首次查询（默认true）
-      若使用场景为需自定义默认查询参数，可将该属性设置为false，并手动调用setDefaultQueryParams方法重新设置默认查询参数，而后调用query方法触发查询
-    */
-    immediateQuery?: boolean;
-    /** 加载中（已覆盖table组件的loading） */
-    loading?: boolean;
-    /** 加载loading下方的文案，默认为测试中 */
-    loadingText?: string;
-    /**
-     * 查询项（不受展开、收起按钮控制显示隐藏的查询项）
-      结合以下组件使用为最佳实现方式：McSelect、McCascader、McDateRange、McInput、McInput.Search、McInput.TextArea
-      已设置默认样式，可直接如下使用：
-      <>
-        <McSelect
-          label="下拉选择器"
-          name="name1"
-        />
-        <McCascader
-          label="级联选择器"
-          name="name2"
-        />
-        <McDateRange
-          label="日期范围选择器"
-          name="name3"
-        />
-        <McInput.Search
-          name="name4"
-          onSearch={() => mcContainerRef.current?.query({ current: 1 })}
-        />
-      </>
-    */
-    queryItems?: ReactElement;
-    /** 是否显示查询按钮（默认显示 true） */
-    showQuery?: boolean;
-    /** 是否显示重置按钮（默认显示 true） */
-    showReset?: boolean;
-    /** 是否显示展开、收起按钮（默认不显示 false） */
-    showCollapse?: boolean;
-    /** 可折叠的查询项（可通过展开、收起按钮控制显示隐藏的查询项，使用建议同queryItems） */
-    collapsibleQueryItems?: ReactElement;
-    /** 查询（点击查询按钮、点击重置按钮、表格分页、排序、筛选变化）回调事件 */
-    onQuery?: (params: {
-        current?: number;
-        pageSize?: number;
-        [key: string]: any;
-    }, filters?: any, sorter?: any, extra?: any) => void;
-    /** 重置按钮回调事件（若设置该属性，则在点击重置按钮时不再触发onQuery事件） */
-    onReset?: (params?: {
-        current?: number;
-        pageSize?: number;
-        [key: string]: any;
-    }) => void;
-    /** 查询区自定义渲染（若设置为null，则不显示查询区） */
-    queryRender?: ReactNode;
-    /**
-     * 操作栏（若未设置该项，则不显示）
-      已设置默认样式，可直接如下使用：
-      <>
-        <Button type="primary">操作1</Button>
-        <Button>操作2</Button>
-      </>
-    */
-    actionBar?: ReactElement;
-    /**
-     * @description 操作栏自定义渲染
-     * @param batchEl - 批量操作按钮实例
-     * @returns 操作栏元素
-     */
-    actionBarRender?: (batchEl: ReactNode) => ReactNode;
-    /** 批量操作已选项数量（当数量大于0时，显示批量操作栏） */
-    batchNum?: number;
-    /**
-     * 批量操作按钮区（若未设置该项，则不显示）
-      已设置默认样式，可直接如下使用：
-      <>
-        <Button>批量操作1</Button>
-        <Button>批量操作2</Button>
-      </>
-    */
-    batchBtns?: ReactNode;
-    /**
-     * @description 批量操作按钮配置
-     * @param show - 是否显示批量操作按钮（默认不显示 false）
-     * @param buttonText - 批量操作按钮文字
-     * @param buttonProps - 批量操作按钮属性
-     * @param order - 批量操作按钮在操作栏中的位置（默认为最后一个）
-     */
-    batch?: {
-        show?: boolean;
-        buttonText?: string;
-        buttonProps?: ButtonProps;
-        order?: number;
-    };
-    /** 批量操作取消按钮回调事件 */
-    onCancel?: () => void;
-    /** 表格组件属性 */
-    tableProps?: TableProps<any>;
-    /** 数据表格区自定义渲染（若设置为null，则不显示数据表格区 */
-    tableRender?: ReactNode;
-    /** 当前分页数据为空且非第一页时，是否自动会退到上一个分页（默认false） */
-    autoBackPagination?: boolean;
-    /** 折叠事件的回调 */
-    onCollapse?: (v: boolean) => void;
-    [key: string]: any;
-};
-export type McContainerRef = {
-    /**
-     * 调用查询的方法
-      可通过传参（params）更新查询参数的状态后触发查询，所设置的属性仅会覆盖原查询参数对应的属性，如：query({current: 1})，仅会覆盖原查询参数的current属性；
-      仅对设置过name属性的查询项（和current、pageSize）有效，查询项自身已绑定value属性的除外，需自行编写相关业务逻辑代码进行状态管理；
-      若不传参则按当前查询参数触发查询
-    */
-    query: (params?: {
-        [key: string]: any;
-    }) => void;
-    /** 调用重置的方法 */
-    reset: () => void;
-    /**
-     * 设置默认查询参数
-      默认查询参数，用于重置使用，仅对设置过name属性的查询项（和current、pageSize）有效，查询项自身已绑定value属性的除外，需自行编写相关业务逻辑代码进行状态管理；
-      可通过该方法配置默认查询的分页参数；
-      设置的查询参数将覆盖原有默认值，如：setDefaultQueryParams({pageSize: 10, status: 1})，设置后的默认查询参数为{current: 1, pageSize: 10, status: 1}
-      原有默认值 {current: 1, pageSize: 20}（若未开启分页功能，默认值为{}）
-    */
-    setDefaultQueryParams: (params: {
-        [key: string]: any;
-    }) => void;
-    /** 设置单个查询项的参数（仅支持设置过name属性的查询项和current、pageSize） */
-    setQueryParam: (name: string, value: any) => void;
-    /** 获取单个查询项的参数（仅支持设置过name属性的查询项和current、pageSize） */
-    getQueryParam: (name: string) => any;
-    /** 获取所有查询项的参数 */
-    getQueryParams: () => any;
-    /** 重置查询参数（重置为默认查询参数） */
-    resetQueryParams: () => void;
-};
-declare const McContainer: FC<McContainerPropsType>;
-export default McContainer;