@pisell/materials 2.2.5 → 2.2.7

package/lib/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/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/lowcode/drag-sort-tree/meta.ts

@@ -0,0 +1,108 @@
+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: "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}',
+        },
+      ]
+    },
+  },
+};

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": "2.2.5",
+  "version": "2.2.7",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,7 +62,7 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@pisell/utils": "1.0.25",
-    "@pisell/icon": "0.0.8",
+    "@pisell/icon": "0.0.11",
     "@pisell/date-picker": "1.0.74"
   },
   "peerDependencies": {