ywana-core8 0.0.349 → 0.0.352
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +41 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +70 -56
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +41 -12
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +41 -12
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/html/menu.css +62 -57
- package/src/html/menu.js +8 -4
- package/src/site/dialog.css +8 -0
- package/src/site/dialog.js +7 -2
- package/src/site/site.js +15 -0
- package/src/site/site.test.js +33 -2
package/dist/index.cjs
CHANGED
@@ -672,18 +672,23 @@ var MenuItem = function MenuItem(props) {
|
|
672
672
|
var icon = props.icon,
|
673
673
|
label = props.label,
|
674
674
|
meta = props.meta,
|
675
|
+
_props$disabled = props.disabled,
|
676
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
675
677
|
onSelect = props.onSelect;
|
676
678
|
|
677
679
|
var _useContext = React.useContext(MenuContext),
|
678
680
|
setOpen = _useContext[1];
|
679
681
|
|
680
682
|
function select() {
|
681
|
-
if (
|
682
|
-
|
683
|
+
if (!disabled) {
|
684
|
+
if (onSelect) onSelect();
|
685
|
+
setOpen(false);
|
686
|
+
}
|
683
687
|
}
|
684
688
|
|
689
|
+
var style = disabled ? "disabled" : "";
|
685
690
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
686
|
-
className: "menu-item",
|
691
|
+
className: "menu-item " + style,
|
687
692
|
onClick: select
|
688
693
|
}, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
|
689
694
|
icon: icon
|
@@ -2994,16 +2999,20 @@ var SiteProvider = function SiteProvider(_ref) {
|
|
2994
2999
|
setDialog = _useState8[1];
|
2995
3000
|
|
2996
3001
|
var _useState9 = React.useState(),
|
2997
|
-
|
2998
|
-
|
3002
|
+
promptDialog = _useState9[0],
|
3003
|
+
setPromptDialog = _useState9[1];
|
2999
3004
|
|
3000
3005
|
var _useState10 = React.useState(),
|
3001
|
-
|
3002
|
-
|
3006
|
+
preview = _useState10[0],
|
3007
|
+
setPreview = _useState10[1];
|
3003
3008
|
|
3004
3009
|
var _useState11 = React.useState(),
|
3005
|
-
|
3006
|
-
|
3010
|
+
breadcrumb = _useState11[0],
|
3011
|
+
setBreadcrumb = _useState11[1];
|
3012
|
+
|
3013
|
+
var _useState12 = React.useState(),
|
3014
|
+
focused = _useState12[0],
|
3015
|
+
setFocused = _useState12[1];
|
3007
3016
|
|
3008
3017
|
var value = {
|
3009
3018
|
lang: lang,
|
@@ -3056,6 +3065,13 @@ var SiteProvider = function SiteProvider(_ref) {
|
|
3056
3065
|
prompt: function prompt(message) {
|
3057
3066
|
return window.prompt(message);
|
3058
3067
|
},
|
3068
|
+
promptDialog: promptDialog,
|
3069
|
+
openPromptDialog: function openPromptDialog(dialog) {
|
3070
|
+
setPromptDialog(dialog);
|
3071
|
+
},
|
3072
|
+
closePromptDialog: function closePromptDialog() {
|
3073
|
+
setPromptDialog(null);
|
3074
|
+
},
|
3059
3075
|
notify: function notify(_ref2) {
|
3060
3076
|
var title = _ref2.title,
|
3061
3077
|
body = _ref2.body,
|
@@ -3110,7 +3126,7 @@ var Site = function Site(_ref3) {
|
|
3110
3126
|
init: init
|
3111
3127
|
}, children, /*#__PURE__*/React__default["default"].createElement(Page, {
|
3112
3128
|
id: "EMPTY"
|
3113
|
-
}, "EMPTY")), /*#__PURE__*/React__default["default"].createElement(SiteAside, null), /*#__PURE__*/React__default["default"].createElement(SiteConsole, null), /*#__PURE__*/React__default["default"].createElement(SiteDialog, null), /*#__PURE__*/React__default["default"].createElement(SitePreview, null), /*#__PURE__*/React__default["default"].createElement(SiteNotifications, null)));
|
3129
|
+
}, "EMPTY")), /*#__PURE__*/React__default["default"].createElement(SiteAside, null), /*#__PURE__*/React__default["default"].createElement(SiteConsole, null), /*#__PURE__*/React__default["default"].createElement(SiteDialog, null), /*#__PURE__*/React__default["default"].createElement(SitePromptDialog, null), /*#__PURE__*/React__default["default"].createElement(SitePreview, null), /*#__PURE__*/React__default["default"].createElement(SiteNotifications, null)));
|
3114
3130
|
};
|
3115
3131
|
|
3116
3132
|
var SiteNotifications = function SiteNotifications() {
|
@@ -3262,6 +3278,15 @@ var SiteDialog = function SiteDialog() {
|
|
3262
3278
|
var context = React.useContext(SiteContext);
|
3263
3279
|
return context.dialog ? context.dialog : '';
|
3264
3280
|
};
|
3281
|
+
/**
|
3282
|
+
* Site Promtp Dialog
|
3283
|
+
*/
|
3284
|
+
|
3285
|
+
|
3286
|
+
var SitePromptDialog = function SitePromptDialog() {
|
3287
|
+
var context = React.useContext(SiteContext);
|
3288
|
+
return context.promptDialog ? context.promptDialog : '';
|
3289
|
+
};
|
3265
3290
|
/**
|
3266
3291
|
* Site Preview
|
3267
3292
|
*/
|
@@ -3305,7 +3330,11 @@ var Dialog = function Dialog(props) {
|
|
3305
3330
|
eventPropagation = _props$eventPropagati === void 0 ? false : _props$eventPropagati;
|
3306
3331
|
|
3307
3332
|
function close() {
|
3308
|
-
|
3333
|
+
if (className === "prompt") {
|
3334
|
+
site.closePromptDialog();
|
3335
|
+
} else {
|
3336
|
+
site.closeDialog();
|
3337
|
+
}
|
3309
3338
|
}
|
3310
3339
|
|
3311
3340
|
function prevent(e) {
|
@@ -3316,7 +3345,7 @@ var Dialog = function Dialog(props) {
|
|
3316
3345
|
}
|
3317
3346
|
|
3318
3347
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
3319
|
-
className: "overlay"
|
3348
|
+
className: "overlay " + className
|
3320
3349
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
3321
3350
|
className: "dialog " + className,
|
3322
3351
|
onClick: close
|