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

package/dist/{esm/styles/utilities.less → styles/index.css}

@@ -1,36 +1,27 @@
-// 通用工具类 (如 .text-center, .mt-1 等)
-@import './mixins.less';
-
+/** 给input和input number用的， 增加竖线 **/
+/** 最后一个formitem没有底部空白 */
 .text-center {
-  .text-center();
+  text-align: center;
 }
-
 .text-ellipsis {
-  .text-ellipsis();
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-
 /** 等宽的radio-group */
 .equal-radio-group {
   text-align: center;
   display: grid;
-  grid-template-columns: repeat(
-    auto-fill,
-    minmax(100px, 1fr)
-  ); // 定义每列宽度均等
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
 }
-
 /** 最后一个form item"直接"子元素，不展示底部空白 **/
-.last-form-item-mb0 {
-  .last-form-item-no-bottom();
+.last-form-item-mb0 > .ant-form-item:last-child {
+  margin-bottom: 0;
 }
-
 /** 卡片内最后一个form item直接子元素，不展示底部空白 **/
-.card-last-form-item-mb0 {
-  > .ant-card-body {
-    .last-form-item-no-bottom();
-  }
+.card-last-form-item-mb0 > .ant-card-body > .ant-form-item:last-child {
+  margin-bottom: 0;
 }
-
 /** 列表的删除按钮，hover为红色，默认为黑色
 * 举例：deleteIconProps={{
     Icon: (props) => (
@@ -44,8 +35,7 @@
 **/
 .mc-delete-icon {
   color: #262626;
-
-  :hover {
-    color: #ff4d4f;
-  }
+}
+.mc-delete-icon :hover {
+  color: #ff4d4f;
 }

package/dist/styles/mixins.css

@@ -0,0 +1,2 @@
+/** 给input和input number用的， 增加竖线 **/
+/** 最后一个formitem没有底部空白 */

package/dist/styles/utilities.css

@@ -0,0 +1,41 @@
+/** 给input和input number用的， 增加竖线 **/
+/** 最后一个formitem没有底部空白 */
+.text-center {
+  text-align: center;
+}
+.text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/** 等宽的radio-group */
+.equal-radio-group {
+  text-align: center;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+}
+/** 最后一个form item"直接"子元素，不展示底部空白 **/
+.last-form-item-mb0 > .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+/** 卡片内最后一个form item直接子元素，不展示底部空白 **/
+.card-last-form-item-mb0 > .ant-card-body > .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+/** 列表的删除按钮，hover为红色，默认为黑色
+* 举例：deleteIconProps={{
+    Icon: (props) => (
+      <DeleteOutlined
+        {...props}
+        style={{ marginLeft: 8 }}
+        className="list-delete-icon"
+      />
+    ),
+  }}
+**/
+.mc-delete-icon {
+  color: #262626;
+}
+.mc-delete-icon :hover {
+  color: #ff4d4f;
+}

package/dist/{esm/typings.d.ts → typings.d.ts}

@@ -17,4 +17,4 @@ declare module 'numeral';
 declare module '@antv/data-set';
 declare module 'react-fittext';
 declare module 'bizcharts-plugin-slider';
-declare module '@zykj2024/much-library';
+declare module 'much-library';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@zykj2024/much-library",
-  "version": "1.1.7-beta.9",
+  "version": "1.1.7",
   "description": "react library",
   "license": "MIT",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -13,10 +13,14 @@
     "build:watch": "father dev",
     "dev": "dumi dev",
     "dev-build-all": "pnpm -r --parallel run dev & dumi dev",
+    "docs-dev:publish": "cross-env DOCS_ENV=dev sh ./bash/deploy.sh dev",
+    "docs:build": "dumi build",
+    "docs:publish": "sh ./bash/deploy.sh",
     "doctor": "father doctor",
     "lint": "npm run lint:es && npm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
     "publish-dev": "npm publish --tag beta",
     "start": "npm run dev"
@@ -48,8 +52,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@makotot/ghostui": "^2.0.0",
-    "@zykj2024/much-hooks": "1.1.4-beta.3",
-    "@zykj2024/much-icons": "^1.0.9",
+    "@zykj2024/much-hooks": "1.0.2",
     "antd": "^5.16.2",
     "antd-style": "^3.6.2",
     "cross-env": "^7.0.3",
@@ -59,10 +62,7 @@
     "postcss-import": "^16.1.0",
     "postcss-less": "^6.0.0",
     "typescript-react-svg-icon-generator": "^1.1.9",
-    "classnames": "^2.3.2",
-    "spark-md5": "^3.0.2",
-    "react-dropzone": "^14.3.5",
-    "number-precision": "^1.6.0"
+    "classnames": "^2.3.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",
@@ -88,8 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "authors": [],
-  "dumi": {
-    "entryFile": "src/index.ts"
-  }
+  "authors": []
 }

package/dist/esm/McCascader/index.less

@@ -1,38 +0,0 @@
-.mc-cascader {
-  &__content {
-    width: 100%;
-    height: 100%;
-
-    &.ant-cascader.ant-select {
-      .ant-select-selector {
-        .ant-select-prefix {
-          margin-right: 0;
-        }
-
-        .ant-select-selection-overflow-item-rest .ant-select-selection-item {
-          color: #fff;
-          background: #325cf7;
-          padding-left: 4px;
-
-          .ant-select-selection-item-content {
-            margin-right: 0;
-          }
-        }
-
-        .ant-select-selection-item[title*='「'][title$='」'] {
-          color: var(--inexistent-color);
-        }
-      }
-    }
-  }
-
-  &.mc-cascader--inline
-    .ant-select-selection-overflow-item:not(
-      .ant-select-selection-overflow-item-rest,
-      .ant-select-selection-overflow-item-suffix
-    ) {
-    flex: 1;
-    min-width: 0;
-    margin-right: 4px;
-  }
-}

package/dist/esm/McContainer/index.d.ts

@@ -1,192 +0,0 @@
-import { ButtonProps, TableProps } from 'antd';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
-import './index.less';
-/** 请求参数 */
-type QueryParamsType<T = any> = {
-    /** 当前页码 */
-    current: number;
-    /** 每页显示的记录数 */
-    pageSize: number;
-} & T;
-/** 批量操作配置接口 */
-interface BatchConfig {
-    /** 是否显示批量操作按钮 */
-    show?: boolean;
-    /** 批量操作按钮的文本 */
-    buttonText?: string;
-    /** 批量操作按钮的属性 */
-    buttonProps?: ButtonProps;
-    /** 批量操作按钮在操作栏中的位置 */
-    order?: number;
-}
-/** McContainer 组件 Props 类型定义 */
-export interface McContainerProps<T> {
-    /** 组件的自定义样式 */
-    style?: CSSProperties;
-    /** 组件的自定义类名 */
-    className?: string;
-    /**
-     * 页面容器的高度
-     * @default 'calc(100vh - 88px)' 即视口高度-菜单header高度56px-页面上下内边距16px*2
-     */
-    height?: string;
-    /**
-     * 页面容器的背景色
-     * @default '#ffffff'
-     */
-    backgroundColor?: string;
-    /**
-     * 是否展示头部遮罩
-     * @default true
-     */
-    showCell?: boolean;
-    /**
-     * 是否触发首次查询
-     * @description 若使用场景为需自定义默认查询参数，可将该属性设置为false，
-     * 并手动调用setDefaultQueryParams方法重新设置默认查询参数，而后调用query方法触发查询
-     * @default true
-     */
-    immediateQuery?: boolean;
-    /**
-     * 加载中状态（已覆盖table组件的loading）
-     * @default false
-     */
-    loading?: boolean;
-    /** 加载loading下方的文案，默认为测试中 */
-    loadingText?: string;
-    /**
-     * 查询项（不受展开、收起按钮控制显示隐藏的查询项）
-     * @description 建议结合 McSelect、McCascader、McDateRange、McInput 等组件使用
-     */
-    queryItems?: ReactElement;
-    /**
-     * 是否显示查询按钮
-     * @default true
-     */
-    showQuery?: boolean;
-    /**
-     * 是否显示重置按钮
-     * @default true
-     */
-    showReset?: boolean;
-    /**
-     * 是否显示展开、收起按钮
-     * @default false
-     */
-    showCollapse?: boolean;
-    /** 可折叠的查询项（可通过展开、收起按钮控制显示隐藏的查询项） */
-    collapsibleQueryItems?: ReactElement;
-    /**
-     * 查询回调事件
-     * @param params - 分页参数
-     * @param filters - 过滤条件
-     * @param sorter - 排序条件
-     * @param extra - 额外信息，包含当前数据源和触发的操作类型
-     */
-    onQuery?: (params: QueryParamsType<T>, filters?: Record<string, any>, sorter?: Record<string, any>, extra?: {
-        currentDataSource: any[];
-        action: 'paginate' | 'sort' | 'filter';
-    }) => void;
-    /**
-     * 重置按钮回调事件
-     * @description 若设置该属性，则在点击重置按钮时不再触发onQuery事件
-     */
-    onReset?: (params?: QueryParamsType<T>) => void;
-    /**
-     * 查询区自定义渲染
-     * @description 若设置为null，则不显示查询区
-     */
-    queryRender?: ReactNode;
-    /**
-     * 操作栏
-     * @description 若未设置该项，则不显示
-     */
-    actionBar?: ReactElement;
-    /**
-     * 操作栏自定义渲染
-     * @param batchEl - 批量操作按钮实例
-     */
-    actionBarRender?: (batchEl: ReactNode) => ReactNode;
-    /**
-     * 批量操作已选项数量
-     * @description 当数量大于0时，显示批量操作栏
-     */
-    batchNum?: number;
-    /**
-     * 批量操作按钮区
-     * @description 若未设置该项，则不显示
-     */
-    batchBtns?: ReactNode;
-    /** 批量操作按钮配置 */
-    batch?: BatchConfig;
-    /** 批量操作取消按钮回调事件 */
-    onCancel?: () => void;
-    /** 表格组件属性 */
-    tableProps?: TableProps<any>;
-    /**
-     * 数据表格区自定义渲染
-     * @description 若设置为null，则不显示数据表格区
-     */
-    tableRender?: ReactNode;
-    /**
-     * 当前分页数据为空且非第一页时，是否自动会退到上一个分页
-     * @default false
-     */
-    autoBackPagination?: boolean;
-    /**
-     * 折叠事件的回调
-     * @param collapsed - 是否折叠
-     */
-    onCollapse?: (collapsed: boolean) => void;
-}
-/** McContainer 组件 Ref 类型定义 */
-export interface McContainerRef<T = any> {
-    /**
-     * 调用查询的方法
-     * @description 可通过传参更新查询参数的状态后触发查询，所设置的属性仅会覆盖原查询参数对应的属性
-     * @param params - 查询参数，仅支持设置过name属性的查询项
-     */
-    query: (params?: QueryParamsType<T>) => void;
-    /**
-     * 调用重置的方法
-     * @description 重置查询参数为默认值
-     */
-    reset: () => void;
-    /**
-     * 设置默认查询参数
-     * @description 用于重置使用，仅对设置过name属性的查询项有效
-     * 仅对设置过name属性的查询项（和current、pageSize）有效，查询项自身已绑定value属性的除外，需自行编写相关业务逻辑代码进行状态管理；
-     * 可通过该方法配置默认查询的分页参数；
-     * 设置的查询参数将覆盖原有默认值，如：setDefaultQueryParams({pageSize: 10, status: 1})，设置后的默认查询参数为{current: 1, pageSize: 10, status: 1}
-     * 原有默认值 {current: 1, pageSize: 20}（若未开启分页功能，默认值为{}
-     * @param params - 默认查询参数
-     */
-    setDefaultQueryParams: (params: QueryParamsType<T>) => void;
-    /**
-     * 设置单个查询项的参数
-     * @description 仅支持设置过name属性的查询项
-     * @param name - 查询项名称
-     * @param value - 查询项值
-     */
-    setQueryParam: (name: keyof QueryParamsType<T>, value: any) => void;
-    /**
-     * 获取单个查询项的参数
-     * @description 仅支持设置过name属性的查询项
-     * @param name - 查询项名称
-     */
-    getQueryParam: (name: keyof QueryParamsType<T>) => any;
-    /**
-     * 获取所有查询项的参数
-     * @returns 当前可见的查询项的参数集
-     */
-    getQueryParams: () => QueryParamsType<T>;
-    /**
-     * 重置查询参数
-     * @description 重置为默认查询参数
-     */
-    resetQueryParams: () => void;
-}
-declare const McContainer: <T>(props: McContainerProps<T> & {
-    ref?: React.ForwardedRef<McContainerRef<T>>;
-}) => JSX.Element;
-export default McContainer;

package/dist/esm/McContainer/index.less

@@ -1,132 +0,0 @@
-@wrapper-width: calc(100% - 40px);
-
-.mc-container {
-  position: relative;
-
-  &__ceiling {
-    width: @wrapper-width;
-    height: 24px;
-    position: absolute;
-    left: 16px;
-    z-index: 9;
-  }
-
-  &__wrapper {
-    height: 100%;
-    padding: 24px 24px 50px 16px;
-    overflow-y: auto;
-    border-top-right-radius: 12px;
-  }
-
-  &__query {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 16px;
-
-    .mc-input,
-    .mc-search,
-    .mc-select,
-    .mc-cascader,
-    .mc-input-number {
-      width: 270px;
-    }
-
-    .mc-date-range {
-      width: 330px;
-    }
-  }
-
-  &__divider {
-    height: 1px;
-    margin: 24px 0;
-    background: #ebebeb;
-  }
-
-  &__action-bar {
-    position: sticky;
-    top: -24px;
-    z-index: 9;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 16px;
-    align-items: center;
-    padding: 24px 0 16px;
-    margin-top: -24px;
-    overflow: hidden;
-  }
-
-  &__batch-bar {
-    position: sticky;
-    z-index: 9;
-    padding-bottom: 8px;
-
-    &__inner {
-      display: flex;
-      align-items: center;
-      height: 40px;
-      padding: 0 16px;
-      background: #325cf7;
-      border-radius: 4px;
-
-      button.ant-btn {
-        background: transparent;
-        color: #fff;
-        border-color: transparent;
-        padding: 4px;
-        margin-left: 16px;
-
-        &:hover {
-          background-color: transparent !important;
-          color: #fff !important;
-          border-color: transparent !important;
-        }
-      }
-    }
-  }
-
-  &__batch-num {
-    color: #fff;
-    font-size: 14px;
-    opacity: 0.8;
-  }
-
-  &__batch-btns {
-    position: relative;
-    margin-left: 16px;
-
-    &::before {
-      position: absolute;
-      top: calc(50% - 12px);
-      left: 0;
-      display: block;
-      width: 1px;
-      height: 24px;
-      background: rgba(255, 255, 255, 30%);
-      content: '';
-    }
-  }
-
-  &__table {
-    .ant-spin-nested-loading {
-      position: static;
-
-      .ant-spin-container {
-        position: static;
-      }
-    }
-
-    &__expand-icon > svg {
-      transition: all 0.3s;
-    }
-  }
-
-  &__pagination {
-    padding: 8px 0 16px;
-    margin: 0 !important;
-    width: @wrapper-width;
-    position: absolute;
-    left: 16px;
-    bottom: 0;
-    z-index: 9;
-  }
-}

package/dist/esm/McDateRange/index.less

@@ -1,15 +0,0 @@
-.mc-date-range {
-  &__content {
-    width: 100%;
-    height: 100%;
-
-    .ant-picker-prefix {
-      margin-right: 0;
-    }
-  }
-
-  &__preset-label {
-    margin: -1px -8px;
-    padding: 1px 8px;
-  }
-}

package/dist/esm/McEllipsis/index.less

@@ -1,9 +0,0 @@
-.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/McEllipsisMiddle/index.less

@@ -1,9 +0,0 @@
-.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';
-  }
-}