vap1 0.0.1 → 0.0.2
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/components/Tables/Components/index.js +0 -1
- package/components/_adapt/Drawer.d.ts +1 -0
- package/components/_adapt/FloatButton.d.ts +18 -0
- package/components/_adapt/{todo/FloatButton.js → FloatButton.js} +1 -1
- package/components/_adapt/Layout.d.ts +12 -0
- package/components/_adapt/Layout.js +81 -0
- package/components/_adapt/Menu.d.ts +2 -2
- package/components/_adapt/Tabs.d.ts +16 -0
- package/components/_adapt/Tabs.js +17 -0
- package/components/_adapt/utils.d.ts +2 -1
- package/components/_adapt/utils.js +3 -1
- package/components/index.d.ts +1 -1
- package/components/index.js +2 -1
- package/hooks/index.d.ts +1 -0
- package/hooks/index.js +3 -1
- package/hooks/useGlobal.d.ts +1 -7
- package/hooks/useGlobal.js +46 -37
- package/hooks/useSyncExternalStore.d.ts +3 -0
- package/hooks/useSyncExternalStore.js +60 -0
- package/index.d.ts +11 -5
- package/index.js +10 -5
- package/package.json +1 -1
- package/components/_adapt/todo/FloatButton.d.ts +0 -2
- package/hooks/useGlobal_back.d.ts +0 -1
- package/hooks/useGlobal_back.js +0 -11
|
@@ -6,6 +6,7 @@ import type { FC } from 'react';
|
|
|
6
6
|
* 2. afterVisibleChange Please use `afterOpenChange` instead
|
|
7
7
|
*/
|
|
8
8
|
export type ODrawerProps = Omit<DrawerProps, 'visible' | 'afterVisibleChange'> & {
|
|
9
|
+
size?: 'default' | 'large';
|
|
9
10
|
open?: boolean;
|
|
10
11
|
afterOpenChange?: (open: boolean) => void;
|
|
11
12
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { BadgeProps } from 'antd/es/badge';
|
|
3
|
+
export type FloatButtonType = 'default' | 'primary';
|
|
4
|
+
export type FloatButtonShape = 'circle' | 'square';
|
|
5
|
+
export type FloatButtonGroupTrigger = 'click' | 'hover';
|
|
6
|
+
export type FloatButtonBadgeProps = Omit<BadgeProps, 'status' | 'text' | 'title' | 'children'>;
|
|
7
|
+
export interface FloatButtonProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
description?: React.ReactNode;
|
|
12
|
+
type?: FloatButtonType;
|
|
13
|
+
shape?: FloatButtonShape;
|
|
14
|
+
href?: string;
|
|
15
|
+
badge?: FloatButtonBadgeProps;
|
|
16
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
17
|
+
}
|
|
18
|
+
export declare const FloatButton: (props: FloatButtonProps) => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.FloatButton = void 0;
|
|
4
|
-
const Const_1 = require("
|
|
4
|
+
const Const_1 = require("../../utils/Const");
|
|
5
5
|
const FloatButton = (props) => Const_1.NONE;
|
|
6
6
|
exports.FloatButton = FloatButton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import type { HTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
import { Layout as AntdLayout } from 'antd';
|
|
4
|
+
type LayoutComponent = ForwardRefExoticComponent<PropsWithChildren<HTMLAttributes<HTMLDivElement>> & RefAttributes<HTMLDivElement>> & {
|
|
5
|
+
displayName: string;
|
|
6
|
+
Header: typeof AntdLayout.Header;
|
|
7
|
+
Footer: typeof AntdLayout.Footer;
|
|
8
|
+
Content: typeof AntdLayout.Content;
|
|
9
|
+
Sider: typeof AntdLayout.Sider;
|
|
10
|
+
};
|
|
11
|
+
export declare const Layout: LayoutComponent;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Layout = void 0;
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
39
|
+
const context_1 = require("antd/es/config-provider/context");
|
|
40
|
+
const layout_1 = require("antd/es/layout/layout");
|
|
41
|
+
const antd_1 = require("antd");
|
|
42
|
+
class BasicLayout extends react_1.default.Component {
|
|
43
|
+
constructor() {
|
|
44
|
+
super(...arguments);
|
|
45
|
+
this.state = { siders: [] };
|
|
46
|
+
}
|
|
47
|
+
getSiderHook() {
|
|
48
|
+
return {
|
|
49
|
+
addSider: (id) => {
|
|
50
|
+
this.setState(state => ({
|
|
51
|
+
siders: [...state.siders, id],
|
|
52
|
+
}));
|
|
53
|
+
},
|
|
54
|
+
removeSider: (id) => {
|
|
55
|
+
this.setState(state => ({
|
|
56
|
+
siders: state.siders.filter(currentId => currentId !== id),
|
|
57
|
+
}));
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
render() {
|
|
62
|
+
const _a = this.props, { className, children, hasSider } = _a, others = __rest(_a, ["className", "children", "hasSider"]);
|
|
63
|
+
let clazz = ['ant-layout'];
|
|
64
|
+
if (typeof hasSider === 'boolean' ? hasSider : this.state.siders.length > 0)
|
|
65
|
+
clazz.push('ant-layout-has-sider');
|
|
66
|
+
if (className)
|
|
67
|
+
clazz.push(className);
|
|
68
|
+
return (react_1.default.createElement(layout_1.LayoutContext.Provider, { value: { siderHook: this.getSiderHook() } },
|
|
69
|
+
react_1.default.createElement("section", Object.assign({ className: clazz.join(' ') }, others, { ref: (el) => {
|
|
70
|
+
console.log(el.getRootNode());
|
|
71
|
+
} }), children)));
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
BasicLayout.displayName = 'Layout';
|
|
75
|
+
const _Layout = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(context_1.ConfigConsumer, null, () => react_1.default.createElement(BasicLayout, Object.assign({}, props, { elRef: ref }))));
|
|
76
|
+
exports.Layout = _Layout;
|
|
77
|
+
exports.Layout.displayName = 'Layout';
|
|
78
|
+
exports.Layout.Header = antd_1.Layout.Header;
|
|
79
|
+
exports.Layout.Footer = antd_1.Layout.Footer;
|
|
80
|
+
exports.Layout.Content = antd_1.Layout.Content;
|
|
81
|
+
exports.Layout.Sider = antd_1.Layout.Sider;
|
|
@@ -5,14 +5,14 @@ import type { MenuItemProps } from 'antd/es/menu/MenuItem';
|
|
|
5
5
|
import type { SubMenuProps } from 'antd/es/menu/SubMenu';
|
|
6
6
|
import type { PropsWithChildren, ExoticComponent } from 'react';
|
|
7
7
|
import type { Key } from '../../basetype';
|
|
8
|
-
interface MenuItemType extends MenuItemProps {
|
|
8
|
+
export interface MenuItemType extends MenuItemProps {
|
|
9
9
|
key: Key;
|
|
10
10
|
danger?: boolean;
|
|
11
11
|
icon?: React.ReactNode;
|
|
12
12
|
label?: React.ReactNode;
|
|
13
13
|
title?: string;
|
|
14
14
|
}
|
|
15
|
-
interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<SubMenuProps, 'children'> {
|
|
15
|
+
export interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<SubMenuProps, 'children'> {
|
|
16
16
|
key: Key;
|
|
17
17
|
icon?: React.ReactNode;
|
|
18
18
|
label?: React.ReactNode;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Tabs as AntdTabs } from 'antd';
|
|
3
|
+
import type { TabsProps, TabPaneProps } from 'antd/es/tabs';
|
|
4
|
+
import type { ExoticComponent, PropsWithChildren } from 'react';
|
|
5
|
+
export interface Tab extends Omit<TabPaneProps, 'tab'> {
|
|
6
|
+
key: string;
|
|
7
|
+
label: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export type OTabsProps = TabsProps & {
|
|
10
|
+
items?: Tab[];
|
|
11
|
+
};
|
|
12
|
+
type TabComponent = ExoticComponent<PropsWithChildren<OTabsProps>> & {
|
|
13
|
+
TabPane: typeof AntdTabs.TabPane;
|
|
14
|
+
};
|
|
15
|
+
export declare const Tabs: TabComponent;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Tabs = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const lodash_1 = __importDefault(require("lodash"));
|
|
9
|
+
const antd_1 = require("antd");
|
|
10
|
+
const _Tabs = props => {
|
|
11
|
+
if (props.children == null && lodash_1.default.isArray(props.items) && props.items.length > 0) {
|
|
12
|
+
return react_1.default.createElement(antd_1.Tabs, Object.assign({}, props), props.items.map(item => react_1.default.createElement(antd_1.Tabs.TabPane, Object.assign({}, item), item.label)));
|
|
13
|
+
}
|
|
14
|
+
return react_1.default.createElement(antd_1.Tabs, Object.assign({}, props));
|
|
15
|
+
};
|
|
16
|
+
exports.Tabs = _Tabs;
|
|
17
|
+
exports.Tabs.TabPane = antd_1.Tabs.TabPane;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
type ConvertFunction = <NT>(props: NT, ...converts: [o: string, n: string, fn?: (props: NT) => any][]) => any;
|
|
2
2
|
export declare const convertProps: ConvertFunction;
|
|
3
3
|
export declare const converTooltip: (props: any) => any;
|
|
4
|
-
export type ToOpen<T> = Omit<T, 'arrowPointAtCenter' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'transitionName'> & {
|
|
4
|
+
export type ToOpen<T> = Omit<T, 'arrowPointAtCenter' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'transitionName' | 'overlayClassName'> & {
|
|
5
5
|
open?: boolean;
|
|
6
|
+
rootClassName?: string;
|
|
6
7
|
defaultOpen?: boolean;
|
|
7
8
|
onOpenChange?: (open: boolean) => void;
|
|
8
9
|
arrow?: boolean | {
|
|
@@ -26,13 +26,15 @@ const convertProps = (props, ...converts) => {
|
|
|
26
26
|
};
|
|
27
27
|
exports.convertProps = convertProps;
|
|
28
28
|
const converTooltip = (props) => {
|
|
29
|
-
const oldProps = lodash_1.default.omit(props, ['open', 'defaultOpen', 'onOpenChange', 'arrow']);
|
|
29
|
+
const oldProps = lodash_1.default.omit(props, ['open', 'defaultOpen', 'onOpenChange', 'arrow', 'rootClassName']);
|
|
30
30
|
if (lodash_1.default.has(props, 'open'))
|
|
31
31
|
oldProps.visible = props.open;
|
|
32
32
|
if (lodash_1.default.has(props, 'defaultOpen'))
|
|
33
33
|
oldProps.defaultVisible = props.defaultOpen;
|
|
34
34
|
if (lodash_1.default.has(props, 'onOpenChange') && lodash_1.default.isFunction(props.onOpenChange))
|
|
35
35
|
oldProps.onVisibleChange = props.onOpenChange;
|
|
36
|
+
if (lodash_1.default.has(props, 'rootClassName'))
|
|
37
|
+
oldProps.overlayClassName = props.rootClassName;
|
|
36
38
|
if (lodash_1.default.has(props, 'arrow')) {
|
|
37
39
|
if (props.arrow === true || (lodash_1.default.has(props.arrow, 'pointAtCenter') && props.arrow.pointAtCenter == true)) {
|
|
38
40
|
oldProps.arrowPointAtCenter = true;
|
package/components/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { registerFormField, } from './UForm/_register';
|
|
2
|
-
export { getPlaceholder, getMultiFieldValues, registerApiTableSelector } from './UForm/_input';
|
|
2
|
+
export { getPlaceholder, getMultiFieldValues, registerApiTableSelector, copyMultiValue } from './UForm/_input';
|
|
3
3
|
export type { FormFieldComponent, FormFieldProps, FormFieldOptions, } from './UForm/_register';
|
|
4
4
|
export { registerSearchField, } from './SearchBar/_register';
|
|
5
5
|
export type { SearchFieldComponent, SearchFieldProps, SearchFieldOptions, } from './SearchBar/_register';
|
package/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.registerSelectBar = exports.registerSearchField = exports.registerApiTableSelector = exports.getMultiFieldValues = exports.getPlaceholder = exports.registerFormField = void 0;
|
|
3
|
+
exports.registerSelectBar = exports.registerSearchField = exports.copyMultiValue = exports.registerApiTableSelector = exports.getMultiFieldValues = exports.getPlaceholder = exports.registerFormField = void 0;
|
|
4
4
|
// UForm 表单输入字段
|
|
5
5
|
var _register_1 = require("./UForm/_register");
|
|
6
6
|
Object.defineProperty(exports, "registerFormField", { enumerable: true, get: function () { return _register_1.registerFormField; } });
|
|
@@ -8,6 +8,7 @@ var _input_1 = require("./UForm/_input"); // 常用方法
|
|
|
8
8
|
Object.defineProperty(exports, "getPlaceholder", { enumerable: true, get: function () { return _input_1.getPlaceholder; } });
|
|
9
9
|
Object.defineProperty(exports, "getMultiFieldValues", { enumerable: true, get: function () { return _input_1.getMultiFieldValues; } });
|
|
10
10
|
Object.defineProperty(exports, "registerApiTableSelector", { enumerable: true, get: function () { return _input_1.registerApiTableSelector; } });
|
|
11
|
+
Object.defineProperty(exports, "copyMultiValue", { enumerable: true, get: function () { return _input_1.copyMultiValue; } });
|
|
11
12
|
// SearchField 搜索条件输入字段
|
|
12
13
|
var _register_2 = require("./SearchBar/_register");
|
|
13
14
|
Object.defineProperty(exports, "registerSearchField", { enumerable: true, get: function () { return _register_2.registerSearchField; } });
|
package/hooks/index.d.ts
CHANGED
package/hooks/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useUpdate = exports.useToggle = exports.useFirstMountState = exports.useOpenState = exports.useAjaxAction = exports.useAjaxQuery = exports.useEffectFunction = exports.useModals = exports.useGlobal = exports.useDoLoad = exports.useSetState = exports.useArray = exports.useApi = exports.useApp = void 0;
|
|
3
|
+
exports.useSyncExternalStore = exports.useUpdate = exports.useToggle = exports.useFirstMountState = exports.useOpenState = exports.useAjaxAction = exports.useAjaxQuery = exports.useEffectFunction = exports.useModals = exports.useGlobal = exports.useDoLoad = exports.useSetState = exports.useArray = exports.useApi = exports.useApp = void 0;
|
|
4
4
|
// export type { GlobalApp } from './useApp';
|
|
5
5
|
var useApp_1 = require("./useApp");
|
|
6
6
|
Object.defineProperty(exports, "useApp", { enumerable: true, get: function () { return useApp_1.useApp; } });
|
|
@@ -44,6 +44,8 @@ Object.defineProperty(exports, "useToggle", { enumerable: true, get: function ()
|
|
|
44
44
|
var useUpdate_1 = require("./useUpdate");
|
|
45
45
|
Object.defineProperty(exports, "useUpdate", { enumerable: true, get: function () { return useUpdate_1.useUpdate; } });
|
|
46
46
|
// export { useUpdateEffect } from './useUpdateEffect';
|
|
47
|
+
var useSyncExternalStore_1 = require("./useSyncExternalStore");
|
|
48
|
+
Object.defineProperty(exports, "useSyncExternalStore", { enumerable: true, get: function () { return useSyncExternalStore_1.useSyncExternalStore; } });
|
|
47
49
|
// 说明: 主要从以下两个库中提取常用hooks 集成至VAP
|
|
48
50
|
// https://github.com/streamich/react-use
|
|
49
51
|
// https://ahooks.js.org/hooks/use-request/index
|
package/hooks/useGlobal.d.ts
CHANGED
|
@@ -10,10 +10,4 @@ export type UseGStateOptions = {
|
|
|
10
10
|
*/
|
|
11
11
|
share?: true;
|
|
12
12
|
};
|
|
13
|
-
|
|
14
|
-
* 参数 1,2 相当于 state,setState
|
|
15
|
-
* 参数 3 : loaded 首次返回 false, 其次返回true
|
|
16
|
-
* 参数 4 : 如果 shrare = true ,则和其它应用共享数据
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
19
|
-
export declare const useGlobal: <T extends object>(nameSpace: string, initValue: T, options?: UseGStateOptions) => [T, Dispatch<SetStateAction<T>>, boolean, (string: any) => any];
|
|
13
|
+
export declare const useGlobal: <T extends object>(nameSpace: string, initValue: T, options?: UseGStateOptions) => [T, Dispatch<SetStateAction<T>>, boolean];
|
package/hooks/useGlobal.js
CHANGED
|
@@ -5,22 +5,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.useGlobal = void 0;
|
|
7
7
|
const lodash_1 = __importDefault(require("lodash"));
|
|
8
|
-
const
|
|
8
|
+
const useSyncExternalStore_1 = require("./useSyncExternalStore");
|
|
9
9
|
const _Support_1 = require("../utils/_Support");
|
|
10
10
|
const PageUtil_1 = require("../utils/PageUtil");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
11
|
+
class GlobalValue {
|
|
12
|
+
constructor(val) {
|
|
13
|
+
this.value = {};
|
|
14
|
+
this.change = () => {
|
|
15
|
+
if (this.listener && this.listener.length) {
|
|
16
|
+
this.listener.map(item => item());
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
this.setValue = (val) => {
|
|
20
|
+
if (val == null)
|
|
21
|
+
return;
|
|
22
|
+
let newData = val;
|
|
23
|
+
if (lodash_1.default.isFunction(val)) {
|
|
24
|
+
newData = val(this.value);
|
|
25
|
+
}
|
|
26
|
+
if (newData == null)
|
|
27
|
+
return;
|
|
28
|
+
this.value = Object.assign(Object.assign({}, this.value), newData);
|
|
29
|
+
this.change();
|
|
30
|
+
};
|
|
31
|
+
this.listener = [];
|
|
32
|
+
this.subscribe = (listener) => {
|
|
33
|
+
this.listener.push(listener);
|
|
34
|
+
return () => {
|
|
35
|
+
this.listener = lodash_1.default.filter(item => item != listener);
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
this.getValue = () => {
|
|
39
|
+
return this.value;
|
|
40
|
+
};
|
|
41
|
+
this.value = val;
|
|
42
|
+
this.change();
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
const _V_STATE = (0, _Support_1.globalDefault)('_V_STATE', new Map());
|
|
46
|
+
const getInstance = (nameSpace, initValue, options) => {
|
|
23
47
|
let appSpace;
|
|
48
|
+
let loaded = true;
|
|
24
49
|
if (options && options.share) {
|
|
25
50
|
appSpace = SHARE_SPACE;
|
|
26
51
|
}
|
|
@@ -33,30 +58,14 @@ const useGlobal = (nameSpace, initValue, options) => {
|
|
|
33
58
|
}
|
|
34
59
|
if (!lodash_1.default.has(_V_STATE[appSpace], nameSpace)) {
|
|
35
60
|
loaded = false;
|
|
36
|
-
_V_STATE[appSpace][nameSpace] = initValue;
|
|
61
|
+
_V_STATE[appSpace][nameSpace] = new GlobalValue(initValue);
|
|
37
62
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
update();
|
|
46
|
-
};
|
|
47
|
-
return [
|
|
48
|
-
stateRef.current,
|
|
49
|
-
setState,
|
|
50
|
-
loaded,
|
|
51
|
-
(path) => {
|
|
52
|
-
if (lodash_1.default.has(_V_STATE[appSpace], path)) {
|
|
53
|
-
return lodash_1.default.get(_V_STATE[appSpace], path);
|
|
54
|
-
}
|
|
55
|
-
if (appSpace != SHARE_SPACE) {
|
|
56
|
-
return lodash_1.default.get(_V_STATE[SHARE_SPACE], path);
|
|
57
|
-
}
|
|
58
|
-
return null;
|
|
59
|
-
}
|
|
60
|
-
];
|
|
63
|
+
return [_V_STATE[appSpace][nameSpace], loaded];
|
|
64
|
+
};
|
|
65
|
+
const SHARE_SPACE = '_SHARE';
|
|
66
|
+
const useGlobal = (nameSpace, initValue, options) => {
|
|
67
|
+
const [val, loaded] = getInstance(nameSpace, initValue, options);
|
|
68
|
+
const value = (0, useSyncExternalStore_1.useSyncExternalStore)(val.subscribe, val.getValue);
|
|
69
|
+
return [value, val.setValue, loaded];
|
|
61
70
|
};
|
|
62
71
|
exports.useGlobal = useGlobal;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// import { globalDefault } from '../utils/_Support';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.useSyncExternalStore = void 0;
|
|
5
|
+
// export const useSyncExternalStore = globalDefault<UseSyncExternalStore>('useSyncExternalStore' as any, (s, g, t) => { return {} as any });
|
|
6
|
+
// https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js
|
|
7
|
+
const _is = (x, y) => (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y);
|
|
8
|
+
const is = typeof Object.is === 'function' ? Object.is : _is;
|
|
9
|
+
const react_1 = require("react");
|
|
10
|
+
const useSyncExternalStore = (subscribe, getSnapshot, getServerSnapshot) => {
|
|
11
|
+
const value = getSnapshot();
|
|
12
|
+
const [{ inst }, forceUpdate] = (0, react_1.useState)({ inst: { value, getSnapshot } });
|
|
13
|
+
// Track the latest getSnapshot function with a ref. This needs to be updated
|
|
14
|
+
// in the layout phase so we can access it during the tearing check that
|
|
15
|
+
// happens on subscribe.
|
|
16
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
17
|
+
inst.value = value;
|
|
18
|
+
inst.getSnapshot = getSnapshot;
|
|
19
|
+
if (checkIfSnapshotChanged(inst)) {
|
|
20
|
+
// Force a re-render.
|
|
21
|
+
forceUpdate({ inst });
|
|
22
|
+
}
|
|
23
|
+
}, [subscribe, value, getSnapshot]);
|
|
24
|
+
(0, react_1.useEffect)(() => {
|
|
25
|
+
// Check for changes right before subscribing. Subsequent changes will be
|
|
26
|
+
// detected in the subscription handler.
|
|
27
|
+
if (checkIfSnapshotChanged(inst)) {
|
|
28
|
+
// Force a re-render.
|
|
29
|
+
forceUpdate({ inst });
|
|
30
|
+
}
|
|
31
|
+
const handleStoreChange = () => {
|
|
32
|
+
// TODO: Because there is no cross-renderer API for batching updates, it's
|
|
33
|
+
// up to the consumer of this library to wrap their subscription event
|
|
34
|
+
// with unstable_batchedUpdates. Should we try to detect when this isn't
|
|
35
|
+
// the case and print a warning in development?
|
|
36
|
+
// The store changed. Check if the snapshot changed since the last time we
|
|
37
|
+
// read from the store.
|
|
38
|
+
if (checkIfSnapshotChanged(inst)) {
|
|
39
|
+
// Force a re-render.
|
|
40
|
+
forceUpdate({ inst });
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
// Subscribe to the store and return a clean-up function.
|
|
44
|
+
return subscribe(handleStoreChange);
|
|
45
|
+
}, [subscribe]);
|
|
46
|
+
(0, react_1.useDebugValue)(value);
|
|
47
|
+
return value;
|
|
48
|
+
};
|
|
49
|
+
exports.useSyncExternalStore = useSyncExternalStore;
|
|
50
|
+
function checkIfSnapshotChanged(inst) {
|
|
51
|
+
const latestGetSnapshot = inst.getSnapshot;
|
|
52
|
+
const prevValue = inst.value;
|
|
53
|
+
try {
|
|
54
|
+
const nextValue = latestGetSnapshot();
|
|
55
|
+
return !is(prevValue, nextValue);
|
|
56
|
+
}
|
|
57
|
+
catch (error) {
|
|
58
|
+
return true;
|
|
59
|
+
}
|
|
60
|
+
}
|
package/index.d.ts
CHANGED
|
@@ -5,18 +5,22 @@ export { ConfigProvider, message, notification, } from 'antd';
|
|
|
5
5
|
/**
|
|
6
6
|
* 导航相关
|
|
7
7
|
*/
|
|
8
|
-
export { Steps,
|
|
8
|
+
export { Steps, Breadcrumb, } from 'antd';
|
|
9
|
+
export { Menu } from './components/_adapt/Menu';
|
|
10
|
+
export { Tabs } from './components/_adapt/Tabs';
|
|
9
11
|
export { Collapse } from './components/_adapt/Collapse';
|
|
10
12
|
export type { StepProps, StepsProps } from 'antd/es/steps';
|
|
11
|
-
export type { MenuProps, } from '
|
|
12
|
-
export type { MenuItemProps } from 'antd/es/menu/MenuItem';
|
|
13
|
-
export type { TabsProps
|
|
13
|
+
export type { OMenuProps as MenuProps, ItemType, SubMenuType, MenuItemType } from './components/_adapt/Menu';
|
|
14
|
+
export type { MenuItemProps, } from 'antd/es/menu/MenuItem';
|
|
15
|
+
export type { OTabsProps as TabsProps } from './components/_adapt/Tabs';
|
|
16
|
+
export type { TabPaneProps } from 'antd/es/tabs';
|
|
14
17
|
export type { BreadcrumbProps, BreadcrumbItemProps } from 'antd/es/breadcrumb';
|
|
15
18
|
export type { OCollapseProps as CollapseProps, OCollapsePanelProps as CollapsePanelProps } from './components/_adapt/Collapse';
|
|
16
19
|
/**
|
|
17
20
|
* 排版
|
|
18
21
|
*/
|
|
19
|
-
export {
|
|
22
|
+
export { Divider, Empty, Result, Spin, Card, Skeleton, } from 'antd';
|
|
23
|
+
export { Layout } from './components/_adapt/Layout';
|
|
20
24
|
export { Row } from './components/_adapt/Row';
|
|
21
25
|
export { Col } from './components/_adapt/Col';
|
|
22
26
|
export type { LayoutProps } from 'antd/es/layout';
|
|
@@ -49,6 +53,7 @@ export type { OProgressProps as ProgressProps } from './components/_adapt/Progre
|
|
|
49
53
|
* 元件
|
|
50
54
|
*/
|
|
51
55
|
export { Typography, Statistic, Badge, Avatar, BackTop, Affix, Anchor, Mentions, } from 'antd';
|
|
56
|
+
export { FloatButton } from './components/_adapt/FloatButton';
|
|
52
57
|
export { Icon } from './components/_adapt/Icon';
|
|
53
58
|
export { Button } from './components/_adapt/Button';
|
|
54
59
|
export { Alert } from './components/_adapt/Alert';
|
|
@@ -61,6 +66,7 @@ export type { AvatarProps } from 'antd/es/avatar';
|
|
|
61
66
|
export type { BackTopProps } from 'antd/es/back-top';
|
|
62
67
|
export type { AffixProps } from 'antd/es/affix';
|
|
63
68
|
export type { AnchorProps } from 'antd/es/anchor';
|
|
69
|
+
export type { FloatButtonProps } from './components/_adapt/FloatButton';
|
|
64
70
|
export type { MentionProps } from 'antd/es/mentions';
|
|
65
71
|
export type { IconProps } from './components/_adapt/Icon';
|
|
66
72
|
export type { OAlertProps as AlertProps } from './components/_adapt/Alert';
|
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.PromiseLabel = exports.IAutoComplete = exports.Role = exports.I = exports.CountUp = exports.HighLight = exports.DateRange = exports.Loading = exports.SearchBar = exports.Box = exports.SList = exports.UploadModal = exports.UploadImage = exports.UploadFile = exports.FTree = exports.DTree = exports.STree = exports.TopTableModal = exports.TopTable = exports.STable = exports.ApiTableModal = exports.ApiTable = exports.VTable = exports.UDescriptions = exports.UModal = exports.UInfoModal = exports.UInfo = exports.UFormModal = exports.UForm = exports.UPagination = exports.Select = exports.Calendar = exports.Carousel = exports.Transfer = exports.Cascader = exports.AutoComplete = exports.Rate = exports.Upload = exports.TimePicker = exports.DatePicker = void 0;
|
|
3
|
+
exports.Slider = exports.Switch = exports.Checkbox = exports.Radio = exports.InputNumber = exports.Input = exports.Form = exports.Pagination = exports.Timeline = exports.List = exports.Tree = exports.Descriptions = exports.Table = exports.Tag = exports.Alert = exports.Button = exports.Icon = exports.FloatButton = exports.Mentions = exports.Anchor = exports.Affix = exports.BackTop = exports.Avatar = exports.Badge = exports.Statistic = exports.Typography = exports.Progress = exports.Popover = exports.Popconfirm = exports.Tooltip = exports.Dropdown = exports.Drawer = exports.Modal = exports.Col = exports.Row = exports.Layout = exports.Skeleton = exports.Card = exports.Spin = exports.Result = exports.Empty = exports.Divider = exports.Collapse = exports.Tabs = exports.Menu = exports.Breadcrumb = exports.Steps = exports.notification = exports.message = exports.ConfigProvider = void 0;
|
|
4
|
+
exports.PromiseLabel = exports.IAutoComplete = exports.Role = exports.I = exports.CountUp = exports.HighLight = exports.DateRange = exports.Loading = exports.SearchBar = exports.Box = exports.SList = exports.UploadModal = exports.UploadImage = exports.UploadFile = exports.FTree = exports.DTree = exports.STree = exports.TopTableModal = exports.TopTable = exports.STable = exports.ApiTableModal = exports.ApiTable = exports.VTable = exports.UDescriptions = exports.UModal = exports.UInfoModal = exports.UInfo = exports.UFormModal = exports.UForm = exports.UPagination = exports.Select = exports.Calendar = exports.Carousel = exports.Transfer = exports.Cascader = exports.AutoComplete = exports.Rate = exports.Upload = exports.TimePicker = exports.DatePicker = exports.TreeSelect = void 0;
|
|
5
5
|
/**
|
|
6
6
|
* 基础
|
|
7
7
|
*/
|
|
@@ -15,9 +15,11 @@ Object.defineProperty(exports, "notification", { enumerable: true, get: function
|
|
|
15
15
|
*/
|
|
16
16
|
var antd_2 = require("antd");
|
|
17
17
|
Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return antd_2.Steps; } });
|
|
18
|
-
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return antd_2.Menu; } });
|
|
19
|
-
Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return antd_2.Tabs; } });
|
|
20
18
|
Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return antd_2.Breadcrumb; } });
|
|
19
|
+
var Menu_1 = require("./components/_adapt/Menu");
|
|
20
|
+
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
|
|
21
|
+
var Tabs_1 = require("./components/_adapt/Tabs");
|
|
22
|
+
Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
|
|
21
23
|
var Collapse_1 = require("./components/_adapt/Collapse");
|
|
22
24
|
Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return Collapse_1.Collapse; } });
|
|
23
25
|
;
|
|
@@ -25,13 +27,14 @@ Object.defineProperty(exports, "Collapse", { enumerable: true, get: function ()
|
|
|
25
27
|
* 排版
|
|
26
28
|
*/
|
|
27
29
|
var antd_3 = require("antd");
|
|
28
|
-
Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return antd_3.Layout; } });
|
|
29
30
|
Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return antd_3.Divider; } });
|
|
30
31
|
Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return antd_3.Empty; } });
|
|
31
32
|
Object.defineProperty(exports, "Result", { enumerable: true, get: function () { return antd_3.Result; } });
|
|
32
33
|
Object.defineProperty(exports, "Spin", { enumerable: true, get: function () { return antd_3.Spin; } });
|
|
33
34
|
Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return antd_3.Card; } });
|
|
34
35
|
Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return antd_3.Skeleton; } });
|
|
36
|
+
var Layout_1 = require("./components/_adapt/Layout");
|
|
37
|
+
Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
|
|
35
38
|
var Row_1 = require("./components/_adapt/Row");
|
|
36
39
|
Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
|
|
37
40
|
var Col_1 = require("./components/_adapt/Col");
|
|
@@ -65,6 +68,8 @@ Object.defineProperty(exports, "BackTop", { enumerable: true, get: function () {
|
|
|
65
68
|
Object.defineProperty(exports, "Affix", { enumerable: true, get: function () { return antd_4.Affix; } });
|
|
66
69
|
Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return antd_4.Anchor; } });
|
|
67
70
|
Object.defineProperty(exports, "Mentions", { enumerable: true, get: function () { return antd_4.Mentions; } });
|
|
71
|
+
var FloatButton_1 = require("./components/_adapt/FloatButton");
|
|
72
|
+
Object.defineProperty(exports, "FloatButton", { enumerable: true, get: function () { return FloatButton_1.FloatButton; } });
|
|
68
73
|
var Icon_1 = require("./components/_adapt/Icon");
|
|
69
74
|
Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
|
|
70
75
|
var Button_1 = require("./components/_adapt/Button");
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"vap1","version":"0.0.
|
|
1
|
+
{"name":"vap1","version":"0.0.2","description":"vap1, Both support MicroService and SAP FrameWork","main":"index.js","author":"Xiang da","license":"ISC","dependencies":{"antd":"^3.26.20","ejs":"^3.1.9","lodash":"^4.17.21","dayjs":"npm:moment@latest","react":"^16.14.0","terser-webpack-plugin":"^5.3.9","webpack":"^5.88.2","webpack-sources":"^3.2.3"}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/hooks/useGlobal_back.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// 说明: 此文件将用于1.5版本的 Global
|
|
3
|
-
// import _ from 'lodash';
|
|
4
|
-
// import { useRef } from 'react';
|
|
5
|
-
// import { globalDefault } from '../utils/_Support';
|
|
6
|
-
// import { currentApp } from '../utils/PageUtil'
|
|
7
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
-
const setData = () => { };
|
|
9
|
-
const u = () => {
|
|
10
|
-
// const s = useReducer()
|
|
11
|
-
};
|