ods-component-lib 1.18.51 → 1.18.53

package/dist/components/antd/cascader/OdsCascader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CascaderProps } from "antd";
+declare function OdsCascader(props: CascaderProps): React.JSX.Element;
+export default OdsCascader;

package/dist/components/antd/cascader/OdsCascader.styled.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export declare const StyledCascader: import("styled-components").StyledComponent<(<OptionType extends import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType = import("rc-cascader").DefaultOptionType>(props: (Pick<import("rc-cascader").SingleCascaderProps<OptionType>, "defaultValue" | "value" | "onChange" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onKeyDown" | "maxLength" | "autoFocus" | "className" | "style" | "tabIndex" | "title" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "removeIcon" | "maxTagCount" | "direction" | "prefixCls" | "suffixIcon" | "allowClear" | "clearIcon" | "defaultOpen" | "open" | "getPopupContainer" | "placement" | "builtinPlacements" | "transitionName" | "dropdownClassName" | "popupClassName" | "loading" | "searchValue" | "autoClearSearchValue" | "onSearch" | "showSearch" | "tagRender" | "notFoundContent" | "onClear" | "choiceTransitionName" | "onDropdownVisibleChange" | "getInputElement" | "getRawInputElement" | "maxTagTextLength" | "maxTagPlaceholder" | "animation" | "dropdownStyle" | "dropdownMatchSelectWidth" | "dropdownRender" | "dropdownAlign" | "showAction" | "onPopupScroll" | "onInputKeyDown" | "fieldNames" | "changeOnSelect" | "displayRender" | "showCheckedStrategy" | "expandTrigger" | "dropdownPrefixCls" | "loadData" | "popupVisible" | "dropdownMenuColumnStyle" | "popupPlacement" | "onPopupVisibleChange" | "expandIcon" | "loadingIcon"> & {
+    multiple?: false;
+} & {
+    multiple?: boolean;
+    size?: import("antd/es/button").ButtonSize;
+    showArrow?: boolean;
+    disabled?: boolean;
+    bordered?: boolean;
+    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+    suffixIcon?: import("react").ReactNode;
+    options?: OptionType[];
+    status?: "" | "warning" | "error";
+    autoClearSearchValue?: boolean;
+    rootClassName?: string;
+    popupClassName?: string;
+    dropdownClassName?: string;
+    variant?: "outlined" | "borderless" | "filled";
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("antd/es/cascader").CascaderRef>) | (Pick<import("rc-cascader").MultipleCascaderProps<OptionType>, "defaultValue" | "value" | "onChange" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onKeyDown" | "maxLength" | "autoFocus" | "className" | "style" | "tabIndex" | "title" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "removeIcon" | "maxTagCount" | "direction" | "prefixCls" | "suffixIcon" | "allowClear" | "clearIcon" | "defaultOpen" | "open" | "getPopupContainer" | "placement" | "builtinPlacements" | "transitionName" | "dropdownClassName" | "popupClassName" | "loading" | "searchValue" | "autoClearSearchValue" | "onSearch" | "showSearch" | "tagRender" | "notFoundContent" | "onClear" | "choiceTransitionName" | "onDropdownVisibleChange" | "getInputElement" | "getRawInputElement" | "maxTagTextLength" | "maxTagPlaceholder" | "animation" | "dropdownStyle" | "dropdownMatchSelectWidth" | "dropdownRender" | "dropdownAlign" | "showAction" | "onPopupScroll" | "onInputKeyDown" | "fieldNames" | "changeOnSelect" | "displayRender" | "showCheckedStrategy" | "expandTrigger" | "dropdownPrefixCls" | "loadData" | "popupVisible" | "dropdownMenuColumnStyle" | "popupPlacement" | "onPopupVisibleChange" | "expandIcon" | "loadingIcon"> & {
+    multiple: true;
+} & {
+    multiple?: boolean;
+    size?: import("antd/es/button").ButtonSize;
+    showArrow?: boolean;
+    disabled?: boolean;
+    bordered?: boolean;
+    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+    suffixIcon?: import("react").ReactNode;
+    options?: OptionType[];
+    status?: "" | "warning" | "error";
+    autoClearSearchValue?: boolean;
+    rootClassName?: string;
+    popupClassName?: string;
+    dropdownClassName?: string;
+    variant?: "outlined" | "borderless" | "filled";
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("antd/es/cascader").CascaderRef>)) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any>) | (new (props: any) => import("react").Component<any, any, any>)>) & {
+    displayName: string;
+    SHOW_PARENT: "SHOW_PARENT";
+    SHOW_CHILD: "SHOW_CHILD";
+    Panel: import("react").FC<Pick<import("antd").CascaderProps<any>, import("antd/es/cascader/Panel").PanelPickType>>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
+}, any, {}, never>;

package/dist/components/antd/datepicker/OdsDateRangepicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RangePickerProps } from 'antd/es/date-picker';
-declare const OdsDateRangePicker: (props: RangePickerProps) => React.JSX.Element;
+declare function OdsDateRangePicker(props: RangePickerProps): React.JSX.Element;
 export default OdsDateRangePicker;

package/dist/components/antd/dropdown/OdsDropdown.d.ts

@@ -3,5 +3,5 @@ import React from "react";
 export interface IDropDownProps extends DropDownProps {
     menuItems?: any[];
 }
-declare function OdsCollapse(props: IDropDownProps): React.JSX.Element;
-export default OdsCollapse;
+declare function OdsDropdown(props: IDropDownProps): React.JSX.Element;
+export default OdsDropdown;

package/dist/components/antd/image/OdsImage.d.ts

@@ -1,7 +1,4 @@
 import { ImageProps } from "antd";
 import React from "react";
-export interface IImageProps extends ImageProps {
-    images?: any[];
-}
-declare function OdsImage(props: IImageProps): React.JSX.Element;
+declare function OdsImage(props: ImageProps): React.JSX.Element;
 export default OdsImage;

package/dist/components/antd/image/OdsImagePreviewGroup.d.ts

@@ -1,3 +1,7 @@
+import { ImageProps } from "antd";
 import React from "react";
-declare function OdsImagePreviewGroup(): React.JSX.Element;
+export interface IImageProps extends ImageProps {
+    imagesrcs?: string[];
+}
+declare const OdsImagePreviewGroup: (props: any) => React.JSX.Element;
 export default OdsImagePreviewGroup;

package/dist/components/antd/modal/OdsAdvanceModal.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from "antd";
+import React from "react";
+interface ICustomModalProps extends ModalProps {
+    content: React.ReactNode;
+}
+declare const OdsAdvanceModal: React.FC<ICustomModalProps>;
+export default OdsAdvanceModal;

package/dist/components/antd/steps/OdsSteps.d.ts

@@ -1,3 +1,10 @@
 import React from "react";
-declare function OdsSteps(): React.JSX.Element;
+import { StepProps, StepsProps } from "antd";
+export interface IStepsProps extends StepsProps {
+    items?: IStepProps[];
+}
+interface IStepProps extends StepProps {
+    content: any;
+}
+declare const OdsSteps: (props: IStepsProps) => React.JSX.Element;
 export default OdsSteps;

package/dist/components/antd/typography/OdsLink.d.ts

@@ -1,4 +1,7 @@
-import { TypographyProps } from "antd";
 import React from "react";
-declare const OdsLink: (props?: TypographyProps) => React.JSX.Element;
+import { StyledtTypographyLink } from "./Typography.styled";
+interface StyledOdsLinkProps extends React.ComponentProps<typeof StyledtTypographyLink> {
+    children?: React.ReactNode;
+}
+declare const OdsLink: React.FC<StyledOdsLinkProps>;
 export default OdsLink;

package/dist/components/antd/typography/OdsParagraph.d.ts

@@ -1,4 +1,7 @@
-import { TypographyProps } from 'antd';
 import React from 'react';
-declare const OdsParagraph: (props: TypographyProps) => React.JSX.Element;
+import { StyledtTypographyParagraph } from './Typography.styled';
+export interface StyledOdsParagraphProps extends React.ComponentProps<typeof StyledtTypographyParagraph> {
+    children?: React.ReactNode;
+}
+declare const OdsParagraph: (props: StyledOdsParagraphProps) => React.JSX.Element;
 export default OdsParagraph;

package/dist/components/antd/typography/OdsTitle.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-declare function OdsTitle(props?: any): React.JSX.Element;
+import { TypographyProps } from 'antd/es/typography/Typography';
+export interface ITypographyProps extends TypographyProps<any> {
+    level?: 1 | 2 | 3 | 4 | 5;
+}
+declare function OdsTitle(props?: ITypographyProps): React.JSX.Element;
 export default OdsTitle;

package/dist/components/antd/typography/OdsTypography.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { StyledtTypography } from './Typography.styled';
+export interface StyledOdsTypographyProps extends React.ComponentProps<typeof StyledtTypography> {
+    children?: React.ReactNode;
+}
+declare const OdsTypography: (props: StyledOdsTypographyProps) => React.JSX.Element;
+export default OdsTypography;

package/dist/components/antd/typography/Typography.styled.d.ts

@@ -1 +1,4 @@
+/// <reference types="react" />
 export declare const StyledtTypography: import("styled-components").StyledComponent<import("antd").TypographyProps, any, {}, never>;
+export declare const StyledtTypographyParagraph: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Paragraph").ParagraphProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const StyledtTypographyLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Link").LinkProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/index.d.ts

@@ -47,6 +47,7 @@ import DxTreeList from "./components/devextreme/treeview/DxTreeList";
 import OdsRemoteDataGrid from "./components/devextreme/OdsRemoteDataGrid";
 import OdsBadge from "./components/antd/badge/OdsBadge";
 import OdsBadgeRibbon from "./components/antd/badge/OdsBadgeRibbon";
+import OdsAdvanceModal from "./components/antd/modal/OdsAdvanceModal";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };
@@ -93,6 +94,7 @@ export { OdsBannerAlert };
 export { OdsMultiSelect };
 export { OdsBadge };
 export { OdsBadgeRibbon };
+export { OdsAdvanceModal };
 export { OdsDataGrid };
 export { OdsDisplayGrid };
 export { OdsRemoteDataGrid };

package/dist/index.js

@@ -38,6 +38,18 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
 function _taggedTemplateLiteralLoose(strings, raw) {
   if (!raw) {
     raw = strings.slice(0);
@@ -467,14 +479,15 @@ function OdsCheckboxGroup(props) {
 var _templateObject$6;
 var StyledDatepicker = styled__default(antd.DatePicker)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
-function StyledOdsDateRangePicker(props) {
+function OdsDateRangePicker(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
-  }, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props))));
+  }, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
+    style: {
+      width: '100%'
+    }
+  }))));
 }
-var OdsDateRangePicker = function OdsDateRangePicker(props) {
-  return React__default.createElement(StyledOdsDateRangePicker, Object.assign({}, props));
-};
 
 function StyledOdsDatepicker(props) {
   var _useState = React.useState("middle"),
@@ -502,7 +515,7 @@ var StyledDropdown = styled__default(antd.Dropdown)(_templateObject$8 || (_templ
 var handleMenuClick = function handleMenuClick(e) {
   console.log('click', e);
 };
-function OdsCollapse(props) {
+function OdsDropdown(props) {
   var menuProps = {
     items: props.menuItems,
     onClick: handleMenuClick
@@ -514,42 +527,8 @@ function OdsCollapse(props) {
   }, props.children)));
 }
 
-function OdsImagePreviewGroup() {
-  var _useState = React.useState(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Image, {
-    preview: {
-      visible: false
-    },
-    width: 200,
-    src: "https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp",
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }), React__default.createElement("div", {
-    style: {
-      display: 'none'
-    }
-  }, React__default.createElement(antd.Image.PreviewGroup, {
-    preview: {
-      visible: visible,
-      onVisibleChange: function onVisibleChange(vis) {
-        return setVisible(vis);
-      }
-    }
-  }, React__default.createElement(antd.Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp"
-  }), React__default.createElement(antd.Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/cV16ZqzMjW/photo-1473091540282-9b846e7965e3.webp"
-  }), React__default.createElement(antd.Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/x43I27A55%26/photo-1438109491414-7198515b166b.webp"
-  }))));
-}
-
 function OdsImage(props) {
-  var isMultiple = props.images != null && props.images.length > 0;
-  return React__default.createElement(React__default.Fragment, null, isMultiple ? React__default.createElement(antd.Image, Object.assign({}, props)) : React__default.createElement(OdsImagePreviewGroup, Object.assign({}, props)));
+  return React__default.createElement(antd.Image, Object.assign({}, props));
 }
 
 var _templateObject$9;
@@ -1014,7 +993,6 @@ var StyledSpin = styled__default(antd.Spin)(_templateObject$f || (_templateObjec
 function OdsSpin(props) {
   var _useState = React.useState(true),
     loading = _useState[0];
-  props.size = "default";
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSpin, Object.assign({}, props, {
     spinning: loading
   }), props.children));
@@ -1032,41 +1010,10 @@ function OdsSwitch(props) {
 var _templateObject$h;
 var StyledTabs = styled__default(antd.Tabs)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n //\n"])));
 
-var onChange = function onChange(key) {
-  console.log(key);
-};
-var items = [{
-  key: '1',
-  label: "Tab 1",
-  children: "Content of Tab Pane 1",
-  disabled: true
-}, {
-  key: '2',
-  label: "Tab 2",
-  children: "Content of Tab Pane 2"
-}, {
-  key: '3',
-  label: "Tab 3",
-  children: "Content of Tab Pane 3"
-}];
 function OdsTab(props) {
-  var _useState = React.useState(),
-    size = _useState[0],
-    setSize = _useState[1];
-  var _useState2 = React.useState(),
-    tabPosition = _useState2[0],
-    setTabPosition = _useState2[1];
-  setTabPosition("top");
-  setSize("middle");
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
-  }, React__default.createElement(StyledTabs, Object.assign({}, props, {
-    tabPosition: tabPosition,
-    size: size,
-    defaultActiveKey: "1",
-    items: items,
-    onChange: onChange
-  }), props.children)));
+  }, React__default.createElement(StyledTabs, Object.assign({}, props))));
 }
 
 var _templateObject$i;
@@ -1135,21 +1082,27 @@ var OdsTimepicker = function OdsTimepicker(props) {
   }));
 };
 
-var _templateObject$m;
+var _templateObject$m, _templateObject2, _templateObject3;
 var StyledtTypography = styled__default(antd.Typography)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n //\n"])));
-
-function StyledOdsLink(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTypography, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.Link));
-}
+var StyledtTypographyParagraph = styled__default(antd.Typography.Paragraph)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n //\n"])));
+var StyledtTypographyLink = styled__default(antd.Typography.Link)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  // \n"])));
+
+var _excluded = ["children"];
+var StyledOdsLink = function StyledOdsLink(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return React__default.createElement(StyledtTypographyLink, Object.assign({}, props), children);
+};
 var OdsLink = function OdsLink(props) {
   return React__default.createElement(StyledOdsLink, Object.assign({}, props));
 };
 
-function StyledOdsParagraph(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
-    theme: lightTheme
-  }, React__default.createElement(StyledtTypography.Paragraph, Object.assign({}, props), props)));
-}
+var _excluded$1 = ["children"];
+var StyledOdsParagraph = function StyledOdsParagraph(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return React__default.createElement(StyledtTypographyParagraph, Object.assign({}, props), children);
+};
 var OdsParagraph = function OdsParagraph(props) {
   return React__default.createElement(StyledOdsParagraph, Object.assign({}, props));
 };
@@ -17004,7 +16957,25 @@ function OdsBadgeRibbon(props) {
   }, React__default.createElement(StyledBadge.Ribbon, Object.assign({}, props), props.children)));
 }
 
+var _excluded$2 = ["content"];
+var OdsAdvanceModal = function OdsAdvanceModal(_ref) {
+  var content = _ref.content,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), content), React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), content)));
+};
+
 exports.DxTreeList = DxTreeList;
+exports.OdsAdvanceModal = OdsAdvanceModal;
 exports.OdsAlert = OdsAlert;
 exports.OdsAutoComplete = OdsAutoComplete;
 exports.OdsBadge = OdsBadge;
@@ -17016,13 +16987,13 @@ exports.OdsCalendar = OdsCalendar;
 exports.OdsCard = OdsCard;
 exports.OdsCheckbox = OdsCheckbox;
 exports.OdsCheckboxGroup = OdsCheckboxGroup;
-exports.OdsCollapse = OdsCollapse;
+exports.OdsCollapse = OdsDropdown;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDatepicker;
 exports.OdsDisplayGrid = OdsDisplayGrid;
 exports.OdsDivider = OdsDivider;
-exports.OdsDropdown = OdsCollapse;
+exports.OdsDropdown = OdsDropdown;
 exports.OdsDropdownButton = OdsDropdownButton;
 exports.OdsImage = OdsImage;
 exports.OdsInput = OdsInput;