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.
@@ -1,5 +1,4 @@
1
1
  "use strict";
2
- // import type { ForwardRefExoticComponent, ExoticComponent } from 'react';
3
2
  Object.defineProperty(exports, "__esModule", { value: true });
4
3
  exports.defineTable = void 0;
5
4
  const Actions_1 = require("./Actions");
@@ -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("../../../utils/Const");
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;
@@ -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';
@@ -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
@@ -12,3 +12,4 @@ export { useOpenState } from './useOpenState';
12
12
  export { useFirstMountState } from './useFirstMountState';
13
13
  export { useToggle } from './useToggle';
14
14
  export { useUpdate } from './useUpdate';
15
+ export { useSyncExternalStore } from './useSyncExternalStore';
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
@@ -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];
@@ -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 react_1 = require("react");
8
+ const useSyncExternalStore_1 = require("./useSyncExternalStore");
9
9
  const _Support_1 = require("../utils/_Support");
10
10
  const PageUtil_1 = require("../utils/PageUtil");
11
- const _V_STATE = (0, _Support_1.globalDefault)('_V_STATE', {});
12
- const SHARE_SPACE = '_SHARE';
13
- // import type { Dispatch, SetStateAction } from 'react';
14
- const useUpdate_1 = require("./useUpdate");
15
- /**
16
- * 参数 1,2 相当于 state,setState
17
- * 参数 3 : loaded 首次返回 false, 其次返回true
18
- * 参数 4 : 如果 shrare = true ,则和其它应用共享数据
19
- *
20
- */
21
- const useGlobal = (nameSpace, initValue, options) => {
22
- let loaded = true;
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
- const stateRef = (0, react_1.useRef)(_V_STATE[appSpace][nameSpace]);
39
- const update = (0, useUpdate_1.useUpdate)();
40
- const setState = (patch) => {
41
- const prev = stateRef.current;
42
- let newData = Object.assign({}, prev, patch instanceof Function ? patch(prev) : patch);
43
- _V_STATE[appSpace][nameSpace] = newData;
44
- stateRef.current = newData;
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,3 @@
1
+ type UseSyncExternalStore = <Snapshot>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => Snapshot, getServerSnapshot?: () => Snapshot) => Snapshot;
2
+ export declare const useSyncExternalStore: UseSyncExternalStore;
3
+ export {};
@@ -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, Menu, Tabs, Breadcrumb, } from 'antd';
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 'antd/es/menu';
12
- export type { MenuItemProps } from 'antd/es/menu/MenuItem';
13
- export type { TabsProps, TabPaneProps } from 'antd/es/tabs';
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 { Layout, Divider, Empty, Result, Spin, Card, Skeleton, } from 'antd';
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.TreeSelect = 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.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.Skeleton = exports.Card = exports.Spin = exports.Result = exports.Empty = exports.Divider = exports.Layout = exports.Collapse = exports.Breadcrumb = exports.Tabs = exports.Menu = 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 = 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","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
+ {"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,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const FloatButton: (props: any) => import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -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
- };