@pisell/materials 1.0.3 → 1.0.4

package/es/components/auto-complete/index.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-declare const AutoComplete: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+declare const AutoComplete: import("react").ForwardRefExoticComponent<Omit<import("antd").AutoCompleteProps<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>>;
 export default AutoComplete;

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

@@ -1,3 +1,8 @@
-import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-export default _default;
+import React from "react";
+import { ButtonProps as OriginalButtonProps } from "antd";
+export interface ButtonProps extends OriginalButtonProps {
+    __designMode?: "design" | undefined;
+    href?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export default Button;

package/es/components/button/index.js

@@ -1,15 +1,15 @@
 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); }
-import React, { forwardRef } from 'react';
-import { Button as OriginalButton } from 'antd';
-var Button = function Button(props, ref) {
+import React, { forwardRef } from "react";
+import { Button as OriginalButton } from "antd";
+var Button = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$href;
   var innerProps = {};
   if (!((_props$href = props.href) !== null && _props$href !== void 0 && _props$href.trim()) || props.__designMode === 'design') {
-    // 解决低代码编辑器中按钮设置href属性造成按钮点击重定向问题
+    // 解决低代码编辑器中按钮设置 href 属性造成按钮点击重定向问题
     innerProps.href = undefined;
   }
   return /*#__PURE__*/React.createElement(OriginalButton, _extends({}, props, innerProps, {
     ref: ref
   }));
-};
-export default /*#__PURE__*/forwardRef(Button);
+});
+export default Button;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Cascader: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+declare const Cascader: any;
 export default Cascader;

package/es/components/cascader/index.js

@@ -1,4 +1,6 @@
 import { Cascader as OriginalCascader } from 'antd';
 import { withWrap } from "../../utils/hoc";
+
+// @ts-ignore
 var Cascader = withWrap(OriginalCascader);
 export default Cascader;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("antd").CheckboxProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<any>>;
 export default Checkbox;

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

@@ -0,0 +1,7 @@
+import React from "react";
+export interface DivProps {
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const Div: (props: DivProps) => JSX.Element;
+export default Div;

package/es/components/div/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+var Div = function Div(props) {
+  var children = props.children,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
+  return /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, children);
+};
+export default Div;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IconFontProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    type: string;
+}
+declare const IconFont: React.FC<IconFontProps>;
+export default IconFont;

package/es/components/iconfont/index.js

@@ -0,0 +1,13 @@
+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); }
+import { createFromIconfontCN } from '@ant-design/icons';
+import React from 'react';
+var MyIcon = createFromIconfontCN({
+  scriptUrl: 'https://at.alicdn.com/t/c/font_4075221_116anw8uttw.js' // 在 iconfont.cn 上生成
+});
+
+var IconFont = function IconFont(props) {
+  return /*#__PURE__*/React.createElement(MyIcon, _extends({}, props, {
+    className: props.className
+  }));
+};
+export default IconFont;

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

@@ -1,3 +1,11 @@
 /// <reference types="react" />
-declare const Input: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+import { InputProps, InputRef } from "antd";
+declare const OriginalGroup: import("react").FC<import("antd/es/input").GroupProps>, OriginalTextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, OriginalPassword: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<InputRef>>, OriginalSearch: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<InputRef>>;
+declare type CompoundedComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
+    Group: typeof OriginalGroup;
+    Search: typeof OriginalSearch;
+    TextArea: typeof OriginalTextArea;
+    Password: typeof OriginalPassword;
+};
+declare const Input: CompoundedComponent;
 export default Input;

package/es/components/input/index.js

@@ -1,4 +1,4 @@
-import { Input as OriginalInput } from 'antd';
+import { Input as OriginalInput } from "antd";
 import { withWrap } from "../../utils/hoc";
 var OriginalGroup = OriginalInput.Group,
   OriginalTextArea = OriginalInput.TextArea,

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

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

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-declare const Select: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+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>>;
 export default Select;

package/es/components/skeleton/index.js

@@ -1,5 +1,4 @@
 import { Skeleton as OriginalSleleton } from 'antd';
 import { withSingleChild } from "../../utils/hoc";
-console.log(OriginalSleleton, 'OriginalSleleton');
 var Skeleton = withSingleChild(OriginalSleleton, ['children']);
 export default Skeleton;

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

@@ -0,0 +1,3 @@
+import "./index.less";
+declare const Buttons: ({ list }: any) => any;
+export default Buttons;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { Button } from "antd";
+import "./index.less";
+var Buttons = function Buttons(_ref) {
+  var list = _ref.list;
+  return (list || []).map(function (d) {
+    return /*#__PURE__*/React.createElement(Button, null, d.title);
+  });
+};
+export default Buttons;

package/es/components/table/Actions/Buttons/index.less

@@ -0,0 +1,30 @@
+.materials-grid-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .left-wrap {}
+
+  .right-wrap {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+
+    .icon {
+      cursor: pointer;
+      transition: .2s;
+
+      &:hover {
+        color: var(--theme-color);
+      }
+    }
+
+    .button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      height: 28px;
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { FilterItemProps as ItemProps } from "../index";
+import "./index.less";
+declare type FilterItemProps = {
+    value?: any;
+    onChange?: (val: any) => void;
+    item: ItemProps;
+};
+declare const FilterItem: React.FC<FilterItemProps>;
+export default FilterItem;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { Button, Dropdown } from "antd";
+import "./index.less";
+var FilterItem = function FilterItem(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    item = _ref.item;
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    trigger: ["click"],
+    menu: {
+      items: []
+    }
+  }, /*#__PURE__*/React.createElement(Button, null, item.title));
+};
+export default FilterItem;

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

@@ -0,0 +1,12 @@
+import React from "react";
+export declare type FilterItemProps = {
+    type: "single" | "input";
+    name: string;
+    props: object;
+    title: string;
+};
+declare type FilterListProps = {
+    list: FilterItemProps[];
+};
+declare const Filter: React.FC<FilterListProps>;
+export default Filter;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { Button, Form } from "antd";
+import FilterItem from "./FilterItem";
+var Filter = function Filter(_ref) {
+  var list = _ref.list;
+  return /*#__PURE__*/React.createElement(Button.Group, null, (list || []).map(function (d) {
+    return /*#__PURE__*/React.createElement(Form.Item, {
+      noStyle: true,
+      name: d.name
+    }, /*#__PURE__*/React.createElement(FilterItem, {
+      item: d
+    }));
+  }));
+};
+export default Filter;

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

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+export declare const fieldMaps: {
+    text: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
+    };
+};
+export declare const fieldList: {
+    field_icon: string;
+    field_name: string;
+    field_type: string;
+    default_value: string;
+}[];
+export declare const getFieldByType: (type: string) => {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
+};
+declare const _default: {
+    text: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
+    };
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+import text from "./text";
+export var fieldMaps = {
+  text: text
+};
+export var fieldList = Object.values(fieldMaps).map(function (d) {
+  return d.field;
+});
+export var getFieldByType = function getFieldByType(type) {
+  return fieldMaps[type];
+};
+export default {
+  text: text
+};

package/es/components/table/Actions/Filter/items/text/Editor/index.d.ts

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

package/es/components/table/Actions/Filter/items/text/Editor/index.js

@@ -0,0 +1,10 @@
+import { Form, Input } from "antd";
+var Text = function Text() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "Default value",
+    name: "default_value"
+  }, /*#__PURE__*/React.createElement(Input, null)));
+};
+export default Text;

package/es/components/table/Actions/Filter/items/text/Preview/index.d.ts

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

package/es/components/table/Actions/Filter/items/text/Preview/index.js

@@ -0,0 +1,17 @@
+var _excluded = ["title", "editable", "children", "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; }
+var Text = function Text(props) {
+  var title = props.title,
+    editable = props.editable,
+    children = props.children,
+    dataIndex = props.dataIndex,
+    field_type = props.field_type,
+    record = props.record,
+    handleSave = props.handleSave,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, record[dataIndex]);
+};
+export default Text;

package/es/components/table/Actions/Filter/items/text/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
+};
+export default _default;

package/es/components/table/Actions/Filter/items/text/index.js

@@ -0,0 +1,13 @@
+import Editor from "./Editor";
+import Preview from "./Preview";
+var field = {
+  field_icon: "pi-a-Property3Singlelinetext",
+  field_name: "Single line text",
+  field_type: "text",
+  default_value: "Text"
+};
+export default {
+  field: field,
+  Preview: Preview,
+  Editor: Editor
+};

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

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

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

@@ -0,0 +1,20 @@
+import React from "react";
+import Filter from "./Filter";
+import Buttons from "./Buttons";
+import "./index.less";
+var Actions = function Actions(_ref) {
+  var filter = _ref.filter,
+    buttons = _ref.buttons;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "materials-grid-actions"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left-wrap"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "right-wrap"
+  }, /*#__PURE__*/React.createElement(Filter, {
+    list: filter
+  }), /*#__PURE__*/React.createElement(Buttons, {
+    list: buttons
+  })));
+};
+export default Actions;

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

@@ -0,0 +1,30 @@
+.materials-grid-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .left-wrap {}
+
+  .right-wrap {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .icon {
+      cursor: pointer;
+      transition: .2s;
+
+      &:hover {
+        color: var(--theme-color);
+      }
+    }
+
+    .button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      height: 28px;
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PaginationProps } from "antd";
+import "./index.less";
+declare const Pagination: (props: PaginationProps) => JSX.Element;
+export default Pagination;

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

@@ -0,0 +1,35 @@
+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); }
+import React from "react";
+import Iconfont from "../../iconfont";
+import { Pagination as OriginPagination } from "antd";
+import classNames from "classnames";
+import "./index.less";
+var Pagination = function Pagination(props) {
+  var itemRender = function itemRender(_, type, originalElement) {
+    if (type === "prev") {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames("paginator-page-btn", "left")
+      }, /*#__PURE__*/React.createElement(Iconfont, {
+        type: "icona-iconArrowsLine",
+        className: "icon"
+      }), "Pre");
+    }
+    if (type === "next") {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames("paginator-page-btn", "right")
+      }, "Next", /*#__PURE__*/React.createElement(Iconfont, {
+        type: "icona-iconArrowsLine",
+        className: "icon"
+      }));
+    }
+    return originalElement;
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(OriginPagination, _extends({
+    className: "materials-grid-paginator",
+    defaultCurrent: 1,
+    showSizeChanger: false,
+    total: 500,
+    itemRender: itemRender
+  }, props)));
+};
+export default Pagination;

package/es/components/table/Pagination/index.less

@@ -0,0 +1,88 @@
+.materials-grid-paginator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  height: 50px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 8px 8px;
+  border: 1px solid #f0f0f0;
+  border-top: none;
+  padding: 0 20px;
+
+  .ant-pagination-item {
+    position: relative;
+    border: none;
+  }
+
+  .ant-pagination-disabled {
+    opacity: 0.4;
+  }
+
+  .ant-pagination-item-active {
+    a {
+      font-weight: 450 !important;
+      color: rgba(0, 0, 0, 0.88) !important;
+
+    }
+
+    background-color: rgba(0, 0, 0, 0.06);
+  }
+
+  .ant-pagination-prev {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: auto;
+    min-width: auto;
+  }
+
+  .ant-pagination-item-active {}
+
+  .ant-pagination-next {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    min-width: auto;
+  }
+}
+
+.paginator-page-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px 4px 4px 4px;
+  padding: 0 4px;
+  transition: 0.2s;
+  font-size: 12px;
+  font-weight: 400;
+  color: #6f6f6f;
+  cursor: pointer;
+  user-select: none;
+  height: 20px;
+
+  &:hover {
+    // background: #f2f2f2;
+  }
+
+  &.left {
+    margin-right: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-right: 8px;
+    }
+  }
+
+  &.right {
+    margin-left: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-left: 8px;
+      transform: rotate(180deg);
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const AddFieldModal: React.FC;
+export default AddFieldModal;