@pisell/materials 3.0.25 → 3.0.27

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

@@ -59,6 +59,7 @@ var Tabs = class extends import_react.Component {
       return this.state.activeKey;
     };
     this.renderIconLabelTabBar = (props, DefaultTabBar) => {
+      var _a;
       const { items, sidebarWidth } = this.props;
       let wrapStyle = {
         gap: props.tabBarGutter
@@ -75,7 +76,8 @@ var Tabs = class extends import_react.Component {
           className: (0, import_classnames.default)(
             "pisell-lowcode-tabs-nav",
             `${prefix}tab-bar-wrap`,
-            `${prefix}tab-bar-wrap-${props.tabPosition}`
+            `${prefix}tab-bar-wrap-${props.tabPosition}`,
+            (_a = this.props) == null ? void 0 : _a.className
           ),
           style: wrapStyle
         },

package/lib/index.d.ts

@@ -78,3 +78,4 @@ export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Ti
 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/lib/index.js

@@ -53,6 +53,7 @@ __export(src_exports, {
   Descriptions: () => import_antd11.Descriptions,
   Div: () => import_div.default,
   Divider: () => import_antd12.Divider,
+  DragSortTree: () => import_drag_sort_tree.default,
   Drawer: () => import_drawer.default,
   Dropdown: () => import_dropdown.default,
   Empty: () => import_antd13.Empty,
@@ -191,6 +192,7 @@ var import_Time = __toESM(require("./components/virtual-keyboard/Time"));
 var import_select_time = __toESM(require("./components/select-time"));
 var import_auto_complete_number = __toESM(require("./components/auto-complete-number"));
 var import_batch_editor = __toESM(require("./components/batch-editor"));
+var import_drag_sort_tree = __toESM(require("./components/drag-sort-tree"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -217,6 +219,7 @@ var import_batch_editor = __toESM(require("./components/batch-editor"));
   Descriptions,
   Div,
   Divider,
+  DragSortTree,
   Drawer,
   Dropdown,
   Empty,

package/lib/locales/en-US.d.ts

@@ -96,5 +96,6 @@ declare const _default: {
     'table-action-export-import-log-err-log': string;
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
+    'drag-sort-tree-unavailable-today-tip': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -123,5 +123,6 @@ var en_US_default = {
   "table-action-export-import-log-detail-title": "Import Details",
   "table-action-export-import-log-err-log": "Failure Log",
   "table-action-export-import-log-copy": "Copy",
-  "table-action-export-import-table-success-copy": "Copy Success"
+  "table-action-export-import-table-success-copy": "Copy Success",
+  "drag-sort-tree-unavailable-today-tip": "Unavailable today"
 };

package/lib/locales/zh-CN.d.ts

@@ -96,5 +96,6 @@ declare const _default: {
     'table-action-export-import-log-err-log': string;
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
+    'drag-sort-tree-unavailable-today-tip': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -123,5 +123,6 @@ var zh_CN_default = {
   "table-action-export-import-log-detail-title": "导入详情",
   "table-action-export-import-log-err-log": "失败日志",
   "table-action-export-import-log-copy": "复制",
-  "table-action-export-import-table-success-copy": "复制成功"
+  "table-action-export-import-table-success-copy": "复制成功",
+  "drag-sort-tree-unavailable-today-tip": "今日不可用"
 };

package/lib/locales/zh-TW.d.ts

@@ -96,5 +96,6 @@ declare const _default: {
     'table-action-export-import-log-err-log': string;
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
+    'drag-sort-tree-unavailable-today-tip': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -123,5 +123,6 @@ var zh_TW_default = {
   "table-action-export-import-log-detail-title": "導入詳情",
   "table-action-export-import-log-err-log": "失敗日誌",
   "table-action-export-import-log-copy": "復製",
-  "table-action-export-import-table-success-copy": "復製成功"
+  "table-action-export-import-table-success-copy": "復製成功",
+  "drag-sort-tree-unavailable-today-tip": "今日不可用"
 };

package/lowcode/date-picker.range-picker/meta.ts

@@ -205,6 +205,26 @@ export default {
               "VariableSetter",
             ],
           },
+          {
+            name: "disablePortal",
+            title: {
+              label: "渲染位置",
+              tip: "disablePortal | true dom结构在当前结构下 false 追加到body",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+          {
+            name: "returnShortcutString",
+            title: {
+              label: "使用快捷筛选时value返回快捷字符串",
+              tip: "returnShortcutString | 使用快捷筛选时返回快捷字符串",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
         ],
       },
       // {

package/lowcode/drag-sort-tree/meta.ts

@@ -0,0 +1,117 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: "DragSortTree",
+  title: "拖拽排序",
+  category: "数据展示",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "DragSortTree",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      title: '数据源',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'value',
+          title: '列表数据源',
+          propType: { type: 'arrayOf', value: 'any' },
+          setter: ['JsonSetter', 'VariableSetter'],
+        },
+        {
+          name: 'rowKey',
+          title: {
+            label: '行Key',
+            tip: 'rowKey | 当 renderItem 自定义渲染列表项有效时，自定义每一行的 key 的获取方式',
+          },
+          propType: {
+            type: 'oneOfType',
+            value: ['string', 'function'],
+          },
+          defaultValue: 'id',
+          setter: [
+            'StringSetter',
+            {
+              componentName: 'FunctionSetter',
+              props: {
+                template:
+                  'rowKey(item,${extParams}){\n// 自定义每一行的 key\nreturn `${item.id}`;\n}',
+              },
+            },
+            'VariableSetter',
+          ],
+        },
+        {
+          name: 'className',
+          title: {
+            label: '样式类名',
+            tip: 'className | 样式类名',
+          },
+          propType: 'string',
+          setter: 'StringSetter',
+        },
+      ]
+    },
+    {
+      name: "tabKey",
+      title: { label: 'tabKey', tip: 'tabKey | 标识当前选中的tab' },
+      propType: 'string',
+    },
+    {
+      name: "hiddenKeys",
+      title: { label: '折叠当前项', tip: 'hiddenKeys | 折叠当前项的keys' },
+      propType: 'array',
+    },
+    {
+      name: "titleRender",
+      title: { label: '标题', tip: '是否自定义标题内容 | node/func' },
+      propType: { type: 'oneOfType', value: ['node', 'func'] },
+    },
+    {
+      name: "hiddenDraggableIcon",
+      title: { label: "隐藏拖拽图标", tip: "是否隐藏拖拽图标" },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "hiddenRightIcon",
+      title: { label: "右侧图标", tip: "是否隐藏右侧图标" },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "hiddenWarningIcon",
+      title: { label: "警告图标", tip: "子元素是否隐藏警告图标" },
+      propType: "bool",
+      defaultValue: false,
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template: 'onChange(value,${extParams}){\n// 排序 改变的回调\n}',
+        },
+        {
+          name: 'onHiddenChange',
+          template: 'onHiddenChange(value,${extParams}){\n// 折叠当前项的回调\n}',
+        },
+      ]
+    },
+  },
+};

package/lowcode/drag-sort-tree/snippets.ts

@@ -0,0 +1,57 @@
+export default [
+  {
+    title: '拖拽排序',
+    // screenshot: require('./__screenshots__/drag-sort-tree.png'),
+    schema: {
+      componentName: 'DragSortTree',
+      props: {
+        value: [{
+          "id": 1,
+          "title": "资源1",
+          "show": true,
+          "children": [{
+            "id": 11,
+            "title": "资源1-1",
+            "is_available": 1,
+            "type_id": 1
+          }, {
+            "id": 12,
+            "title": "资源1-2",
+            "is_available": 1,
+            "type_id": 1
+          }]
+        }, {
+          "id": 2,
+          "title": "资源2",
+          "show": false,
+          "children": [{
+            "id": 21,
+            "title": "资源2-1",
+            "is_available": 0,
+            "type_id": 2
+          }, {
+            "id": 22,
+            "title": "资源2-2",
+            "is_available": 1,
+            "type_id": 2
+          }]
+        }, {
+          "id": 3,
+          "title": "资源3",
+          "show": true,
+          "children": [{
+            "id": 31,
+            "title": "资源3-1",
+            "is_available": 1,
+            "type_id": 3
+          }, {
+            "id": 32,
+            "title": "资源3-2",
+            "is_available": 0,
+            "type_id": 3
+          }]
+        }]
+      },
+    },
+  }
+];

package/lowcode/tabs/meta.ts

@@ -380,6 +380,15 @@ export default {
       setter: "NumberSetter",
       supportVariable: true,
     },
+    {
+      name: 'className',
+      title: {
+        label: '样式类名',
+        tip: 'className | 样式类名',
+      },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
     {
       name: "tabBarStyle",
       title: { label: "tab bar的样式对象", tip: "tab bar的样式对象" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.0.25",
+  "version": "3.0.27",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -61,9 +61,9 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/utils": "1.0.25",
-    "@pisell/date-picker": "1.0.74",
-    "@pisell/icon": "0.0.11"
+    "@pisell/date-picker": "1.0.75",
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "1.0.25"
   },
   "peerDependencies": {
     "react": "^18.0.0",