ods-component-lib 1.18.51 → 1.18.53

package/dist/index.modern.js

@@ -33,6 +33,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);
@@ -462,14 +474,15 @@ function OdsCheckboxGroup(props) {
 var _templateObject$6;
 var StyledDatepicker = styled(DatePicker)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
-function StyledOdsDateRangePicker(props) {
+function OdsDateRangePicker(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
     theme: lightTheme
-  }, React.createElement(StyledDatepicker.RangePicker, Object.assign({}, props))));
+  }, React.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
+    style: {
+      width: '100%'
+    }
+  }))));
 }
-var OdsDateRangePicker = function OdsDateRangePicker(props) {
-  return React.createElement(StyledOdsDateRangePicker, Object.assign({}, props));
-};
 
 function StyledOdsDatepicker(props) {
   var _useState = useState("middle"),
@@ -497,7 +510,7 @@ var StyledDropdown = styled(Dropdown)(_templateObject$8 || (_templateObject$8 =
 var handleMenuClick = function handleMenuClick(e) {
   console.log('click', e);
 };
-function OdsCollapse(props) {
+function OdsDropdown(props) {
   var menuProps = {
     items: props.menuItems,
     onClick: handleMenuClick
@@ -509,42 +522,8 @@ function OdsCollapse(props) {
   }, props.children)));
 }
 
-function OdsImagePreviewGroup() {
-  var _useState = useState(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
-  return React.createElement(React.Fragment, null, React.createElement(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.createElement("div", {
-    style: {
-      display: 'none'
-    }
-  }, React.createElement(Image.PreviewGroup, {
-    preview: {
-      visible: visible,
-      onVisibleChange: function onVisibleChange(vis) {
-        return setVisible(vis);
-      }
-    }
-  }, React.createElement(Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp"
-  }), React.createElement(Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/cV16ZqzMjW/photo-1473091540282-9b846e7965e3.webp"
-  }), React.createElement(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.createElement(React.Fragment, null, isMultiple ? React.createElement(Image, Object.assign({}, props)) : React.createElement(OdsImagePreviewGroup, Object.assign({}, props)));
+  return React.createElement(Image, Object.assign({}, props));
 }
 
 var _templateObject$9;
@@ -1009,7 +988,6 @@ var StyledSpin = styled(Spin)(_templateObject$f || (_templateObject$f = _taggedT
 function OdsSpin(props) {
   var _useState = useState(true),
     loading = _useState[0];
-  props.size = "default";
   return React.createElement(React.Fragment, null, React.createElement(StyledSpin, Object.assign({}, props, {
     spinning: loading
   }), props.children));
@@ -1027,41 +1005,10 @@ function OdsSwitch(props) {
 var _templateObject$h;
 var StyledTabs = styled(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 = useState(),
-    size = _useState[0],
-    setSize = _useState[1];
-  var _useState2 = useState(),
-    tabPosition = _useState2[0],
-    setTabPosition = _useState2[1];
-  setTabPosition("top");
-  setSize("middle");
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
     theme: lightTheme
-  }, React.createElement(StyledTabs, Object.assign({}, props, {
-    tabPosition: tabPosition,
-    size: size,
-    defaultActiveKey: "1",
-    items: items,
-    onChange: onChange
-  }), props.children)));
+  }, React.createElement(StyledTabs, Object.assign({}, props))));
 }
 
 var _templateObject$i;
@@ -1130,21 +1077,27 @@ var OdsTimepicker = function OdsTimepicker(props) {
   }));
 };
 
-var _templateObject$m;
+var _templateObject$m, _templateObject2, _templateObject3;
 var StyledtTypography = styled(Typography)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n //\n"])));
-
-function StyledOdsLink(props) {
-  return React.createElement(React.Fragment, null, React.createElement(StyledtTypography, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.Link));
-}
+var StyledtTypographyParagraph = styled(Typography.Paragraph)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n //\n"])));
+var StyledtTypographyLink = styled(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.createElement(StyledtTypographyLink, Object.assign({}, props), children);
+};
 var OdsLink = function OdsLink(props) {
   return React.createElement(StyledOdsLink, Object.assign({}, props));
 };
 
-function StyledOdsParagraph(props) {
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.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.createElement(StyledtTypographyParagraph, Object.assign({}, props), children);
+};
 var OdsParagraph = function OdsParagraph(props) {
   return React.createElement(StyledOdsParagraph, Object.assign({}, props));
 };
@@ -16999,5 +16952,22 @@ function OdsBadgeRibbon(props) {
   }, React.createElement(StyledBadge.Ribbon, Object.assign({}, props), props.children)));
 }
 
-export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+var _excluded$2 = ["content"];
+var OdsAdvanceModal = function OdsAdvanceModal(_ref) {
+  var content = _ref.content,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  return React.createElement(React.Fragment, null, React.createElement(Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), content), React.createElement(ThemeProvider, {
+    theme: lightTheme
+  }, React.createElement(Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), content)));
+};
+
+export { DxTreeList, OdsAdvanceModal, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsDropdown as OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map