ods-component-lib 1.18.73 → 1.18.76
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/components/antd/floatbutton/OdsFloatButton.d.ts +10 -0
- package/dist/components/antd/floatbutton/OdsFloatButton.styled.d.ts +1 -0
- package/dist/components/antd/form/OdsBasicForm.d.ts +18 -0
- package/dist/components/antd/modal/OdsModal.d.ts +3 -3
- package/dist/components/antd/modal/OdsModalOld.d.ts +7 -0
- package/dist/index.d.ts +4 -4
- package/dist/index.js +34 -18
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +34 -18
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsFloatButton/OdsFloatButton.stories.d.ts +27 -0
- package/dist/stories/OdsFloatButton/Samples/BasicFloatButton.sample.d.ts +1 -0
- package/dist/stories/OdsInputNumber/OdsInputNumber.stories.d.ts +9 -0
- package/dist/stories/OdsModal/OdsModal.stories.d.ts +19 -3
- package/dist/stories/OdsModal/Samples/BasicOdsModal.sample.d.ts +7 -0
- package/dist/stories/OdsModalOld/OdsModalOld.stories.d.ts +28 -0
- package/dist/stories/OdsModalOld/Samples/OdsModalOld.Sample.d.ts +1 -0
- package/dist/utils/DynamicIcon.d.ts +5 -0
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { CSSProperties, MouseEventHandler } from 'react';
|
|
2
|
+
import { BaseButtonProps } from 'antd/es/button/button';
|
|
3
|
+
import { ButtonHTMLType } from 'antd/es/button';
|
|
4
|
+
export interface IFloatButtonProps extends BaseButtonProps {
|
|
5
|
+
onClick?: MouseEventHandler<HTMLElement> | undefined;
|
|
6
|
+
htmlType?: ButtonHTMLType;
|
|
7
|
+
style?: CSSProperties | undefined;
|
|
8
|
+
}
|
|
9
|
+
declare function OdsFloatButton(props: any): React.JSX.Element;
|
|
10
|
+
export default OdsFloatButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledFloatButton: import("styled-components").StyledComponent<import("antd/es/float-button/interface").CompoundedComponent, any, {}, never>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormProps, ButtonProps } from 'antd';
|
|
3
|
+
export interface IFormItemRuleProps {
|
|
4
|
+
required?: boolean;
|
|
5
|
+
message?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface IFormItemProps {
|
|
8
|
+
label?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
formItemType: string;
|
|
11
|
+
rules?: IFormItemRuleProps[];
|
|
12
|
+
}
|
|
13
|
+
export interface IFormProps extends FormProps {
|
|
14
|
+
formItems: IFormItemProps[];
|
|
15
|
+
formButtons: ButtonProps[];
|
|
16
|
+
}
|
|
17
|
+
declare function OdsBasicForm(props: IFormProps): React.JSX.Element;
|
|
18
|
+
export default OdsBasicForm;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ModalProps } from "antd";
|
|
2
2
|
import React from "react";
|
|
3
|
-
export interface
|
|
4
|
-
content:
|
|
3
|
+
export interface ICustomModalProps extends ModalProps {
|
|
4
|
+
content: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
declare function OdsModal(props:
|
|
6
|
+
declare function OdsModal(props: ICustomModalProps): React.JSX.Element;
|
|
7
7
|
export default OdsModal;
|
package/dist/index.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ import OdsSearch from "./components/antd/input/OdsSearch";
|
|
|
20
20
|
import OdsTextArea from "./components/antd/input/OdsTextArea";
|
|
21
21
|
import OdsInputNumber from "./components/antd/inputNumber/OdsInputNumber";
|
|
22
22
|
import OdsList from "./components/antd/list/OdsList";
|
|
23
|
-
import
|
|
23
|
+
import OdsModalOld from "./components/antd/modal/OdsModalOld";
|
|
24
24
|
import OdsNotification from "./components/antd/notification/OdsNotification";
|
|
25
25
|
import OdsRadio from "./components/antd/radio/OdsRadio";
|
|
26
26
|
import OdsRadioGroup from "./components/antd/radio/OdsRadioGroup";
|
|
@@ -47,7 +47,7 @@ import DxTreeList from "./components/devextreme/treeview/DxTreeList";
|
|
|
47
47
|
import OdsRemoteDataGrid from "./components/devextreme/OdsRemoteDataGrid";
|
|
48
48
|
import OdsBadge from "./components/antd/badge/OdsBadge";
|
|
49
49
|
import OdsBadgeRibbon from "./components/antd/badge/OdsBadgeRibbon";
|
|
50
|
-
import
|
|
50
|
+
import OdsModal from "./components/antd/modal/OdsModal";
|
|
51
51
|
export { OdsButton };
|
|
52
52
|
export { OdsInput };
|
|
53
53
|
export { OdsDropdownButton };
|
|
@@ -59,7 +59,7 @@ export { OdsPassword };
|
|
|
59
59
|
export { OdsSearch };
|
|
60
60
|
export { OdsTextArea };
|
|
61
61
|
export { OdsCheckbox };
|
|
62
|
-
export {
|
|
62
|
+
export { OdsModalOld };
|
|
63
63
|
export { OdsDivider };
|
|
64
64
|
export { OdsRate };
|
|
65
65
|
export { OdsSwitch };
|
|
@@ -94,7 +94,7 @@ export { OdsBannerAlert };
|
|
|
94
94
|
export { OdsMultiSelect };
|
|
95
95
|
export { OdsBadge };
|
|
96
96
|
export { OdsBadgeRibbon };
|
|
97
|
-
export {
|
|
97
|
+
export { OdsModal };
|
|
98
98
|
export { OdsDataGrid };
|
|
99
99
|
export { OdsDisplayGrid };
|
|
100
100
|
export { OdsRemoteDataGrid };
|
package/dist/index.js
CHANGED
|
@@ -605,7 +605,7 @@ function OdsList(props) {
|
|
|
605
605
|
}, props.children)));
|
|
606
606
|
}
|
|
607
607
|
|
|
608
|
-
function
|
|
608
|
+
function OdsModalOld(props) {
|
|
609
609
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
|
|
610
610
|
open: props.open,
|
|
611
611
|
onOk: props.onOk,
|
|
@@ -16703,6 +16703,32 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16703
16703
|
React.useEffect(function () {
|
|
16704
16704
|
if (contentReady) checkSortingPropertyForInitilaize();
|
|
16705
16705
|
}, [contentReady]);
|
|
16706
|
+
React.useEffect(function () {
|
|
16707
|
+
var cssRules = "\n .data-exists .dx-datagrid-borders > .dx-datagrid-filter-panel,\n .data-exists .dx-datagrid-borders > .dx-datagrid-headers {\n border-top: 1px solid rgba(0, 0, 0, 0.06);\n padding-right: 0px !important;\n }\n \n .data-exists .dx-datagrid-headers .dx-datagrid-content {\n margin-bottom: -1px;\n padding-right: 17px !important;\n }\n ";
|
|
16708
|
+
var styleSheet = document.createElement('style');
|
|
16709
|
+
styleSheet.type = 'text/css';
|
|
16710
|
+
styleSheet.innerText = cssRules;
|
|
16711
|
+
document.head.appendChild(styleSheet);
|
|
16712
|
+
var checkData = function checkData() {
|
|
16713
|
+
if (gridRef.current) {
|
|
16714
|
+
var _dataGridInstance = gridRef.current.instance;
|
|
16715
|
+
var dataExists = data.length > 0;
|
|
16716
|
+
var gridElement = _dataGridInstance.element();
|
|
16717
|
+
if (dataExists) {
|
|
16718
|
+
gridElement.classList.add('data-exists');
|
|
16719
|
+
} else {
|
|
16720
|
+
gridElement.classList.remove('data-exists');
|
|
16721
|
+
}
|
|
16722
|
+
}
|
|
16723
|
+
};
|
|
16724
|
+
var dataGridInstance = gridRef.current.instance;
|
|
16725
|
+
dataGridInstance.on('dataChanged', checkData);
|
|
16726
|
+
checkData();
|
|
16727
|
+
return function () {
|
|
16728
|
+
document.head.removeChild(styleSheet);
|
|
16729
|
+
dataGridInstance.off('dataChanged', checkData);
|
|
16730
|
+
};
|
|
16731
|
+
}, [data]);
|
|
16706
16732
|
var checkSortingPropertyForInitilaize = function checkSortingPropertyForInitilaize() {
|
|
16707
16733
|
var onOptionChanged = props.onOptionChanged;
|
|
16708
16734
|
if (onOptionChanged) {
|
|
@@ -17234,17 +17260,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17234
17260
|
selectByClick: true,
|
|
17235
17261
|
recursive: true
|
|
17236
17262
|
})), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
|
|
17263
|
+
text: props.pageTitle,
|
|
17237
17264
|
location: "before",
|
|
17238
17265
|
cssClass: 'toolbarTitleItem'
|
|
17239
|
-
},
|
|
17240
|
-
level: 5,
|
|
17241
|
-
style: {
|
|
17242
|
-
display: "flex",
|
|
17243
|
-
alignItems: "center",
|
|
17244
|
-
alignSelf: "stretch",
|
|
17245
|
-
margin: 0
|
|
17246
|
-
}
|
|
17247
|
-
}, props.pageTitle)), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem, index) {
|
|
17266
|
+
}), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem, index) {
|
|
17248
17267
|
return React__default.createElement(DataGrid.Item, {
|
|
17249
17268
|
key: "toolbar-button-" + index,
|
|
17250
17269
|
location: "before"
|
|
@@ -17292,25 +17311,21 @@ function OdsBadgeRibbon(props) {
|
|
|
17292
17311
|
}, React__default.createElement(StyledBadge.Ribbon, Object.assign({}, props), props.children)));
|
|
17293
17312
|
}
|
|
17294
17313
|
|
|
17295
|
-
|
|
17296
|
-
var OdsAdvanceModal = function OdsAdvanceModal(_ref) {
|
|
17297
|
-
var content = _ref.content,
|
|
17298
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
17314
|
+
function OdsModal(props) {
|
|
17299
17315
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
|
|
17300
17316
|
open: props.open,
|
|
17301
17317
|
onOk: props.onOk,
|
|
17302
17318
|
onCancel: props.onCancel
|
|
17303
|
-
}), content), React__default.createElement(styled.ThemeProvider, {
|
|
17319
|
+
}), props.content), React__default.createElement(styled.ThemeProvider, {
|
|
17304
17320
|
theme: lightTheme
|
|
17305
17321
|
}, React__default.createElement(antd.Modal, Object.assign({}, props, {
|
|
17306
17322
|
open: props.open,
|
|
17307
17323
|
onOk: props.onOk,
|
|
17308
17324
|
onCancel: props.onCancel
|
|
17309
|
-
}), content)));
|
|
17310
|
-
}
|
|
17325
|
+
}), props.content)));
|
|
17326
|
+
}
|
|
17311
17327
|
|
|
17312
17328
|
exports.DxTreeList = DxTreeList;
|
|
17313
|
-
exports.OdsAdvanceModal = OdsAdvanceModal;
|
|
17314
17329
|
exports.OdsAlert = OdsAlert;
|
|
17315
17330
|
exports.OdsAutoComplete = OdsAutoComplete;
|
|
17316
17331
|
exports.OdsBadge = OdsBadge;
|
|
@@ -17336,6 +17351,7 @@ exports.OdsInputNumber = OdsInputNumber;
|
|
|
17336
17351
|
exports.OdsLink = OdsLink;
|
|
17337
17352
|
exports.OdsList = OdsList;
|
|
17338
17353
|
exports.OdsModal = OdsModal;
|
|
17354
|
+
exports.OdsModalOld = OdsModalOld;
|
|
17339
17355
|
exports.OdsMultiSelect = OdsMultiSelect;
|
|
17340
17356
|
exports.OdsNotification = OdsNotification;
|
|
17341
17357
|
exports.OdsParagraph = OdsParagraph;
|