@pisell/materials 1.0.205 → 1.0.206

package/es/components/page/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "style"];
+var _excluded = ["children", "style", "locale"];
 var _theme$token;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -7,6 +7,17 @@ import React from "react";
 import ConfigProvider from "../config-provider";
 import { AdapterDayjs } from "@pisell/date-picker/es/AdapterDayjs";
 import { LocalizationProvider, createTheme, ThemeProvider } from "@pisell/date-picker";
+import enUS from 'antd/locale/en_US';
+import zhCN from 'antd/locale/zh_CN';
+import zhTW from 'antd/locale/zh_TW';
+import zhHK from 'antd/locale/zh_HK';
+var localMap = {
+  'zh-TW': zhTW,
+  'zh-CN': zhCN,
+  'zh-HK': zhHK,
+  'en-US': enUS,
+  'en': enUS
+};
 var theme = {
   components: {
     Table: {
@@ -157,8 +168,10 @@ var datePickerTheme = createTheme({
 var Page = function Page(props) {
   var children = props.children,
     style = props.style,
+    locale = props.locale,
     others = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
+    locale: localMap[locale],
     prefixCls: props.prefixCls || "pisell-lowcode",
     theme: props.theme || theme
   }), /*#__PURE__*/React.createElement(LocalizationProvider, {

package/es/components/qrcode/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const QRCode: (props: any) => JSX.Element;
+import React from "react";
+declare const QRCode: (props: any) => React.JSX.Element;
 export default QRCode;

package/es/components/radio/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("antd").RadioProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<any>>;
+declare const Radio: (props: any) => import("react").JSX.Element;
 export default Radio;

package/es/components/record-view/index.less

@@ -33,6 +33,8 @@
   }
   &-modal-header {
     padding: 12px 20px;
+    position: relative;
+    z-index: 2;
   }
   &-close-icon {
     font-size: 18px;

package/es/components/select/index.d.ts

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-declare const Select: import("react").ForwardRefExoticComponent<Omit<import("antd").SelectProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
-    children?: import("react").ReactNode;
-} & {
-    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
-}, "ref"> & import("react").RefAttributes<any>>;
+import "./index.less";
+declare const Select: (props: any) => import("react").JSX.Element;
 export default Select;

package/es/components/select/index.js

@@ -1,4 +1,62 @@
-import { Select as OriginalSelect } from 'antd';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Checkbox, Divider, Select as OriginalSelect } from "antd";
+import { useCallback, useMemo } from "react";
+import { getText } from "../../locales";
 import { withWrap } from "../../utils/hoc";
-var Select = withWrap(OriginalSelect);
+import { useControllableValue } from "ahooks";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var SelectBase = function SelectBase(props) {
+  var isShowDropdown = props.isShowDropdown,
+    selectAll = props.selectAll,
+    mode = props.mode,
+    options = props.options,
+    propsDropdownRender = props.dropdownRender;
+  var _useControllableValue = useControllableValue(props),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    state = _useControllableValue2[0],
+    setState = _useControllableValue2[1];
+  var onSelectAllChange = function onSelectAllChange(e) {
+    if (e.target.checked) {
+      setState(options.map(function (item) {
+        return item.value;
+      }), options);
+    } else {
+      setState([], []);
+    }
+  };
+  var isShowSelectAll = useMemo(function () {
+    return mode === "multiple" && isShowDropdown && selectAll;
+  }, [mode, selectAll, isShowDropdown]);
+  var checkboxChecked = useMemo(function () {
+    if (mode !== "multiple") return false;
+    return (state === null || state === void 0 ? void 0 : state.length) === (options === null || options === void 0 ? void 0 : options.length) && state.sort().join("") === options.map(function (item) {
+      return item.value;
+    }).sort().join("");
+  }, [state, options]);
+  var dropdownRender = useCallback(propsDropdownRender ? propsDropdownRender : function (originNode) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, originNode, isShowDropdown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+      className: "".concat(prefix, "select-dropdown-render-divider")
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "select-dropdown-render-options-wrap")
+    }, isShowSelectAll && /*#__PURE__*/React.createElement(Checkbox, {
+      onChange: onSelectAllChange,
+      checked: checkboxChecked
+    }, getText("select-dropdown-render-select-all")))));
+  }, [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender]);
+  return /*#__PURE__*/React.createElement(OriginalSelect, _extends({}, props, {
+    value: state,
+    onChange: function onChange(value, option) {
+      return setState(value, option);
+    },
+    dropdownRender: dropdownRender
+  }));
+};
+var Select = withWrap(SelectBase);
 export default Select;

package/es/components/select/index.less

@@ -0,0 +1,11 @@
+@pisell-prefix: pisell-lowcode;
+
+
+.@{pisell-prefix} {
+  &-select-dropdown-render-divider {
+    margin: 8px 0;
+  }
+  &-select-dropdown-render-options-wrap {
+    padding: 0 5px 5px;
+  }
+}

package/es/components/skeleton/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Skeleton: (props: any) => JSX.Element;
+declare const Skeleton: (props: any) => import("react").JSX.Element;
 export default Skeleton;

package/es/components/slider/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SliderOuter: (props: any) => JSX.Element;
+import React from 'react';
+declare const SliderOuter: (props: any) => React.JSX.Element;
 export default SliderOuter;

package/es/components/sort/components/InlineMenu/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { MenuProps } from "antd";
+import "./index.less";
+interface InlineMenuProps {
+    items: any[];
+    value?: [string, string];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+}
+/**
+ * 内嵌展示的菜单 只支持两级
+ * @param props
+ * @constructor
+ */
+declare const InlineMenu: (props: InlineMenuProps) => React.JSX.Element;
+export default InlineMenu;

package/es/components/sort/components/InlineMenu/index.js

@@ -0,0 +1,87 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo } from "react";
+import { Menu, Divider } from "antd";
+import { CheckOutlined } from "@ant-design/icons";
+import { useControllableValue } from "ahooks";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+/**
+ * 内嵌展示的菜单 只支持两级
+ * @param props
+ * @constructor
+ */
+var InlineMenu = function InlineMenu(props) {
+  var items = props.items;
+  var _useControllableValue = useControllableValue(props),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    state = _useControllableValue2[0],
+    setState = _useControllableValue2[1];
+  var childItems = useMemo(function () {
+    var _items$find;
+    return ((_items$find = items.find(function (item) {
+      return item.key === (state === null || state === void 0 ? void 0 : state[1]);
+    })) === null || _items$find === void 0 ? void 0 : _items$find.children) || items[0].children;
+  }, [state, items]);
+  var handleParentClick = function handleParentClick(detail) {
+    var children = items.find(function (item) {
+      return item.key === detail.key;
+    });
+    var defaultKey = children.children[0].key;
+    setState([defaultKey, detail.key], {
+      key: defaultKey,
+      item: children.children[0],
+      keyPath: [defaultKey, detail.key]
+    });
+  };
+  var handleChildrenClick = function handleChildrenClick(detail) {
+    var parent = items.find(function (item) {
+      return item.children.some(function (c) {
+        return c.key === detail.key;
+      });
+    });
+    setState([detail.key, parent.key], {
+      key: detail.key,
+      item: detail.item,
+      keyPath: [detail.key, parent.key]
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "inline-menu-wrap")
+  }, /*#__PURE__*/React.createElement(Menu, {
+    items: items.map(function (item) {
+      return {
+        key: item.key,
+        label: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefix, "menu-item-label-wrap")
+        }, /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefix, "menu-item-label")
+        }, item.label), item.key === (state === null || state === void 0 ? void 0 : state[1]) && /*#__PURE__*/React.createElement(CheckOutlined, null))
+      };
+    }),
+    onClick: handleParentClick,
+    selectedKeys: [state === null || state === void 0 ? void 0 : state[1]]
+  }), /*#__PURE__*/React.createElement(Divider, {
+    style: {
+      margin: "6px 0"
+    }
+  }), /*#__PURE__*/React.createElement(Menu, {
+    items: childItems.map(function (item) {
+      return {
+        key: item.key,
+        label: /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefix, "menu-item-label-wrap")
+        }, /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefix, "menu-item-label")
+        }, item.label), item.key === (state === null || state === void 0 ? void 0 : state[0]) && /*#__PURE__*/React.createElement(CheckOutlined, null))
+      };
+    }),
+    onClick: handleChildrenClick,
+    selectedKeys: [state === null || state === void 0 ? void 0 : state[0]]
+  }));
+};
+export default InlineMenu;

package/es/components/sort/components/InlineMenu/index.less

@@ -0,0 +1,20 @@
+@pisell-prefix: pisell-lowcode;
+
+
+.@{pisell-prefix} {
+  &-inline-menu-wrap {
+    min-width: 200px;
+  }
+  &-menu-item-label-wrap {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+  }
+  &-menu-item-label {
+    margin-right: 16px;
+  }
+  &-menu-title-content {
+    width: 100%;
+    display: inline-block;
+  }
+}

package/es/components/sort/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { MenuProps } from "antd";
+import "./index.less";
+export declare type SortItemProps = {
+    type: "date" | "string" | "number";
+    label: string;
+    name: string;
+};
+declare type SortListProps = {
+    list: SortItemProps[];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+    button?: React.ReactNode;
+    style?: React.CSSProperties;
+    value?: any;
+    placement?: "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
+};
+declare const Sort: React.FC<SortListProps>;
+export default Sort;

package/es/components/sort/index.js

@@ -0,0 +1,113 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { useMemo } from "react";
+import { Button, Dropdown, Popover } from "antd";
+import SwitchVertical01 from "@pisell/icon/es/SwitchVertical01";
+import { isMobile } from "../../utils/platform";
+import { getText } from "../../locales";
+import InlineMenu from "./components/InlineMenu";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var sortChildrenMap = {
+  date: function date(key) {
+    return [{
+      key: "".concat(key, ":desc"),
+      label: getText("sort-oldest-to-newest")
+    }, {
+      key: "".concat(key, ":asc"),
+      label: getText("sort-newest-to-oldest")
+    }];
+  },
+  time: function time(key) {
+    return [{
+      key: "".concat(key, ":desc"),
+      label: getText("sort-from-morning-to-night")
+    }, {
+      key: "".concat(key, ":asc"),
+      label: getText("sort-from-evening-to-morning")
+    }];
+  },
+  string: function string(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: getText("sort-a-z")
+    }, {
+      key: "".concat(key, ":desc"),
+      label: getText("sort-z-a")
+    }];
+  },
+  number: function number(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: getText("sort-0-9")
+    }, {
+      key: "".concat(key, ":desc"),
+      label: getText("sort-9-0")
+    }];
+  }
+};
+var Sort = function Sort(_ref) {
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    onChange = _ref.onChange,
+    button = _ref.button,
+    style = _ref.style,
+    value = _ref.value,
+    placement = _ref.placement;
+  var sortItems = useMemo(function () {
+    return list.map(function (d) {
+      return {
+        key: d.name,
+        label: d.label,
+        children: sortChildrenMap[d.type](d.name)
+      };
+    });
+  }, [list]);
+  var onClick = function onClick(detail) {
+    var _detail$keyPath;
+    onChange === null || onChange === void 0 ? void 0 : onChange(detail === null || detail === void 0 ? void 0 : (_detail$keyPath = detail.keyPath) === null || _detail$keyPath === void 0 ? void 0 : _detail$keyPath[0], detail);
+  };
+  var btnContent = useMemo(function () {
+    return button || /*#__PURE__*/React.createElement(Button, {
+      icon: /*#__PURE__*/React.createElement(SwitchVertical01, null),
+      style: style
+    }, getText("sort-button-text"));
+  }, [button, style]);
+  var content = useMemo(function () {
+    var others = {};
+    if (value) {
+      others = _objectSpread(_objectSpread({}, others), {}, {
+        value: value
+      });
+    }
+    return /*#__PURE__*/React.createElement(InlineMenu, _extends({
+      items: sortItems,
+      onChange: onChange
+    }, others));
+  }, [value, sortItems, onChange]);
+  if (isMobile()) {
+    return /*#__PURE__*/React.createElement(Popover, {
+      placement: placement,
+      content: content,
+      arrow: false,
+      overlayClassName: "".concat(prefix, "mobile-sort-overlay"),
+      trigger: ["click", "hover"]
+    }, btnContent);
+  }
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    trigger: ["click", "hover"],
+    placement: placement,
+    menu: {
+      items: sortItems,
+      onClick: onClick,
+      selectable: true,
+      selectedKeys: value
+    }
+  }, btnContent);
+};
+export default Sort;

package/es/components/sort/index.less

@@ -0,0 +1,10 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-mobile-sort-overlay {
+    .pisell-lowcode-popover-inner {
+      padding: 0;
+      overflow: hidden;
+    }
+  }
+}

package/es/components/table/Actions/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
-declare const Actions: ({ filter, sort }: any) => JSX.Element | null;
+declare const Actions: ({ filter, sort }: any) => React.JSX.Element | null;
 export default Actions;

package/es/components/table/Actions/index.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
 import Filter from "../../filter";
+import Sort from "../../sort";
 import { Form } from "antd";
-import Sort from "./Sort";
 import "./index.less";
 var Actions = function Actions(_ref) {
   var filter = _ref.filter,

package/es/components/table/BasicTable/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { TableProps } from "antd";
-declare const BasicTable: (props: TableProps<any>) => JSX.Element;
+import React from "react";
+declare const BasicTable: (props: TableProps<any>) => React.JSX.Element;
 export default BasicTable;

package/es/components/table/Header/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
-declare const Header: ({ buttons, title }: any) => JSX.Element | null;
+declare const Header: ({ buttons, title }: any) => React.JSX.Element | null;
 export default Header;

package/es/components/table/Summary/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
-declare const Summary: ({ summary }: any) => JSX.Element | null;
+declare const Summary: ({ summary }: any) => React.JSX.Element | null;
 export default Summary;

package/es/components/table/Table/SelectField/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SelectField: () => JSX.Element;
+import React from "react";
+declare const SelectField: () => React.JSX.Element;
 export default SelectField;

package/es/components/table/Table/fields/date/Config/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Config: () => JSX.Element;
+declare const Config: () => import("react").JSX.Element;
 export default Config;

package/es/components/table/Table/fields/date/Show/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => JSX.Element;
+import React from "react";
+declare const Show: (props: FieldPropsType) => React.JSX.Element;
 export default Show;

package/es/components/table/Table/fields/date/Show/index.js

@@ -3,6 +3,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import React from "react";
 import { formatDate } from "@pisell/utils";
+import { getValueByKeys } from "../../utils";
 var Show = function Show(props) {
   var title = props.title,
     editable = props.editable,
@@ -13,6 +14,6 @@ var Show = function Show(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: ""
-  }, formatDate(record[dataIndex]));
+  }, formatDate(getValueByKeys(record, dataIndex)));
 };
 export default Show;

package/es/components/table/Table/fields/date/Sort/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Sort: () => JSX.Element;
+declare const Sort: () => import("react").JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/date/index.d.ts

@@ -6,9 +6,9 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => JSX.Element;
+    config: () => import("react").JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => JSX.Element;
-    show: (props: import("../types").FieldPropsType) => JSX.Element;
+    sort: () => import("react").JSX.Element;
+    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
 };
 export default _default;

package/es/components/table/Table/fields/image/Config/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Config: () => JSX.Element;
+declare const Config: () => import("react").JSX.Element;
 export default Config;

package/es/components/table/Table/fields/image/Show/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => JSX.Element;
+declare const Show: (props: FieldPropsType) => import("react").JSX.Element;
 export default Show;

package/es/components/table/Table/fields/image/Show/index.js

@@ -1,6 +1,7 @@
 var _excluded = ["title", "editable", "dataIndex", "field_type", "record", "handleSave"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
+import { getValueByKeys } from "../../utils";
 var Show = function Show(props) {
   var title = props.title,
     editable = props.editable,
@@ -12,7 +13,7 @@ var Show = function Show(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: ""
   }, /*#__PURE__*/React.createElement("img", {
-    src: record[dataIndex],
+    src: getValueByKeys(record, dataIndex),
     alt: ""
   }));
 };

package/es/components/table/Table/fields/image/Sort/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Sort: () => JSX.Element;
+declare const Sort: () => import("react").JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/image/index.d.ts

@@ -6,9 +6,9 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => JSX.Element;
+    config: () => import("react").JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => JSX.Element;
-    show: (props: import("../types").FieldPropsType) => JSX.Element;
+    sort: () => import("react").JSX.Element;
+    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
 };
 export default _default;