ods-component-lib 1.18.51 → 1.18.52
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/datepicker/OdsDateRangepicker.d.ts +1 -1
- package/dist/components/antd/image/OdsImage.d.ts +1 -4
- package/dist/components/antd/image/OdsImagePreviewGroup.d.ts +5 -1
- package/dist/components/antd/modal/OdsAdvanceModal.d.ts +7 -0
- package/dist/components/antd/typography/OdsTitle.d.ts +5 -1
- package/dist/index.js +7 -40
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +7 -40
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsAlert/OdsAlert.stories.d.ts +54 -0
- package/dist/stories/OdsAlert/Samples/BasicAlert.Sample.d.ts +1 -0
- package/dist/stories/OdsAlert/Samples/IconAlert.Sample.d.ts +1 -0
- package/dist/stories/OdsBannerAlert/OdsBannerAlert.stories.d.ts +53 -0
- package/dist/stories/OdsBannerAlert/Samples/BasicBannerAlert.Sample.d.ts +1 -0
- package/dist/stories/OdsDateRangePicker/OdsDateRangePicker.stories.d.ts +2 -13
- package/dist/stories/OdsImage/OdsImage.stories.d.ts +14 -0
- package/dist/stories/OdsImage/Samples/Basic.Sample.d.ts +1 -0
- package/dist/stories/OdsImagePreviewGroup/OdsImagePreviewGroup.stories.d.ts +9 -0
- package/dist/stories/OdsImagePreviewGroup/Samples/OdsImagePreviewGroup.Sample.d.ts +1 -0
- package/dist/stories/OdsTitle/OdsTitle.stories.d.ts +64 -0
- package/dist/stories/OdsTitle/Samples/BasicTitle.Sample.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RangePickerProps } from 'antd/es/date-picker';
|
|
3
|
-
declare
|
|
3
|
+
declare function OdsDateRangePicker(props: RangePickerProps): React.JSX.Element;
|
|
4
4
|
export default OdsDateRangePicker;
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { ImageProps } from "antd";
|
|
2
2
|
import React from "react";
|
|
3
|
-
|
|
4
|
-
images?: any[];
|
|
5
|
-
}
|
|
6
|
-
declare function OdsImage(props: IImageProps): React.JSX.Element;
|
|
3
|
+
declare function OdsImage(props: ImageProps): React.JSX.Element;
|
|
7
4
|
export default OdsImage;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import { ImageProps } from "antd";
|
|
1
2
|
import React from "react";
|
|
2
|
-
|
|
3
|
+
export interface IImageProps extends ImageProps {
|
|
4
|
+
imagesrcs?: string[];
|
|
5
|
+
}
|
|
6
|
+
declare const OdsImagePreviewGroup: (props: any) => React.JSX.Element;
|
|
3
7
|
export default OdsImagePreviewGroup;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { TypographyProps } from 'antd/es/typography/Typography';
|
|
3
|
+
export interface ITypographyProps extends TypographyProps<any> {
|
|
4
|
+
level?: 1 | 2 | 3 | 4 | 5;
|
|
5
|
+
}
|
|
6
|
+
declare function OdsTitle(props?: ITypographyProps): React.JSX.Element;
|
|
3
7
|
export default OdsTitle;
|
package/dist/index.js
CHANGED
|
@@ -467,14 +467,15 @@ function OdsCheckboxGroup(props) {
|
|
|
467
467
|
var _templateObject$6;
|
|
468
468
|
var StyledDatepicker = styled__default(antd.DatePicker)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
469
469
|
|
|
470
|
-
function
|
|
470
|
+
function OdsDateRangePicker(props) {
|
|
471
471
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
472
472
|
theme: lightTheme
|
|
473
|
-
}, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props
|
|
473
|
+
}, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
|
|
474
|
+
style: {
|
|
475
|
+
width: '100%'
|
|
476
|
+
}
|
|
477
|
+
}))));
|
|
474
478
|
}
|
|
475
|
-
var OdsDateRangePicker = function OdsDateRangePicker(props) {
|
|
476
|
-
return React__default.createElement(StyledOdsDateRangePicker, Object.assign({}, props));
|
|
477
|
-
};
|
|
478
479
|
|
|
479
480
|
function StyledOdsDatepicker(props) {
|
|
480
481
|
var _useState = React.useState("middle"),
|
|
@@ -514,42 +515,8 @@ function OdsCollapse(props) {
|
|
|
514
515
|
}, props.children)));
|
|
515
516
|
}
|
|
516
517
|
|
|
517
|
-
function OdsImagePreviewGroup() {
|
|
518
|
-
var _useState = React.useState(false),
|
|
519
|
-
visible = _useState[0],
|
|
520
|
-
setVisible = _useState[1];
|
|
521
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Image, {
|
|
522
|
-
preview: {
|
|
523
|
-
visible: false
|
|
524
|
-
},
|
|
525
|
-
width: 200,
|
|
526
|
-
src: "https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp",
|
|
527
|
-
onClick: function onClick() {
|
|
528
|
-
return setVisible(true);
|
|
529
|
-
}
|
|
530
|
-
}), React__default.createElement("div", {
|
|
531
|
-
style: {
|
|
532
|
-
display: 'none'
|
|
533
|
-
}
|
|
534
|
-
}, React__default.createElement(antd.Image.PreviewGroup, {
|
|
535
|
-
preview: {
|
|
536
|
-
visible: visible,
|
|
537
|
-
onVisibleChange: function onVisibleChange(vis) {
|
|
538
|
-
return setVisible(vis);
|
|
539
|
-
}
|
|
540
|
-
}
|
|
541
|
-
}, React__default.createElement(antd.Image, {
|
|
542
|
-
src: "https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp"
|
|
543
|
-
}), React__default.createElement(antd.Image, {
|
|
544
|
-
src: "https://gw.alipayobjects.com/zos/antfincdn/cV16ZqzMjW/photo-1473091540282-9b846e7965e3.webp"
|
|
545
|
-
}), React__default.createElement(antd.Image, {
|
|
546
|
-
src: "https://gw.alipayobjects.com/zos/antfincdn/x43I27A55%26/photo-1438109491414-7198515b166b.webp"
|
|
547
|
-
}))));
|
|
548
|
-
}
|
|
549
|
-
|
|
550
518
|
function OdsImage(props) {
|
|
551
|
-
|
|
552
|
-
return React__default.createElement(React__default.Fragment, null, isMultiple ? React__default.createElement(antd.Image, Object.assign({}, props)) : React__default.createElement(OdsImagePreviewGroup, Object.assign({}, props)));
|
|
519
|
+
return React__default.createElement(antd.Image, Object.assign({}, props));
|
|
553
520
|
}
|
|
554
521
|
|
|
555
522
|
var _templateObject$9;
|