@nocobase/plugin-mobile-client 0.11.1-alpha.5 → 0.12.0-alpha.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/client.d.ts +2 -3
- package/client.js +1 -1
- package/dist/client/index.js +2465 -0
- package/{lib → dist}/index.d.ts +1 -0
- package/dist/index.js +18 -0
- package/dist/locale/en-US.js +6 -0
- package/dist/locale/fr-FR.js +6 -0
- package/dist/locale/zh-CN.js +36 -0
- package/dist/server/index.js +11 -0
- package/dist/server/migrations/20230620203218-mobile-ui-schema-uid.js +33 -0
- package/dist/server/plugin.js +68 -0
- package/dist/server/routes.js +42 -0
- package/docs/en-US/index.md +7 -0
- package/docs/en-US/installation.md +13 -0
- package/docs/en-US/tabs.json +14 -0
- package/docs/en-US/usage.md +1 -0
- package/docs/zh-CN/index.md +7 -0
- package/docs/zh-CN/installation.md +13 -0
- package/docs/zh-CN/tabs.json +14 -0
- package/docs/zh-CN/usage.md +2 -0
- package/package.json +16 -27
- package/server.d.ts +2 -3
- package/server.js +1 -1
- package/lib/client/MobileClientProvider.js +0 -64
- package/lib/client/configuration/App.js +0 -40
- package/lib/client/configuration/Interface.js +0 -20
- package/lib/client/configuration/index.js +0 -27
- package/lib/client/core/bridge/index.js +0 -17
- package/lib/client/core/bridge/injects.js +0 -13
- package/lib/client/core/bridge/native-call.js +0 -24
- package/lib/client/core/index.js +0 -46
- package/lib/client/core/schema/common/index.js +0 -16
- package/lib/client/core/schema/common/page.js +0 -23
- package/lib/client/core/schema/components/container/Container.Designer.js +0 -139
- package/lib/client/core/schema/components/container/Container.js +0 -119
- package/lib/client/core/schema/components/container/index.js +0 -16
- package/lib/client/core/schema/components/container/style.js +0 -48
- package/lib/client/core/schema/components/header/Header.Designer.js +0 -72
- package/lib/client/core/schema/components/header/Header.js +0 -86
- package/lib/client/core/schema/components/header/index.js +0 -16
- package/lib/client/core/schema/components/index.js +0 -71
- package/lib/client/core/schema/components/menu/Menu.Designer.js +0 -81
- package/lib/client/core/schema/components/menu/Menu.Item.js +0 -106
- package/lib/client/core/schema/components/menu/Menu.js +0 -80
- package/lib/client/core/schema/components/menu/MenuBlockInitializer.js +0 -51
- package/lib/client/core/schema/components/menu/index.js +0 -27
- package/lib/client/core/schema/components/menu/schema.js +0 -25
- package/lib/client/core/schema/components/menu/style.js +0 -34
- package/lib/client/core/schema/components/page/Page.Designer.js +0 -161
- package/lib/client/core/schema/components/page/Page.js +0 -130
- package/lib/client/core/schema/components/page/index.js +0 -16
- package/lib/client/core/schema/components/page/style.js +0 -55
- package/lib/client/core/schema/components/settings/Settings.Designer.js +0 -37
- package/lib/client/core/schema/components/settings/Settings.js +0 -36
- package/lib/client/core/schema/components/settings/SettingsBlockInitializer.js +0 -51
- package/lib/client/core/schema/components/settings/index.js +0 -27
- package/lib/client/core/schema/components/tab-bar/TabBar.Item.js +0 -73
- package/lib/client/core/schema/components/tab-bar/TabBar.js +0 -135
- package/lib/client/core/schema/components/tab-bar/index.js +0 -16
- package/lib/client/core/schema/components/tab-bar/schema.js +0 -25
- package/lib/client/core/schema/helpers/index.js +0 -49
- package/lib/client/core/schema/hooks/index.js +0 -16
- package/lib/client/core/schema/hooks/useSchemaPatch.js +0 -64
- package/lib/client/core/schema/index.js +0 -38
- package/lib/client/core/schema/initializers/BlockInitializers.js +0 -79
- package/lib/client/core/schema/initializers/index.js +0 -16
- package/lib/client/core/schema/scopes/grid-card.js +0 -45
- package/lib/client/core/schema/scopes/index.js +0 -16
- package/lib/client/devices/iOS6.js +0 -32
- package/lib/client/devices/index.js +0 -43
- package/lib/client/index.js +0 -83
- package/lib/client/locale/index.js +0 -40
- package/lib/client/router/Application.js +0 -128
- package/lib/client/router/InterfaceProvider.js +0 -29
- package/lib/client/router/InterfaceRouter.js +0 -30
- package/lib/client/router/index.js +0 -16
- package/lib/index.js +0 -13
- package/lib/locale/en-US.js +0 -9
- package/lib/locale/fr-FR.js +0 -9
- package/lib/locale/zh-CN.js +0 -39
- package/lib/server/index.js +0 -13
- package/lib/server/migrations/20230620203218-mobile-ui-schema-uid.js +0 -59
- package/lib/server/plugin.js +0 -102
- package/lib/server/routes.js +0 -41
- package/src/client/MobileClientProvider.tsx +0 -41
- package/src/client/configuration/App.tsx +0 -23
- package/src/client/configuration/Interface.tsx +0 -11
- package/src/client/configuration/index.ts +0 -2
- package/src/client/core/bridge/index.ts +0 -2
- package/src/client/core/bridge/injects.ts +0 -15
- package/src/client/core/bridge/native-call.ts +0 -23
- package/src/client/core/index.tsx +0 -45
- package/src/client/core/schema/common/index.ts +0 -1
- package/src/client/core/schema/common/page.ts +0 -16
- package/src/client/core/schema/components/container/Container.Designer.tsx +0 -89
- package/src/client/core/schema/components/container/Container.tsx +0 -89
- package/src/client/core/schema/components/container/index.ts +0 -1
- package/src/client/core/schema/components/container/style.ts +0 -35
- package/src/client/core/schema/components/header/Header.Designer.tsx +0 -39
- package/src/client/core/schema/components/header/Header.tsx +0 -49
- package/src/client/core/schema/components/header/index.ts +0 -1
- package/src/client/core/schema/components/index.ts +0 -6
- package/src/client/core/schema/components/menu/Menu.Designer.tsx +0 -46
- package/src/client/core/schema/components/menu/Menu.Item.tsx +0 -89
- package/src/client/core/schema/components/menu/Menu.tsx +0 -75
- package/src/client/core/schema/components/menu/MenuBlockInitializer.tsx +0 -20
- package/src/client/core/schema/components/menu/index.ts +0 -2
- package/src/client/core/schema/components/menu/schema.ts +0 -19
- package/src/client/core/schema/components/menu/style.ts +0 -20
- package/src/client/core/schema/components/page/Page.Designer.tsx +0 -107
- package/src/client/core/schema/components/page/Page.tsx +0 -115
- package/src/client/core/schema/components/page/index.ts +0 -1
- package/src/client/core/schema/components/page/style.ts +0 -43
- package/src/client/core/schema/components/settings/Settings.Designer.tsx +0 -22
- package/src/client/core/schema/components/settings/Settings.tsx +0 -24
- package/src/client/core/schema/components/settings/SettingsBlockInitializer.tsx +0 -20
- package/src/client/core/schema/components/settings/index.ts +0 -2
- package/src/client/core/schema/components/tab-bar/TabBar.Item.tsx +0 -66
- package/src/client/core/schema/components/tab-bar/TabBar.tsx +0 -115
- package/src/client/core/schema/components/tab-bar/index.ts +0 -1
- package/src/client/core/schema/components/tab-bar/schema.ts +0 -18
- package/src/client/core/schema/helpers/index.ts +0 -38
- package/src/client/core/schema/hooks/index.ts +0 -1
- package/src/client/core/schema/hooks/useSchemaPatch.ts +0 -30
- package/src/client/core/schema/index.ts +0 -3
- package/src/client/core/schema/initializers/BlockInitializers.ts +0 -81
- package/src/client/core/schema/initializers/index.ts +0 -1
- package/src/client/core/schema/scopes/grid-card.ts +0 -35
- package/src/client/core/schema/scopes/index.ts +0 -1
- package/src/client/devices/iOS6.tsx +0 -24
- package/src/client/devices/index.tsx +0 -27
- package/src/client/index.tsx +0 -48
- package/src/client/locale/index.ts +0 -21
- package/src/client/router/Application.tsx +0 -128
- package/src/client/router/InterfaceProvider.tsx +0 -11
- package/src/client/router/InterfaceRouter.tsx +0 -16
- package/src/client/router/index.ts +0 -1
- package/src/index.ts +0 -1
- package/src/locale/en-US.ts +0 -3
- package/src/locale/fr-FR.ts +0 -3
- package/src/locale/zh-CN.ts +0 -33
- package/src/server/collections/.gitkeep +0 -0
- package/src/server/index.ts +0 -1
- package/src/server/migrations/20230620203218-mobile-ui-schema-uid.ts +0 -29
- package/src/server/plugin.ts +0 -63
- package/src/server/routes.ts +0 -38
- /package/{lib → dist}/client/MobileClientProvider.d.ts +0 -0
- /package/{lib → dist}/client/configuration/App.d.ts +0 -0
- /package/{lib → dist}/client/configuration/Interface.d.ts +0 -0
- /package/{lib → dist}/client/configuration/index.d.ts +0 -0
- /package/{lib → dist}/client/core/bridge/index.d.ts +0 -0
- /package/{lib → dist}/client/core/bridge/injects.d.ts +0 -0
- /package/{lib → dist}/client/core/bridge/native-call.d.ts +0 -0
- /package/{lib → dist}/client/core/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/common/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/common/page.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/container/Container.Designer.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/container/Container.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/container/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/container/style.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/header/Header.Designer.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/header/Header.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/header/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/menu/Menu.Designer.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/menu/Menu.Item.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/menu/Menu.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/menu/MenuBlockInitializer.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/menu/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/menu/schema.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/menu/style.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/page/Page.Designer.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/page/Page.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/page/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/page/style.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/settings/Settings.Designer.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/settings/Settings.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/settings/SettingsBlockInitializer.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/settings/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/tab-bar/TabBar.Item.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/tab-bar/TabBar.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/tab-bar/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/components/tab-bar/schema.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/helpers/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/hooks/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/hooks/useSchemaPatch.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/initializers/BlockInitializers.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/initializers/index.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/scopes/grid-card.d.ts +0 -0
- /package/{lib → dist}/client/core/schema/scopes/index.d.ts +0 -0
- /package/{lib → dist}/client/devices/iOS6.d.ts +0 -0
- /package/{lib → dist}/client/devices/index.d.ts +0 -0
- /package/{lib → dist}/client/index.d.ts +0 -0
- /package/{lib → dist}/client/locale/index.d.ts +0 -0
- /package/{lib → dist}/client/router/Application.d.ts +0 -0
- /package/{lib → dist}/client/router/InterfaceProvider.d.ts +0 -0
- /package/{lib → dist}/client/router/InterfaceRouter.d.ts +0 -0
- /package/{lib → dist}/client/router/index.d.ts +0 -0
- /package/{lib → dist}/locale/en-US.d.ts +0 -0
- /package/{lib → dist}/locale/fr-FR.d.ts +0 -0
- /package/{lib → dist}/locale/zh-CN.d.ts +0 -0
- /package/{lib → dist}/server/index.d.ts +0 -0
- /package/{lib → dist}/server/migrations/20230620203218-mobile-ui-schema-uid.d.ts +0 -0
- /package/{lib → dist}/server/plugin.d.ts +0 -0
- /package/{lib → dist}/server/routes.d.ts +0 -0
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MenuItem = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = require("@formily/react");
|
|
9
|
-
_react = function _react() {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _client() {
|
|
15
|
-
const data = require("@nocobase/client");
|
|
16
|
-
_client = function _client() {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
function _antdMobile() {
|
|
22
|
-
const data = require("antd-mobile");
|
|
23
|
-
_antdMobile = function _antdMobile() {
|
|
24
|
-
return data;
|
|
25
|
-
};
|
|
26
|
-
return data;
|
|
27
|
-
}
|
|
28
|
-
function _react2() {
|
|
29
|
-
const data = _interopRequireDefault(require("react"));
|
|
30
|
-
_react2 = function _react2() {
|
|
31
|
-
return data;
|
|
32
|
-
};
|
|
33
|
-
return data;
|
|
34
|
-
}
|
|
35
|
-
function _reactRouterDom() {
|
|
36
|
-
const data = require("react-router-dom");
|
|
37
|
-
_reactRouterDom = function _reactRouterDom() {
|
|
38
|
-
return data;
|
|
39
|
-
};
|
|
40
|
-
return data;
|
|
41
|
-
}
|
|
42
|
-
var _locale = require("../../../../locale");
|
|
43
|
-
var _hooks = require("../../hooks");
|
|
44
|
-
var _schema = require("./schema");
|
|
45
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
46
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
48
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
49
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
50
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
51
|
-
const InternalMenuItem = props => {
|
|
52
|
-
const icon = props.icon,
|
|
53
|
-
name = props.name;
|
|
54
|
-
const Designer = (0, _client().useDesigner)();
|
|
55
|
-
const navigate = (0, _reactRouterDom().useNavigate)();
|
|
56
|
-
const location = (0, _reactRouterDom().useLocation)();
|
|
57
|
-
const fieldSchema = (0, _react().useFieldSchema)();
|
|
58
|
-
const compile = (0, _client().useCompile)();
|
|
59
|
-
const params = (0, _reactRouterDom().useParams)();
|
|
60
|
-
const onToPage = () => {
|
|
61
|
-
const locationPath = location.pathname.endsWith('/') ? location.pathname.slice(0, -1) : location.pathname;
|
|
62
|
-
navigate(params.name ? `/mobile/${fieldSchema['x-uid']}` : `${locationPath}/${fieldSchema['x-uid']}`);
|
|
63
|
-
};
|
|
64
|
-
return _react2().default.createElement(_client().SortableItem, {
|
|
65
|
-
className: (0, _client().cx)('nb-mobile-menu-item', (0, _client().css)`
|
|
66
|
-
width: 100%;
|
|
67
|
-
background: var(--adm-color-background);
|
|
68
|
-
> .adm-list-item {
|
|
69
|
-
background: inherit;
|
|
70
|
-
}
|
|
71
|
-
`)
|
|
72
|
-
}, _react2().default.createElement(_antdMobile().List.Item, _objectSpread(_objectSpread({
|
|
73
|
-
arrow: true,
|
|
74
|
-
clickable: true
|
|
75
|
-
}, props), {}, {
|
|
76
|
-
prefix: _react2().default.createElement(_client().Icon, {
|
|
77
|
-
type: icon
|
|
78
|
-
}),
|
|
79
|
-
onClick: onToPage
|
|
80
|
-
}), compile(name)), _react2().default.createElement(Designer, null));
|
|
81
|
-
};
|
|
82
|
-
const MenuItemDesigner = () => {
|
|
83
|
-
const _useTranslation = (0, _locale.useTranslation)(),
|
|
84
|
-
t = _useTranslation.t;
|
|
85
|
-
const _useSchemaPatch = (0, _hooks.useSchemaPatch)(),
|
|
86
|
-
onUpdateComponentProps = _useSchemaPatch.onUpdateComponentProps;
|
|
87
|
-
const field = (0, _react().useField)();
|
|
88
|
-
return _react2().default.createElement(_client().GeneralSchemaDesigner, null, _react2().default.createElement(_client().SchemaSettings.ModalItem, {
|
|
89
|
-
title: t('Edit menu info'),
|
|
90
|
-
initialValues: field.componentProps,
|
|
91
|
-
schema: _schema.menuItemSchema,
|
|
92
|
-
onSubmit: onUpdateComponentProps
|
|
93
|
-
}), _react2().default.createElement(_client().SchemaSettings.Remove, {
|
|
94
|
-
key: "remove",
|
|
95
|
-
removeParentsIfNoChildren: true,
|
|
96
|
-
confirm: {
|
|
97
|
-
title: t('Delete menu item?')
|
|
98
|
-
},
|
|
99
|
-
breakRemoveOn: {
|
|
100
|
-
'x-component': 'MMenu'
|
|
101
|
-
}
|
|
102
|
-
}));
|
|
103
|
-
};
|
|
104
|
-
const MenuItem = InternalMenuItem;
|
|
105
|
-
exports.MenuItem = MenuItem;
|
|
106
|
-
MenuItem.Designer = MenuItemDesigner;
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MMenu = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = require("@formily/react");
|
|
9
|
-
_react = function _react() {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _client() {
|
|
15
|
-
const data = require("@nocobase/client");
|
|
16
|
-
_client = function _client() {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
function _antdMobile() {
|
|
22
|
-
const data = require("antd-mobile");
|
|
23
|
-
_antdMobile = function _antdMobile() {
|
|
24
|
-
return data;
|
|
25
|
-
};
|
|
26
|
-
return data;
|
|
27
|
-
}
|
|
28
|
-
function _react2() {
|
|
29
|
-
const data = _interopRequireDefault(require("react"));
|
|
30
|
-
_react2 = function _react2() {
|
|
31
|
-
return data;
|
|
32
|
-
};
|
|
33
|
-
return data;
|
|
34
|
-
}
|
|
35
|
-
var _locale = require("../../../../locale");
|
|
36
|
-
var _common = require("../../common");
|
|
37
|
-
var _Menu = require("./Menu.Designer");
|
|
38
|
-
var _Menu2 = require("./Menu.Item");
|
|
39
|
-
var _schema = require("./schema");
|
|
40
|
-
var _style = _interopRequireDefault(require("./style"));
|
|
41
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
42
|
-
const InternalMenu = props => {
|
|
43
|
-
const _useStyles = (0, _style.default)(),
|
|
44
|
-
styles = _useStyles.styles;
|
|
45
|
-
const Designer = (0, _client().useDesigner)();
|
|
46
|
-
const fieldSchema = (0, _react().useFieldSchema)();
|
|
47
|
-
const _useDesignable = (0, _client().useDesignable)(),
|
|
48
|
-
insertBeforeEnd = _useDesignable.insertBeforeEnd,
|
|
49
|
-
designable = _useDesignable.designable;
|
|
50
|
-
const _useTranslation = (0, _locale.useTranslation)(),
|
|
51
|
-
t = _useTranslation.t;
|
|
52
|
-
const onAddMenuItem = values => {
|
|
53
|
-
const properties = {
|
|
54
|
-
page: _common.PageSchema
|
|
55
|
-
};
|
|
56
|
-
return insertBeforeEnd({
|
|
57
|
-
type: 'void',
|
|
58
|
-
title: values.name,
|
|
59
|
-
'x-component': 'MMenu.Item',
|
|
60
|
-
'x-component-props': values,
|
|
61
|
-
'x-designer': 'MMenu.Item.Designer',
|
|
62
|
-
properties
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
return _react2().default.createElement(_client().SortableItem, {
|
|
66
|
-
className: (0, _client().cx)('nb-mobile-menu', styles.mobileMenu)
|
|
67
|
-
}, _react2().default.createElement(_antdMobile().List, null, designable && _react2().default.createElement(_antdMobile().List.Item, null, _react2().default.createElement(Designer, null)), _react2().default.createElement(_client().DndContext, null, _react2().default.createElement(_client().SchemaComponent, {
|
|
68
|
-
onlyRenderProperties: true,
|
|
69
|
-
schema: fieldSchema
|
|
70
|
-
})), designable ? _react2().default.createElement(_antdMobile().List.Item, null, _react2().default.createElement(_client().SchemaInitializer.ActionModal, {
|
|
71
|
-
buttonText: t('Add menu item'),
|
|
72
|
-
title: t('Add menu item'),
|
|
73
|
-
schema: _schema.menuItemSchema,
|
|
74
|
-
onSubmit: onAddMenuItem
|
|
75
|
-
})) : null));
|
|
76
|
-
};
|
|
77
|
-
const MMenu = InternalMenu;
|
|
78
|
-
exports.MMenu = MMenu;
|
|
79
|
-
MMenu.Item = _Menu2.MenuItem;
|
|
80
|
-
MMenu.Designer = _Menu.MenuDesigner;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MMenuBlockInitializer = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = _interopRequireDefault(require("react"));
|
|
9
|
-
_react = function _react() {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _icons() {
|
|
15
|
-
const data = require("@ant-design/icons");
|
|
16
|
-
_icons = function _icons() {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
function _client() {
|
|
22
|
-
const data = require("@nocobase/client");
|
|
23
|
-
_client = function _client() {
|
|
24
|
-
return data;
|
|
25
|
-
};
|
|
26
|
-
return data;
|
|
27
|
-
}
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
30
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
31
|
-
const MMenuBlockInitializer = props => {
|
|
32
|
-
const insert = props.insert;
|
|
33
|
-
return _react().default.createElement(_client().SchemaInitializer.Item, {
|
|
34
|
-
icon: _react().default.createElement(_icons().MenuOutlined, null),
|
|
35
|
-
onClick: function () {
|
|
36
|
-
var _onClick = _asyncToGenerator(function* () {
|
|
37
|
-
insert({
|
|
38
|
-
type: 'void',
|
|
39
|
-
'x-component': 'MMenu',
|
|
40
|
-
'x-designer': 'MMenu.Designer',
|
|
41
|
-
'x-component-props': {}
|
|
42
|
-
});
|
|
43
|
-
});
|
|
44
|
-
function onClick() {
|
|
45
|
-
return _onClick.apply(this, arguments);
|
|
46
|
-
}
|
|
47
|
-
return onClick;
|
|
48
|
-
}()
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
exports.MMenuBlockInitializer = MMenuBlockInitializer;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _MenuBlockInitializer = require("./MenuBlockInitializer");
|
|
7
|
-
Object.keys(_MenuBlockInitializer).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _MenuBlockInitializer[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _MenuBlockInitializer[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _Menu = require("./Menu");
|
|
18
|
-
Object.keys(_Menu).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _Menu[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function get() {
|
|
24
|
-
return _Menu[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.menuItemSchema = void 0;
|
|
7
|
-
var _locale = require("../../../../locale");
|
|
8
|
-
const menuItemSchema = {
|
|
9
|
-
properties: {
|
|
10
|
-
name: {
|
|
11
|
-
type: 'string',
|
|
12
|
-
title: (0, _locale.generateNTemplate)('Menu name'),
|
|
13
|
-
required: true,
|
|
14
|
-
'x-component': 'Input',
|
|
15
|
-
'x-decorator': 'FormItem'
|
|
16
|
-
},
|
|
17
|
-
icon: {
|
|
18
|
-
'x-decorator': 'FormItem',
|
|
19
|
-
'x-component': 'IconPicker',
|
|
20
|
-
title: (0, _locale.generateNTemplate)('Icon'),
|
|
21
|
-
'x-component-props': {}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
exports.menuItemSchema = menuItemSchema;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
function _client() {
|
|
8
|
-
const data = require("@nocobase/client");
|
|
9
|
-
_client = function _client() {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
const useStyles = (0, _client().createStyles)(({
|
|
15
|
-
token,
|
|
16
|
-
css
|
|
17
|
-
}) => {
|
|
18
|
-
return {
|
|
19
|
-
mobileMenu: css`
|
|
20
|
-
--adm-color-primary: ${token.colorPrimary};
|
|
21
|
-
--adm-color-primary-hover: ${token.colorPrimaryHover};
|
|
22
|
-
--adm-color-primary-active: ${token.colorPrimaryActive};
|
|
23
|
-
--padding-left: ${token.paddingSM}px;
|
|
24
|
-
--adm-color-background: ${token.colorBgContainer};
|
|
25
|
-
--adm-color-border: ${token.colorBorder};
|
|
26
|
-
|
|
27
|
-
background: ${token.colorBgContainer};
|
|
28
|
-
width: 100%;
|
|
29
|
-
margin-bottom: var(--nb-spacing);
|
|
30
|
-
`
|
|
31
|
-
};
|
|
32
|
-
});
|
|
33
|
-
var _default = useStyles;
|
|
34
|
-
exports.default = _default;
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.PageDesigner = void 0;
|
|
7
|
-
function _icons() {
|
|
8
|
-
const data = require("@ant-design/icons");
|
|
9
|
-
_icons = function _icons() {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _react() {
|
|
15
|
-
const data = require("@formily/react");
|
|
16
|
-
_react = function _react() {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
function _shared() {
|
|
22
|
-
const data = require("@formily/shared");
|
|
23
|
-
_shared = function _shared() {
|
|
24
|
-
return data;
|
|
25
|
-
};
|
|
26
|
-
return data;
|
|
27
|
-
}
|
|
28
|
-
function _client() {
|
|
29
|
-
const data = require("@nocobase/client");
|
|
30
|
-
_client = function _client() {
|
|
31
|
-
return data;
|
|
32
|
-
};
|
|
33
|
-
return data;
|
|
34
|
-
}
|
|
35
|
-
function _antd() {
|
|
36
|
-
const data = require("antd");
|
|
37
|
-
_antd = function _antd() {
|
|
38
|
-
return data;
|
|
39
|
-
};
|
|
40
|
-
return data;
|
|
41
|
-
}
|
|
42
|
-
function _react2() {
|
|
43
|
-
const data = _interopRequireDefault(require("react"));
|
|
44
|
-
_react2 = function _react2() {
|
|
45
|
-
return data;
|
|
46
|
-
};
|
|
47
|
-
return data;
|
|
48
|
-
}
|
|
49
|
-
var _locale = require("../../../../locale");
|
|
50
|
-
var _helpers = require("../../helpers");
|
|
51
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
52
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
53
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
54
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
55
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
56
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
57
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
58
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
59
|
-
const PageDesigner = props => {
|
|
60
|
-
var _fieldSchema$properti, _fieldSchema$properti2;
|
|
61
|
-
const showBack = props.showBack;
|
|
62
|
-
const _useTranslation = (0, _locale.useTranslation)(),
|
|
63
|
-
t = _useTranslation.t;
|
|
64
|
-
const fieldSchema = (0, _react().useFieldSchema)();
|
|
65
|
-
const _useDesignable = (0, _client().useDesignable)(),
|
|
66
|
-
dn = _useDesignable.dn;
|
|
67
|
-
const headerSchema = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$properti = fieldSchema.properties) === null || _fieldSchema$properti === void 0 ? void 0 : _fieldSchema$properti['header'];
|
|
68
|
-
const tabsSchema = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$properti2 = fieldSchema.properties) === null || _fieldSchema$properti2 === void 0 ? void 0 : _fieldSchema$properti2['tabs'];
|
|
69
|
-
const field = (0, _react().useField)();
|
|
70
|
-
const schemaSettingsProps = {
|
|
71
|
-
dn,
|
|
72
|
-
field,
|
|
73
|
-
fieldSchema
|
|
74
|
-
};
|
|
75
|
-
return _react2().default.createElement(_client().SchemaSettings, _objectSpread({
|
|
76
|
-
title: _react2().default.createElement(_antd().Button, {
|
|
77
|
-
style: {
|
|
78
|
-
borderColor: 'var(--colorSettings)',
|
|
79
|
-
color: 'var(--colorSettings)',
|
|
80
|
-
width: '100%'
|
|
81
|
-
},
|
|
82
|
-
icon: _react2().default.createElement(_icons().MenuOutlined, null),
|
|
83
|
-
type: "dashed"
|
|
84
|
-
}, t('Page configuration'))
|
|
85
|
-
}, schemaSettingsProps), _react2().default.createElement(_client().SchemaSettings.SwitchItem, {
|
|
86
|
-
checked: !!headerSchema,
|
|
87
|
-
title: t('Enable Header'),
|
|
88
|
-
onChange: function () {
|
|
89
|
-
var _onChange = _asyncToGenerator(function* (v) {
|
|
90
|
-
if (v) {
|
|
91
|
-
var _fieldSchema$parent$x;
|
|
92
|
-
yield dn.insertAfterBegin({
|
|
93
|
-
type: 'void',
|
|
94
|
-
name: 'header',
|
|
95
|
-
'x-component': 'MHeader',
|
|
96
|
-
'x-designer': 'MHeader.Designer',
|
|
97
|
-
'x-component-props': {
|
|
98
|
-
title: (_fieldSchema$parent$x = fieldSchema.parent['x-component-props']) === null || _fieldSchema$parent$x === void 0 ? void 0 : _fieldSchema$parent$x.name,
|
|
99
|
-
showBack
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
} else {
|
|
103
|
-
yield dn.remove(headerSchema);
|
|
104
|
-
}
|
|
105
|
-
dn.refresh();
|
|
106
|
-
});
|
|
107
|
-
function onChange(_x) {
|
|
108
|
-
return _onChange.apply(this, arguments);
|
|
109
|
-
}
|
|
110
|
-
return onChange;
|
|
111
|
-
}()
|
|
112
|
-
}), _react2().default.createElement(_client().SchemaSettings.SwitchItem, {
|
|
113
|
-
checked: !!tabsSchema,
|
|
114
|
-
title: t('Enable Tabs'),
|
|
115
|
-
onChange: function () {
|
|
116
|
-
var _onChange2 = _asyncToGenerator(function* (v) {
|
|
117
|
-
if (v) {
|
|
118
|
-
const gridSchema = (0, _helpers.findGridSchema)(fieldSchema);
|
|
119
|
-
if (gridSchema) {
|
|
120
|
-
return dn.remove(gridSchema).then(() => {
|
|
121
|
-
return dn.insertBeforeEnd({
|
|
122
|
-
type: 'void',
|
|
123
|
-
name: 'tabs',
|
|
124
|
-
'x-component': 'Tabs',
|
|
125
|
-
'x-component-props': {},
|
|
126
|
-
'x-initializer': 'TabPaneInitializers',
|
|
127
|
-
'x-initializer-props': {
|
|
128
|
-
gridInitializer: 'MBlockInitializers'
|
|
129
|
-
},
|
|
130
|
-
properties: {
|
|
131
|
-
tab1: {
|
|
132
|
-
type: 'void',
|
|
133
|
-
title: (0, _locale.generateNTemplate)('Untitled'),
|
|
134
|
-
'x-component': 'Tabs.TabPane',
|
|
135
|
-
'x-designer': 'Tabs.Designer',
|
|
136
|
-
'x-component-props': {},
|
|
137
|
-
properties: {
|
|
138
|
-
grid: _objectSpread(_objectSpread({}, gridSchema), {}, {
|
|
139
|
-
'x-uid': (0, _shared().uid)()
|
|
140
|
-
})
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
});
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
} else {
|
|
148
|
-
const gridSchema = (0, _helpers.findGridSchema)(tabsSchema.properties[Object.keys(tabsSchema.properties)[0]]);
|
|
149
|
-
if (gridSchema) {
|
|
150
|
-
return dn.remove(tabsSchema).then(() => dn.insertBeforeEnd(gridSchema, {}));
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
function onChange(_x2) {
|
|
155
|
-
return _onChange2.apply(this, arguments);
|
|
156
|
-
}
|
|
157
|
-
return onChange;
|
|
158
|
-
}()
|
|
159
|
-
}));
|
|
160
|
-
};
|
|
161
|
-
exports.PageDesigner = PageDesigner;
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MPage = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = require("@formily/react");
|
|
9
|
-
_react = function _react() {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _client() {
|
|
15
|
-
const data = require("@nocobase/client");
|
|
16
|
-
_client = function _client() {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
function _react2() {
|
|
22
|
-
const data = _interopRequireWildcard(require("react"));
|
|
23
|
-
_react2 = function _react2() {
|
|
24
|
-
return data;
|
|
25
|
-
};
|
|
26
|
-
return data;
|
|
27
|
-
}
|
|
28
|
-
function _reactRouterDom() {
|
|
29
|
-
const data = require("react-router-dom");
|
|
30
|
-
_reactRouterDom = function _reactRouterDom() {
|
|
31
|
-
return data;
|
|
32
|
-
};
|
|
33
|
-
return data;
|
|
34
|
-
}
|
|
35
|
-
var _helpers = require("../../helpers");
|
|
36
|
-
var _Page = require("./Page.Designer");
|
|
37
|
-
var _style = _interopRequireDefault(require("./style"));
|
|
38
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
40
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
42
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
43
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
44
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
45
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
46
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
47
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
48
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
49
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
50
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
51
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
52
|
-
const InternalPage = props => {
|
|
53
|
-
var _fieldSchema$properti, _tabsSchema$propertie;
|
|
54
|
-
const _useStyles = (0, _style.default)(),
|
|
55
|
-
styles = _useStyles.styles;
|
|
56
|
-
const Designer = (0, _client().useDesigner)();
|
|
57
|
-
const fieldSchema = (0, _react().useFieldSchema)();
|
|
58
|
-
const _useSearchParams = (0, _reactRouterDom().useSearchParams)(),
|
|
59
|
-
_useSearchParams2 = _slicedToArray(_useSearchParams, 2),
|
|
60
|
-
searchParams = _useSearchParams2[0],
|
|
61
|
-
setSearchParams = _useSearchParams2[1];
|
|
62
|
-
const tabsSchema = (_fieldSchema$properti = fieldSchema.properties) === null || _fieldSchema$properti === void 0 ? void 0 : _fieldSchema$properti['tabs'];
|
|
63
|
-
// Only support globalActions in page
|
|
64
|
-
const onlyInPage = fieldSchema.root === fieldSchema.parent;
|
|
65
|
-
let hasGlobalActions = false;
|
|
66
|
-
if (!tabsSchema && fieldSchema.properties) {
|
|
67
|
-
hasGlobalActions = (0, _helpers.countGridCol)(fieldSchema.properties['grid'], 2) === 1;
|
|
68
|
-
} else if (searchParams.has('tab') && tabsSchema !== null && tabsSchema !== void 0 && (_tabsSchema$propertie = tabsSchema.properties) !== null && _tabsSchema$propertie !== void 0 && _tabsSchema$propertie[searchParams.get('tab')]) {
|
|
69
|
-
var _tabsSchema$propertie2, _tabsSchema$propertie3;
|
|
70
|
-
hasGlobalActions = (0, _helpers.countGridCol)((_tabsSchema$propertie2 = tabsSchema.properties[searchParams.get('tab')]) === null || _tabsSchema$propertie2 === void 0 ? void 0 : (_tabsSchema$propertie3 = _tabsSchema$propertie2.properties) === null || _tabsSchema$propertie3 === void 0 ? void 0 : _tabsSchema$propertie3['grid'], 2) === 1;
|
|
71
|
-
} else if (tabsSchema !== null && tabsSchema !== void 0 && tabsSchema.properties) {
|
|
72
|
-
const schema = Object.values(tabsSchema.properties).sort((t1, t2) => t1['x-index'] - t2['x-index'])[0];
|
|
73
|
-
if (schema) {
|
|
74
|
-
setTimeout(() => {
|
|
75
|
-
setSearchParams([['tab', schema.name.toString()]], {
|
|
76
|
-
replace: true
|
|
77
|
-
});
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
const onTabsChange = (0, _react2().useCallback)(key => {
|
|
82
|
-
setSearchParams([['tab', key]], {
|
|
83
|
-
replace: true
|
|
84
|
-
});
|
|
85
|
-
}, [setSearchParams]);
|
|
86
|
-
const GlobalActionProvider = (0, _react2().useCallback)(props => {
|
|
87
|
-
if (hasGlobalActions) {
|
|
88
|
-
return _react2().default.createElement(_client().TabsContextProvider, null, _react2().default.createElement(_client().ActionBarProvider, {
|
|
89
|
-
container: (typeof props.active !== 'undefined' ? props.active : true) && onlyInPage ? document.getElementById('nb-position-container') : null,
|
|
90
|
-
forceProps: {
|
|
91
|
-
layout: 'one-column',
|
|
92
|
-
className: styles.globalActionCSS
|
|
93
|
-
}
|
|
94
|
-
}, props.children));
|
|
95
|
-
}
|
|
96
|
-
return _react2().default.createElement(_react2().default.Fragment, null, props.children);
|
|
97
|
-
}, [hasGlobalActions, onlyInPage]);
|
|
98
|
-
return _react2().default.createElement(_client().SortableItem, {
|
|
99
|
-
eid: "nb-mobile-scroll-wrapper",
|
|
100
|
-
className: (0, _client().cx)('nb-mobile-page', styles.mobilePage)
|
|
101
|
-
}, _react2().default.createElement(Designer, _objectSpread({}, fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-designer-props'])), _react2().default.createElement("div", {
|
|
102
|
-
style: {
|
|
103
|
-
paddingBottom: tabsSchema ? null : 'var(--nb-spacing)'
|
|
104
|
-
},
|
|
105
|
-
className: (0, _client().cx)('nb-mobile-page-header', styles.mobilePageHeader)
|
|
106
|
-
}, _react2().default.createElement(_react().RecursionField, {
|
|
107
|
-
schema: fieldSchema,
|
|
108
|
-
filterProperties: s => {
|
|
109
|
-
return 'MHeader' === s['x-component'];
|
|
110
|
-
}
|
|
111
|
-
}), _react2().default.createElement(_client().TabsContextProvider, {
|
|
112
|
-
PaneRoot: GlobalActionProvider,
|
|
113
|
-
activeKey: searchParams.get('tab'),
|
|
114
|
-
onChange: onTabsChange
|
|
115
|
-
}, _react2().default.createElement(_react().RecursionField, {
|
|
116
|
-
schema: fieldSchema,
|
|
117
|
-
filterProperties: s => {
|
|
118
|
-
return 'Tabs' === s['x-component'];
|
|
119
|
-
}
|
|
120
|
-
}))), _react2().default.createElement(GlobalActionProvider, null, !tabsSchema && _react2().default.createElement(_react().RecursionField, {
|
|
121
|
-
schema: fieldSchema,
|
|
122
|
-
filterProperties: s => {
|
|
123
|
-
return s['x-component'] !== 'MHeader';
|
|
124
|
-
}
|
|
125
|
-
})));
|
|
126
|
-
};
|
|
127
|
-
const MPage = InternalPage;
|
|
128
|
-
exports.MPage = MPage;
|
|
129
|
-
MPage.Designer = _Page.PageDesigner;
|
|
130
|
-
MPage.displayName = 'MPage';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Page = require("./Page");
|
|
7
|
-
Object.keys(_Page).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Page[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _Page[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|