@pisell/materials 1.0.342 → 1.0.344

package/dist/umd/static/DotsSix.57d66266.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/umd/static/arrow-left.e542294f.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>

package/dist/umd/static/arrow-right.763f03e0.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-5.293-5.293a1 1 0 0 1 0-1.414Z"/></svg>

package/dist/umd/static/filter-lines.04a54ae9.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/help-circle.31c9be40.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>

package/es/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/es/components/drag-sort-tree/index.js

@@ -9,6 +9,8 @@ import { DndContext, useSensor, useSensors, PointerSensor } from '@dnd-kit/core'
 import { SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
 import TreeItem from "./TreeItem";
 import { restrictToVerticalAxis, restrictToParentElement } from '@dnd-kit/modifiers';
+// import './index.less';
+
 var DragSortTree = function DragSortTree(props) {
   var value = props.value,
     rowKey = props.rowKey,
@@ -61,7 +63,9 @@ var DragSortTree = function DragSortTree(props) {
     setItems(value);
     onChange && onChange(value);
   };
-  return /*#__PURE__*/React.createElement(DndContext, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-drag-sort-tree-wrap"
+  }, /*#__PURE__*/React.createElement(DndContext, {
     sensors: sensors,
     onDragEnd: handleDragEnd,
     onDragStart: handleDragStart,
@@ -83,6 +87,6 @@ var DragSortTree = function DragSortTree(props) {
       lists: items,
       onChange: handleChange
     });
-  })));
+  }))));
 };
 export default DragSortTree;

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

@@ -1,3 +1,3 @@
-import "./index.less";
+import './index.less';
 declare const Drawer: any;
 export default Drawer;

package/es/components/drawer/index.js

@@ -1,6 +1,8 @@
 var _excluded = ["others"];
 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 _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); }
@@ -12,15 +14,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 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, { useLayoutEffect, useMemo } from "react";
-import { Drawer as OriginalDrawer } from "antd";
-import { useControllableValue, useUpdateEffect } from "ahooks";
-import classNames from "classnames";
-import { isBoolean, isUndefined } from "@pisell/utils";
-import XClose from "@pisell/icon/es/XClose";
-import Pin02 from "@pisell/icon/es/Pin02";
+import React, { useLayoutEffect, useMemo } from 'react';
+import { Drawer as OriginalDrawer } from 'antd';
+import { useControllableValue, useUpdateEffect } from 'ahooks';
+import classNames from 'classnames';
+import { isBoolean, isUndefined } from '@pisell/utils';
+import XClose from '@pisell/icon/es/XClose';
+import Pin02 from '@pisell/icon/es/Pin02';
 import "./index.less";
-var prefix = "pisell-lowcode-";
+var prefix = 'pisell-lowcode-';
 var Title = function Title(props) {
   var placement = props.placement,
     onClose = props.onClose,
@@ -51,8 +53,8 @@ var Drawer = function Drawer(props) {
     getContainer = props.getContainer,
     open = props.open;
   var _useControllableValue = useControllableValue(props, {
-      trigger: "onPersistentChange",
-      valuePropName: "persistent"
+      trigger: 'onPersistentChange',
+      valuePropName: 'persistent'
     }),
     _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
     persistentState = _useControllableValue2[0],
@@ -60,17 +62,17 @@ var Drawer = function Drawer(props) {
   var currentDrawerId = props.__id;
   var storageKey = "drawer-".concat(currentDrawerId);
   var innerProps = {};
-  if (props.__designMode === "design") {
+  if (props.__designMode === 'design') {
     // 低代码编辑态中强制显示，将控制权交给引擎侧
     innerProps.open = true;
   }
   useLayoutEffect(function () {
     if (isBoolean(persistentState) && isUndefined(getContainer) && showPin) {
       document.body.style.transition = 'all 0.3s';
-      document.body.style["padding-".concat(placement)] = persistentState && open ? "".concat(width || 378, "px") : "0";
+      document.body.style["padding-".concat(placement)] = persistentState && open ? "".concat(width || 378, "px") : '0';
     }
     return function () {
-      document.body.style["padding-".concat(placement)] = "0";
+      document.body.style["padding-".concat(placement)] = '0';
       document.body.style.transition = 'none';
     };
   }, [persistentState, width, showPin, placement, open]);
@@ -81,14 +83,14 @@ var Drawer = function Drawer(props) {
   }, [persistentState, storageKey, showPin]);
   useLayoutEffect(function () {
     if (!isBoolean(persistentState) && showPin) {
-      setPersistentState(localStorage.getItem(storageKey) === "true");
+      setPersistentState(localStorage.getItem(storageKey) === 'true');
     }
   }, [persistentState, storageKey, showPin]);
   var otherProps = useMemo(function () {
-    if (operateMode === "outside") {
+    if (operateMode === 'outside') {
       return {
         headerStyle: {
-          border: "none",
+          border: 'none',
           height: 0,
           padding: 0
         },
@@ -101,7 +103,12 @@ var Drawer = function Drawer(props) {
         })
       };
     }
-    return headerStyle;
+    return _objectSpread({
+      rootClassName: "".concat(prefix, "basic-drawer-root"),
+      closeIcon: /*#__PURE__*/React.createElement(XClose, {
+        className: "".concat(prefix, "drawer-header-close-icon")
+      })
+    }, headerStyle);
   }, [operateMode, placement, onClose, persistentState, setPersistentState]);
   return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, resetProps, innerProps, otherProps, others));
 };

package/es/components/drawer/index.less

@@ -1,6 +1,24 @@
 @pisell-prefix: pisell-lowcode;
 
 .@{pisell-prefix} {
+  &-drawer-header {
+    position: unset !important;
+  }
+
+  &-drawer-header-close-icon {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 50px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+    z-index: 1;
+  }
+
   &-drawer-outside-wrap {
     position: absolute;
     padding: 10px;
@@ -8,9 +26,11 @@
     display: flex;
     flex-direction: column;
   }
+
   &-drawer-outside-wrap-right {
     left: -82px;
   }
+
   &-drawer-outside-action-wrap {
     width: 56px;
     height: 56px;
@@ -24,17 +44,28 @@
     justify-content: center;
     margin-bottom: 20px;
     cursor: pointer;
+
     &:hover {
       background: #e8e8ee;
     }
+
     .anticon {
       font-size: 20px;
     }
   }
+
   &-drawer-outside-action-wrap:last-child {
     margin-bottom: 0;
   }
+
   &-drawer-outside-action-active {
     background: var(--Primary-200, #E9D7FE) !important;
   }
 }
+
+
+.@{pisell-prefix}-basic-drawer-root {
+  .@{pisell-prefix}-drawer-header {
+    position: relative !important;
+  }
+}

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/index.js

@@ -80,7 +80,7 @@ var DragSortTree = (props) => {
     setItems(value2);
     onChange && onChange(value2);
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-drag-sort-tree-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     import_core.DndContext,
     {
       sensors,
@@ -109,6 +109,6 @@ var DragSortTree = (props) => {
         }
       ))
     )
-  );
+  ));
 };
 var drag_sort_tree_default = DragSortTree;

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

@@ -1,3 +1,3 @@
-import "./index.less";
+import './index.less';
 declare const Drawer: any;
 export default Drawer;

package/lib/components/drawer/index.js

@@ -126,7 +126,11 @@ var Drawer = (props) => {
         )
       };
     }
-    return headerStyle;
+    return {
+      rootClassName: `${prefix}basic-drawer-root`,
+      closeIcon: /* @__PURE__ */ import_react.default.createElement(import_XClose.default, { className: `${prefix}drawer-header-close-icon` }),
+      ...headerStyle
+    };
   }, [operateMode, placement, onClose, persistentState, setPersistentState]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Drawer,

package/lib/components/drawer/index.less

@@ -1,6 +1,24 @@
 @pisell-prefix: pisell-lowcode;
 
 .@{pisell-prefix} {
+  &-drawer-header {
+    position: unset !important;
+  }
+
+  &-drawer-header-close-icon {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 50px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+    z-index: 1;
+  }
+
   &-drawer-outside-wrap {
     position: absolute;
     padding: 10px;
@@ -8,9 +26,11 @@
     display: flex;
     flex-direction: column;
   }
+
   &-drawer-outside-wrap-right {
     left: -82px;
   }
+
   &-drawer-outside-action-wrap {
     width: 56px;
     height: 56px;
@@ -24,17 +44,28 @@
     justify-content: center;
     margin-bottom: 20px;
     cursor: pointer;
+
     &:hover {
       background: #e8e8ee;
     }
+
     .anticon {
       font-size: 20px;
     }
   }
+
   &-drawer-outside-action-wrap:last-child {
     margin-bottom: 0;
   }
+
   &-drawer-outside-action-active {
     background: var(--Primary-200, #E9D7FE) !important;
   }
 }
+
+
+.@{pisell-prefix}-basic-drawer-root {
+  .@{pisell-prefix}-drawer-header {
+    position: relative !important;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.342",
+  "version": "1.0.344",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",