@zykj2024/much-library 1.1.6 → 1.1.7-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/McContainer/demo/generic.d.ts +8 -0
- package/dist/McContainer/demo/generic.js +91 -0
- package/dist/McContainer/index.d.ts +147 -108
- package/dist/McContainer/index.js +16 -7
- package/dist/McEllipsis/demo/base.d.ts +6 -0
- package/dist/McEllipsis/demo/base.js +22 -0
- package/dist/McEllipsis/demo/middle.d.ts +6 -0
- package/dist/McEllipsis/demo/middle.js +24 -0
- package/dist/McEllipsis/demo/table.d.ts +5 -0
- package/dist/McEllipsis/demo/table.js +93 -0
- package/dist/McEllipsis/demo/tooltip-size.d.ts +6 -0
- package/dist/McEllipsis/demo/tooltip-size.js +20 -0
- package/dist/McEllipsis/demo/tooltip.d.ts +6 -0
- package/dist/McEllipsis/demo/tooltip.js +53 -0
- package/dist/McEllipsis/index.css +4 -0
- package/dist/McEllipsis/index.d.ts +40 -0
- package/dist/McEllipsis/index.js +115 -0
- package/dist/McGroupPanel/index.css +8 -3
- package/dist/McGroupPanel/index.d.ts +1 -0
- package/dist/McGroupPanel/index.js +156 -141
- package/dist/McInputNumber/index.d.ts +3 -0
- package/dist/McInputNumber/index.js +16 -9
- package/dist/McListSelect/comps/ListSelect.d.ts +67 -0
- package/dist/McListSelect/comps/ListSelect.js +289 -0
- package/dist/McListSelect/comps/ListSelectPanel.d.ts +138 -0
- package/dist/McListSelect/comps/ListSelectPanel.js +451 -0
- package/dist/McListSelect/comps/SelectedItem.d.ts +17 -0
- package/dist/McListSelect/comps/SelectedItem.js +76 -0
- package/dist/McListSelect/demo/base.d.ts +6 -0
- package/dist/McListSelect/demo/base.js +125 -0
- package/dist/McListSelect/demo/inexistent.d.ts +6 -0
- package/dist/McListSelect/demo/inexistent.js +111 -0
- package/dist/McListSelect/demo/layout.d.ts +6 -0
- package/dist/McListSelect/demo/layout.js +70 -0
- package/dist/McListSelect/demo/other.d.ts +6 -0
- package/dist/McListSelect/demo/other.js +68 -0
- package/dist/McListSelect/demo/panel-inexistent.d.ts +6 -0
- package/dist/McListSelect/demo/panel-inexistent.js +86 -0
- package/dist/McListSelect/index.css +273 -0
- package/dist/McListSelect/index.d.ts +10 -0
- package/dist/McListSelect/index.js +5 -0
- package/dist/McListSelect/mock/index.d.ts +1 -0
- package/dist/McListSelect/mock/index.js +27 -0
- package/dist/McModalProvider/index.d.ts +2 -2
- package/dist/McThemeConfig/layoutStyle.d.ts +1 -1
- package/dist/McThemeConfig/layoutStyle.js +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/package.json +3 -1
|
@@ -64,7 +64,7 @@ export declare const McModalContext: React.Context<McModalStore>;
|
|
|
64
64
|
declare let dispatch: React.Dispatch<McModalAction>;
|
|
65
65
|
export declare const reducer: (state: McModalStore | undefined, action: McModalAction) => McModalStore;
|
|
66
66
|
declare function getModal(modalId: string): React.FC<any> | undefined;
|
|
67
|
-
export declare const register: <T extends React.FC<any>>(id: string, comp: T, props?: Partial<McModalArgs<T>>
|
|
67
|
+
export declare const register: <T extends React.FC<any>>(id: string, comp: T, props?: Partial<McModalArgs<T>>) => void;
|
|
68
68
|
type McModalArgs<T> = T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any> ? React.ComponentProps<T> : Record<string, unknown>;
|
|
69
69
|
export declare function show<T extends any, C extends any, P extends Partial<McModalArgs<React.FC<C>>>>(modal: React.FC<C>, args?: P): Promise<T>;
|
|
70
70
|
export declare function show<T extends any>(modal: string, args?: Record<string, unknown>): Promise<T>;
|
|
@@ -152,7 +152,7 @@ declare const McModal: {
|
|
|
152
152
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
153
153
|
McModalContext: React.Context<McModalStore>;
|
|
154
154
|
create: <P extends {}>(Comp: React.ComponentType<P>) => React.FC<P & McModalHocProps>;
|
|
155
|
-
register: <T extends React.FC<any>>(id: string, comp: T, props?: Partial<McModalArgs<T>>
|
|
155
|
+
register: <T extends React.FC<any>>(id: string, comp: T, props?: Partial<McModalArgs<T>>) => void;
|
|
156
156
|
getModal: typeof getModal;
|
|
157
157
|
show: typeof show;
|
|
158
158
|
hide: typeof hide;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "\n/* =========== 布局样式 =========== */\n.ant-pro-layout {\n
|
|
1
|
+
declare const _default: "\n/* =========== 布局样式 =========== */\n.ant-pro-layout {\n /* 侧边菜单 */\n .ant-pro-sider {\n padding: 8px 0 16px 16px;\n background: transparent !important;\n\n .ant-layout-sider-children {\n background: #f0f4f9;\n border-radius: 12px 0 0 12px;\n padding: 0;\n border-right: 0;\n margin-right: 0;\n overflow: hidden;\n\n .ant-pro-sider-menu {\n .ant-pro-base-menu-inline-item-icon .anticon {\n font-size: 18px;\n color: #8c8c8c;\n }\n\n [class*='-selected'] .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n\n a {\n transition: color 0s;\n }\n\n & > .ant-menu-item {\n color: #262626;\n font-weight: 500;\n margin: 0;\n margin-bottom: 8px;\n width: 100%;\n border-radius: 4px 0 0 4px;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n &:not(.ant-menu-item-selected):hover {\n color: #325cf7;\n background: transparent !important;\n\n .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n }\n\n &.ant-menu-item-selected {\n color: #325cf7;\n background: #ffffff;\n }\n }\n\n .ant-menu-submenu {\n .ant-menu-submenu-title {\n color: #262626;\n font-weight: 500;\n margin: 0;\n margin-bottom: 8px;\n width: 100%;\n border-radius: 4px 0 0 4px;\n\n &:hover {\n color: #325cf7;\n background: transparent;\n\n .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n }\n }\n\n &:first-of-type .ant-menu-submenu-title {\n margin-top: 0;\n }\n\n &.ant-menu-submenu-selected {\n .ant-menu-submenu-title {\n color: #325cf7;\n }\n }\n\n .ant-menu-sub {\n padding: 0;\n\n .ant-menu-item {\n color: #595959;\n margin: 0;\n margin-bottom: 8px;\n width: 100%;\n border-radius: 4px 0 0 4px;\n padding-left: 44px !important;\n\n &:hover {\n color: #325cf7;\n background: transparent;\n\n .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n }\n\n &.ant-menu-item-selected {\n color: #325cf7;\n font-weight: 500;\n background: #ffffff;\n }\n }\n }\n }\n }\n\n .ant-pro-sider-footer {\n text-align: right;\n padding: 0 12px 16px;\n\n .menu-footer-collapse-btn {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n padding: 0;\n border: 0;\n\n .ant-btn-icon .anticon {\n font-size: 21px;\n color: #b3b3b3;\n }\n\n &:not(:hover) {\n background: #ffffff;\n }\n }\n }\n }\n\n &.ant-layout-sider-collapsed .ant-layout-sider-children .ant-pro-sider-menu {\n margin-top: -4px;\n\n .ant-pro-base-menu-vertical-item-icon .anticon {\n color: #8c8c8c;\n }\n\n .ant-menu-item {\n &:hover {\n .ant-pro-base-menu-vertical-item-icon .anticon {\n color: #325cf7;\n }\n }\n }\n\n .ant-menu-item.ant-menu-item-selected,\n .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n background: #ffffff;\n .ant-pro-base-menu-vertical-item-icon .anticon {\n color: #325cf7;\n }\n }\n }\n }\n\n /* 头部区header */\n .ant-pro-layout-container .ant-pro-layout-header {\n border-bottom: 0 !important;\n\n .ant-pro-top-nav-header-main {\n padding-left: 0;\n\n .ant-pro-top-nav-header-menu {\n padding: 0;\n line-height: 48px;\n\n .ant-menu-overflow-item-rest {\n margin: 8px;\n\n &:hover {\n background: rgba(50, 92, 247, 0.1);\n }\n }\n\n .ant-menu-item {\n padding: 0 28px;\n margin: 8px 0;\n\n &:hover {\n font-weight: 500;\n background: rgba(50, 92, 247, 0.1);\n }\n\n &.ant-menu-item-selected {\n font-weight: bold;\n\n &:hover {\n background: rgba(50, 92, 247, 0.1);\n }\n\n &::after {\n content: '';\n display: block;\n width: 21px;\n height: 4px;\n border-radius: 4px;\n background: #325cf7;\n position: absolute;\n bottom: 0;\n left: calc((100% - 21px) / 2);\n }\n }\n }\n }\n }\n }\n\n /* 内容区main */\n .ant-pro-layout-container .ant-pro-layout-content {\n width: calc(100% - 32px);\n margin: 8px 16px 16px;\n padding: 0;\n height: calc(100vh - 88px);\n overflow: auto;\n border-radius: 12px;\n }\n\n .ant-layout-has-sider .ant-pro-layout-container .ant-pro-layout-content {\n width: calc(100% - 16px);\n margin-left: 0;\n border-radius: 0 12px 12px 0;\n }\n}";
|
|
2
2
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default "\n/* =========== \u5E03\u5C40\u6837\u5F0F =========== */\n.ant-pro-layout {\n
|
|
1
|
+
export default "\n/* =========== \u5E03\u5C40\u6837\u5F0F =========== */\n.ant-pro-layout {\n /* \u4FA7\u8FB9\u83DC\u5355 */\n .ant-pro-sider {\n padding: 8px 0 16px 16px;\n background: transparent !important;\n\n .ant-layout-sider-children {\n background: #f0f4f9;\n border-radius: 12px 0 0 12px;\n padding: 0;\n border-right: 0;\n margin-right: 0;\n overflow: hidden;\n\n .ant-pro-sider-menu {\n .ant-pro-base-menu-inline-item-icon .anticon {\n font-size: 18px;\n color: #8c8c8c;\n }\n\n [class*='-selected'] .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n\n a {\n transition: color 0s;\n }\n\n & > .ant-menu-item {\n color: #262626;\n font-weight: 500;\n margin: 0;\n margin-bottom: 8px;\n width: 100%;\n border-radius: 4px 0 0 4px;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n &:not(.ant-menu-item-selected):hover {\n color: #325cf7;\n background: transparent !important;\n\n .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n }\n\n &.ant-menu-item-selected {\n color: #325cf7;\n background: #ffffff;\n }\n }\n\n .ant-menu-submenu {\n .ant-menu-submenu-title {\n color: #262626;\n font-weight: 500;\n margin: 0;\n margin-bottom: 8px;\n width: 100%;\n border-radius: 4px 0 0 4px;\n\n &:hover {\n color: #325cf7;\n background: transparent;\n\n .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n }\n }\n\n &:first-of-type .ant-menu-submenu-title {\n margin-top: 0;\n }\n\n &.ant-menu-submenu-selected {\n .ant-menu-submenu-title {\n color: #325cf7;\n }\n }\n\n .ant-menu-sub {\n padding: 0;\n\n .ant-menu-item {\n color: #595959;\n margin: 0;\n margin-bottom: 8px;\n width: 100%;\n border-radius: 4px 0 0 4px;\n padding-left: 44px !important;\n\n &:hover {\n color: #325cf7;\n background: transparent;\n\n .ant-pro-base-menu-inline-item-icon .anticon {\n color: #325cf7;\n }\n }\n\n &.ant-menu-item-selected {\n color: #325cf7;\n font-weight: 500;\n background: #ffffff;\n }\n }\n }\n }\n }\n\n .ant-pro-sider-footer {\n text-align: right;\n padding: 0 12px 16px;\n\n .menu-footer-collapse-btn {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n padding: 0;\n border: 0;\n\n .ant-btn-icon .anticon {\n font-size: 21px;\n color: #b3b3b3;\n }\n\n &:not(:hover) {\n background: #ffffff;\n }\n }\n }\n }\n\n &.ant-layout-sider-collapsed .ant-layout-sider-children .ant-pro-sider-menu {\n margin-top: -4px;\n\n .ant-pro-base-menu-vertical-item-icon .anticon {\n color: #8c8c8c;\n }\n\n .ant-menu-item {\n &:hover {\n .ant-pro-base-menu-vertical-item-icon .anticon {\n color: #325cf7;\n }\n }\n }\n\n .ant-menu-item.ant-menu-item-selected,\n .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n background: #ffffff;\n .ant-pro-base-menu-vertical-item-icon .anticon {\n color: #325cf7;\n }\n }\n }\n }\n\n /* \u5934\u90E8\u533Aheader */\n .ant-pro-layout-container .ant-pro-layout-header {\n border-bottom: 0 !important;\n\n .ant-pro-top-nav-header-main {\n padding-left: 0;\n\n .ant-pro-top-nav-header-menu {\n padding: 0;\n line-height: 48px;\n\n .ant-menu-overflow-item-rest {\n margin: 8px;\n\n &:hover {\n background: rgba(50, 92, 247, 0.1);\n }\n }\n\n .ant-menu-item {\n padding: 0 28px;\n margin: 8px 0;\n\n &:hover {\n font-weight: 500;\n background: rgba(50, 92, 247, 0.1);\n }\n\n &.ant-menu-item-selected {\n font-weight: bold;\n\n &:hover {\n background: rgba(50, 92, 247, 0.1);\n }\n\n &::after {\n content: '';\n display: block;\n width: 21px;\n height: 4px;\n border-radius: 4px;\n background: #325cf7;\n position: absolute;\n bottom: 0;\n left: calc((100% - 21px) / 2);\n }\n }\n }\n }\n }\n }\n\n /* \u5185\u5BB9\u533Amain */\n .ant-pro-layout-container .ant-pro-layout-content {\n width: calc(100% - 32px);\n margin: 8px 16px 16px;\n padding: 0;\n height: calc(100vh - 88px);\n overflow: auto;\n border-radius: 12px;\n }\n\n .ant-layout-has-sider .ant-pro-layout-container .ant-pro-layout-content {\n width: calc(100% - 16px);\n margin-left: 0;\n border-radius: 0 12px 12px 0;\n }\n}";
|
package/dist/index.d.ts
CHANGED
|
@@ -19,9 +19,12 @@ export * from './McContainer';
|
|
|
19
19
|
export { default as McContainer } from './McContainer';
|
|
20
20
|
export * from './McDateRange';
|
|
21
21
|
export { default as McDateRange } from './McDateRange';
|
|
22
|
+
export * from './McEllipsis';
|
|
22
23
|
export * from './McEllipsisMiddle';
|
|
23
24
|
export * from './McInput';
|
|
24
25
|
export { default as McInput } from './McInput';
|
|
26
|
+
export * from './McListSelect';
|
|
27
|
+
export { default as McListSelect } from './McListSelect';
|
|
25
28
|
export * from './McSelect';
|
|
26
29
|
export { default as McSelect } from './McSelect';
|
|
27
30
|
import * as Utils from './Utils';
|
package/dist/index.js
CHANGED
|
@@ -19,9 +19,12 @@ export * from "./McContainer";
|
|
|
19
19
|
export { default as McContainer } from "./McContainer";
|
|
20
20
|
export * from "./McDateRange";
|
|
21
21
|
export { default as McDateRange } from "./McDateRange";
|
|
22
|
+
export * from "./McEllipsis";
|
|
22
23
|
export * from "./McEllipsisMiddle";
|
|
23
24
|
export * from "./McInput";
|
|
24
25
|
export { default as McInput } from "./McInput";
|
|
26
|
+
export * from "./McListSelect";
|
|
27
|
+
export { default as McListSelect } from "./McListSelect";
|
|
25
28
|
export * from "./McSelect";
|
|
26
29
|
export { default as McSelect } from "./McSelect";
|
|
27
30
|
import * as Utils from "./Utils";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zykj2024/much-library",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.7-beta.1",
|
|
4
4
|
"description": "react library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -59,8 +59,10 @@
|
|
|
59
59
|
"dayjs": "^1.11.12",
|
|
60
60
|
"lodash": "^4.17.21",
|
|
61
61
|
"much-icons": "1.0.5",
|
|
62
|
+
"number-precision": "^1.6.0",
|
|
62
63
|
"postcss-import": "^16.1.0",
|
|
63
64
|
"postcss-less": "^6.0.0",
|
|
65
|
+
"classnames": "^2.3.2",
|
|
64
66
|
"typescript-react-svg-icon-generator": "^1.1.9"
|
|
65
67
|
},
|
|
66
68
|
"devDependencies": {
|