@pisell/materials 2.2.5 → 2.2.7

package/es/components/table/Table/tableConfig/body/index.js

@@ -15,12 +15,12 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { Form, Tooltip } from "antd";
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { MenuOutlined } from "@ant-design/icons";
-import classNames from "classnames";
-import React, { useMemo } from "react";
+import { Form, Tooltip } from 'antd';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { MenuOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import React, { useMemo } from 'react';
 import CellProvider from "./CellProvider";
 import { getText } from "../../../../../locales";
 import "./index.less";
@@ -35,9 +35,9 @@ var EditableRow = function EditableRow(_ref) {
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var parentForm = Form.useFormInstance();
-  var order_by = Form.useWatch("order_by", parentForm);
+  var order_by = Form.useWatch('order_by', parentForm);
   var _useSortable = useSortable({
-      id: props["data-row-key"]
+      id: props['data-row-key']
     }),
     attributes = _useSortable.attributes,
     listeners = _useSortable.listeners,
@@ -52,7 +52,7 @@ var EditableRow = function EditableRow(_ref) {
     })),
     transition: transition
   }, isDragging && __is_drag_sort ? {
-    position: "relative",
+    position: 'relative',
     zIndex: 9999
   } : {});
   var cells = useMemo(function () {
@@ -60,20 +60,14 @@ var EditableRow = function EditableRow(_ref) {
       return children;
     }
     return React.Children.map(children, function (child) {
-      if (child.key === "__sort") {
+      if (child.key === '__sort') {
         var handleIcon = order_by ? /*#__PURE__*/React.createElement(Tooltip, {
-          title: getText("table-column-drag-sort-disabled-tip")
+          title: getText('table-column-drag-sort-disabled-tip')
         }, /*#__PURE__*/React.createElement(MenuOutlined, {
-          style: {
-            touchAction: "none",
-            cursor: "move"
-          }
+          className: "pisell-lowcode-menu-out-lined-icon"
         })) : /*#__PURE__*/React.createElement(MenuOutlined, _extends({
           ref: setActivatorNodeRef,
-          style: {
-            touchAction: "none",
-            cursor: "move"
-          }
+          className: "pisell-lowcode-menu-out-lined-icon"
         }, listeners));
         return /*#__PURE__*/React.cloneElement(child, {
           children: handleIcon
@@ -108,7 +102,7 @@ var EditableCell = function EditableCell(props) {
     render = props.render,
     restProps = _objectWithoutProperties(props, _excluded2);
   return /*#__PURE__*/React.createElement("td", _extends({}, restProps, {
-    className: classNames(restProps.className, "ant-table-cell", "materials-grid-table-cell")
+    className: classNames(restProps.className, 'ant-table-cell', 'materials-grid-table-cell')
   }), /*#__PURE__*/React.createElement(CellProvider, props));
 };
 export default {

package/es/components/table/Table/tableConfig/body/index.less

@@ -3,6 +3,19 @@
   height: 100%;
 }
 
+.pisell-lowcode-menu-out-lined-icon{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: move;
+  touch-action: none;
+}
+
 .materials-grid-table-cell {
   padding: 12px;
 }

package/es/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

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

@@ -1,6 +1,6 @@
-import React, { Component } from "react";
-import { TabsProps } from "antd";
-import "./index.less";
+import React, { Component } from 'react';
+import { TabsProps } from 'antd';
+import './index.less';
 declare class Tabs extends Component<any> {
     state: {
         activeKey: any;
@@ -8,7 +8,7 @@ declare class Tabs extends Component<any> {
     private _handleChange;
     setActiveKey: (key: string) => void;
     getActiveKey: () => any;
-    renderIconLabelTabBar: TabsProps["renderTabBar"];
+    renderIconLabelTabBar: TabsProps['renderTabBar'];
     filterHiddenTabs: (tabs: any[]) => any[];
     render(): React.JSX.Element;
 }

package/es/components/tabs/index.js

@@ -18,12 +18,12 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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, { Component } from "react";
-import { Badge, Tabs as OriginalTabs } from "antd";
+import React, { Component } from 'react';
+import { Badge, Tabs as OriginalTabs } from 'antd';
 import { warning } from "../../utils/warning";
-import classNames from "classnames";
+import classNames from 'classnames';
 import "./index.less";
-var prefix = "pisell-lowcode-";
+var prefix = 'pisell-lowcode-';
 var Tabs = /*#__PURE__*/function (_Component) {
   _inherits(Tabs, _Component);
   var _super = _createSuper(Tabs);
@@ -53,19 +53,20 @@ var Tabs = /*#__PURE__*/function (_Component) {
       return _this.state.activeKey;
     });
     _defineProperty(_assertThisInitialized(_this), "renderIconLabelTabBar", function (props, DefaultTabBar) {
+      var _this$props2;
       var _this$props = _this.props,
         items = _this$props.items,
         sidebarWidth = _this$props.sidebarWidth;
       var wrapStyle = {
         gap: props.tabBarGutter
       };
-      if (["left", "right"].includes(props.tabPosition)) {
+      if (['left', 'right'].includes(props.tabPosition)) {
         wrapStyle = _objectSpread(_objectSpread({}, wrapStyle), {}, {
           width: sidebarWidth || 130
         });
       }
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames("pisell-lowcode-tabs-nav", "".concat(prefix, "tab-bar-wrap"), "".concat(prefix, "tab-bar-wrap-").concat(props.tabPosition)),
+        className: classNames('pisell-lowcode-tabs-nav', "".concat(prefix, "tab-bar-wrap"), "".concat(prefix, "tab-bar-wrap-").concat(props.tabPosition), (_this$props2 = _this.props) === null || _this$props2 === void 0 ? void 0 : _this$props2.className),
         style: wrapStyle
       }, _this.filterHiddenTabs(items).map(function (item) {
         return /*#__PURE__*/React.createElement("div", {
@@ -104,7 +105,7 @@ var Tabs = /*#__PURE__*/function (_Component) {
       // props.items 存在，只认 props.items
       // 兼容代码：props.children 反推 props.items
       if (!props.items && Array.isArray(children) && children.length > 0) {
-        warning("Tabs.TabPane is deprecated. Please use `items` directly.");
+        warning('Tabs.TabPane is deprecated. Please use `items` directly.');
         items = children.map(function (node) {
           if ( /*#__PURE__*/React.isValidElement(node)) {
             var key = node.key,
@@ -123,10 +124,10 @@ var Tabs = /*#__PURE__*/function (_Component) {
         }).filter(Boolean);
       }
       items = this.filterHiddenTabs(items);
-      if (type === "icon-label") {
+      if (type === 'icon-label') {
         otherProps = {
           renderTabBar: this.renderIconLabelTabBar,
-          type: "line"
+          type: 'line'
         };
       }
       return /*#__PURE__*/React.createElement(OriginalTabs, _extends({}, props, otherProps, {

package/es/index.d.ts

@@ -1,80 +1,81 @@
-export { Affix } from "antd";
-export { Anchor } from "antd";
-export { Alert } from "antd";
-export { Avatar } from "antd";
-export { Badge } from "antd";
-export { Breadcrumb } from "antd";
-export { Card } from "antd";
-export { Collapse } from "antd";
-export { Carousel } from "antd";
-export { Col } from "antd";
-export { Descriptions } from "antd";
-export { Divider } from "antd";
-export { Empty } from "antd";
-export { Grid } from "antd";
-export { Image } from "antd";
-export { InputNumber } from "antd";
-export { message } from "antd";
-export { Menu } from "antd";
-export { Mentions } from "antd";
-export { Statistic } from "antd";
-export { notification } from "antd";
-export { Pagination } from "antd";
-export { Popconfirm } from "antd";
-export { Popover } from "antd";
-export { Progress } from "antd";
-export { Rate } from "antd";
-export { Result } from "antd";
-export { Row } from "antd";
-export { Space } from "antd";
-export { Spin } from "antd";
-export { Steps } from "antd";
-export { Switch } from "antd";
-export { Transfer } from "antd";
-export { Tree } from "antd";
-export { Tag } from "antd";
-export { Timeline } from "antd";
-export { Tooltip } from "antd";
-export { version } from "antd";
-export { default as Typography } from "./components/typography";
-export { default as Skeleton } from "./components/skeleton";
-export { default as Checkbox } from "./components/checkbox";
-export { default as Button } from "./components/button";
-export { default as Radio } from "./components/radio";
-export { default as Upload } from "./components/upload";
-export { default as Icon } from "./components/icon";
-export { default as Form } from "./components/form";
-export { default as Dropdown } from "./components/dropdown";
-export { default as Calendar } from "./components/calendar";
-export { default as ConfigProvider } from "./components/config-provider";
-export { default as DatePicker } from "./components/date-picker";
-export { default as Tabs } from "./components/tabs";
-export { default as TimePicker } from "./components/time-picker";
-export { default as Slider } from "./components/slider";
-export { default as Table } from "./components/table";
-export { default as Modal } from "./components/modal";
-export { default as Drawer } from "./components/drawer";
-export { default as TreeSelect } from "./components/tree-select";
-export { default as Input } from "./components/input";
-export { default as Select } from "./components/select";
-export { default as Cascader } from "./components/cascader";
-export { default as AutoComplete } from "./components/auto-complete";
-export { default as Div } from "./components/div";
-export { default as Page } from "./components/page";
-export { default as Component } from "./components/component";
-export { default as Filter } from "./components/filter";
-export { default as Translation } from "./components/translation";
-export { default as SortableList } from "./components/sortableList";
-export { default as RecordView } from "./components/record-view";
-export { default as QRCode } from "./components/qrcode";
-export { default as ClassicLayout } from "./components/classicLayout";
-export { default as List } from "./components/list";
-export { default as Sort } from "./components/sort";
-export { default as InputNumberRange } from "./components/input-number-range";
-export { default as LowCodePage } from "./components/lowCodePage";
-export { default as Segmented } from "./components/segmented";
-export { default as VirtualKeyboard } from "./components/virtual-keyboard";
-export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
-export { default as SelectTime } from "./components/select-time";
-export { default as AutoCompleteNumber } from "./components/auto-complete-number";
-export { default as BatchEditor } from "./components/batch-editor";
+export { Affix } from 'antd';
+export { Anchor } from 'antd';
+export { Alert } from 'antd';
+export { Avatar } from 'antd';
+export { Badge } from 'antd';
+export { Breadcrumb } from 'antd';
+export { Card } from 'antd';
+export { Collapse } from 'antd';
+export { Carousel } from 'antd';
+export { Col } from 'antd';
+export { Descriptions } from 'antd';
+export { Divider } from 'antd';
+export { Empty } from 'antd';
+export { Grid } from 'antd';
+export { Image } from 'antd';
+export { InputNumber } from 'antd';
+export { message } from 'antd';
+export { Menu } from 'antd';
+export { Mentions } from 'antd';
+export { Statistic } from 'antd';
+export { notification } from 'antd';
+export { Pagination } from 'antd';
+export { Popconfirm } from 'antd';
+export { Popover } from 'antd';
+export { Progress } from 'antd';
+export { Rate } from 'antd';
+export { Result } from 'antd';
+export { Row } from 'antd';
+export { Space } from 'antd';
+export { Spin } from 'antd';
+export { Steps } from 'antd';
+export { Switch } from 'antd';
+export { Transfer } from 'antd';
+export { Tree } from 'antd';
+export { Tag } from 'antd';
+export { Timeline } from 'antd';
+export { Tooltip } from 'antd';
+export { version } from 'antd';
+export { default as Typography } from './components/typography';
+export { default as Skeleton } from './components/skeleton';
+export { default as Checkbox } from './components/checkbox';
+export { default as Button } from './components/button';
+export { default as Radio } from './components/radio';
+export { default as Upload } from './components/upload';
+export { default as Icon } from './components/icon';
+export { default as Form } from './components/form';
+export { default as Dropdown } from './components/dropdown';
+export { default as Calendar } from './components/calendar';
+export { default as ConfigProvider } from './components/config-provider';
+export { default as DatePicker } from './components/date-picker';
+export { default as Tabs } from './components/tabs';
+export { default as TimePicker } from './components/time-picker';
+export { default as Slider } from './components/slider';
+export { default as Table } from './components/table';
+export { default as Modal } from './components/modal';
+export { default as Drawer } from './components/drawer';
+export { default as TreeSelect } from './components/tree-select';
+export { default as Input } from './components/input';
+export { default as Select } from './components/select';
+export { default as Cascader } from './components/cascader';
+export { default as AutoComplete } from './components/auto-complete';
+export { default as Div } from './components/div';
+export { default as Page } from './components/page';
+export { default as Component } from './components/component';
+export { default as Filter } from './components/filter';
+export { default as Translation } from './components/translation';
+export { default as SortableList } from './components/sortableList';
+export { default as RecordView } from './components/record-view';
+export { default as QRCode } from './components/qrcode';
+export { default as ClassicLayout } from './components/classicLayout';
+export { default as List } from './components/list';
+export { default as Sort } from './components/sort';
+export { default as InputNumberRange } from './components/input-number-range';
+export { default as LowCodePage } from './components/lowCodePage';
+export { default as Segmented } from './components/segmented';
+export { default as VirtualKeyboard } from './components/virtual-keyboard';
+export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
+export { default as SelectTime } from './components/select-time';
+export { default as AutoCompleteNumber } from './components/auto-complete-number';
+export { default as BatchEditor } from './components/batch-editor';
+export { default as DragSortTree } from './components/drag-sort-tree';

package/es/index.js

@@ -1,61 +1,61 @@
-export { Affix } from "antd";
-export { Anchor } from "antd";
-export { Alert } from "antd";
-export { Avatar } from "antd";
-export { Badge } from "antd";
-export { Breadcrumb } from "antd";
-export { Card } from "antd";
-export { Collapse } from "antd";
-export { Carousel } from "antd";
+export { Affix } from 'antd';
+export { Anchor } from 'antd';
+export { Alert } from 'antd';
+export { Avatar } from 'antd';
+export { Badge } from 'antd';
+export { Breadcrumb } from 'antd';
+export { Card } from 'antd';
+export { Collapse } from 'antd';
+export { Carousel } from 'antd';
 
 // export { Cascader } from 'antd';
 
-export { Col } from "antd";
-export { Descriptions } from "antd";
-export { Divider } from "antd";
+export { Col } from 'antd';
+export { Descriptions } from 'antd';
+export { Divider } from 'antd';
 
 // export { Drawer } from 'antd';
 
-export { Empty } from "antd";
-export { Grid } from "antd";
+export { Empty } from 'antd';
+export { Grid } from 'antd';
 
 // export { Input } from 'antd';
 
-export { Image } from "antd";
-export { InputNumber } from "antd";
-export { message } from "antd";
-export { Menu } from "antd";
-export { Mentions } from "antd";
-export { Statistic } from "antd";
-export { notification } from "antd";
+export { Image } from 'antd';
+export { InputNumber } from 'antd';
+export { message } from 'antd';
+export { Menu } from 'antd';
+export { Mentions } from 'antd';
+export { Statistic } from 'antd';
+export { notification } from 'antd';
 
 // export { PageHeader } from 'antd';
 
-export { Pagination } from "antd";
-export { Popconfirm } from "antd";
-export { Popover } from "antd";
-export { Progress } from "antd";
-export { Rate } from "antd";
-export { Result } from "antd";
-export { Row } from "antd";
+export { Pagination } from 'antd';
+export { Popconfirm } from 'antd';
+export { Popover } from 'antd';
+export { Progress } from 'antd';
+export { Rate } from 'antd';
+export { Result } from 'antd';
+export { Row } from 'antd';
 
 // export { Skeleton } from 'antd';
 
-export { Space } from "antd";
-export { Spin } from "antd";
-export { Steps } from "antd";
-export { Switch } from "antd";
-export { Transfer } from "antd";
-export { Tree } from "antd";
+export { Space } from 'antd';
+export { Spin } from 'antd';
+export { Steps } from 'antd';
+export { Switch } from 'antd';
+export { Transfer } from 'antd';
+export { Tree } from 'antd';
 
 // export { TreeSelect } from 'antd';
 
 // export { Tabs } from 'antd';
 
-export { Tag } from "antd";
-export { Timeline } from "antd";
-export { Tooltip } from "antd";
-export { version } from "antd";
+export { Tag } from 'antd';
+export { Timeline } from 'antd';
+export { Tooltip } from 'antd';
+export { version } from 'antd';
 export { default as Typography } from "./components/typography";
 export { default as Skeleton } from "./components/skeleton";
 export { default as Checkbox } from "./components/checkbox";
@@ -97,4 +97,5 @@ export { default as VirtualKeyboard } from "./components/virtual-keyboard";
 export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
 export { default as SelectTime } from "./components/select-time";
 export { default as AutoCompleteNumber } from "./components/auto-complete-number";
-export { default as BatchEditor } from "./components/batch-editor";
+export { default as BatchEditor } from "./components/batch-editor";
+export { default as DragSortTree } from "./components/drag-sort-tree";

package/lib/components/Pagination/index.d.ts

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/lib/components/drag-sort-tree/TreeItem/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+import { ValueProps, SortType } from '../types';
+declare type TreeItemProps = {
+    id: string | number;
+    key: string | number;
+    item: ValueProps | any;
+    depth: number;
+    lists: any[];
+    activeId?: string | null;
+    childrenProps?: SortType;
+    sensors?: any;
+    onChange?: (value: any[]) => void;
+};
+declare const TreeItem: (props: TreeItemProps) => React.JSX.Element;
+export default TreeItem;