@pisell/materials 6.0.13 → 6.0.14

package/lowcode/pisell-header/meta.ts

@@ -2,10 +2,11 @@ import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
 
 const PisellHeaderMeta: ComponentMetadata = {
   componentName: 'PisellHeader',
-  title: 'PisellHeader',
+  title: '头部',
   docUrl: '',
-  screenshot: '',
+  screenshot: require('./__screenshots__/header.png'),
   devMode: 'proCode',
+  category: "布局",
   npm: {
     package: '@pisell/materials',
     version: '1.0.3',
@@ -26,6 +27,28 @@ const PisellHeaderMeta: ComponentMetadata = {
       name: 'className',
       setter: 'StringSetter',
     },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'height',
+          'zh-CN': '高度',
+        },
+      },
+      name: 'height',
+      setter: 'NumberSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Fixed header',
+          'zh-CN': '固定头部',
+        },
+      },
+      name: 'fixed',
+      setter: 'BoolSetter',
+    },
     {
       title: {
         label: {
@@ -51,18 +74,19 @@ const PisellHeaderMeta: ComponentMetadata = {
 
 const snippets: Snippet[] = [
   {
-    title: 'PisellHeader',
-    screenshot: '',
+    title: '头部',
+    screenshot: require('./__screenshots__/header.png'),
     schema: {
       componentName: 'PisellHeader',
       props: {
         style: {
           backgroundColor: '#1890ff',
           color: '#fff',
-          height: 64,
           lineHeight: '64px',
           textAlign: 'center',
         },
+        height: 64,
+        fixed: true,
       },
       children: [{
         componentName: 'PisellText',

package/lowcode/pisell-layout/meta.ts

@@ -2,9 +2,10 @@ import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode
 
 const PisellLayoutMeta: IPublicTypeComponentMetadata = {
   componentName: 'PisellLayout',
-  title: 'PisellLayout',
+  title: 'Layout布局容器',
   docUrl: '',
-  screenshot: '',
+  screenshot: require('./__screenshots__/layout.png'),
+  category: "布局",
   devMode: 'proCode',
   npm: {
     package: '@pisell/materials',
@@ -63,8 +64,8 @@ const PisellLayoutMeta: IPublicTypeComponentMetadata = {
 
 const snippets: IPublicTypeSnippet[] = [
   {
-    title: 'PisellLayout',
-    screenshot: '',
+    title: 'Layout布局容器',
+    screenshot: require('./__screenshots__/layout.png'),
     schema: {
       componentName: 'PisellLayout',
       props: {
@@ -79,10 +80,11 @@ const snippets: IPublicTypeSnippet[] = [
             style: {
               backgroundColor: '#1890ff',
               color: '#fff',
-              height: 64,
               lineHeight: '64px',
               textAlign: 'center',
             },
+            height: 64,
+            fixed: true,
           },
           children: [{
             componentName: 'PisellText',
@@ -131,6 +133,7 @@ const snippets: IPublicTypeSnippet[] = [
                   lineHeight: '120px',
                   textAlign: 'center',
                 },
+                scroll: true,
               },
               // children: [{
               //   componentName: 'PisellText',
@@ -152,6 +155,7 @@ const snippets: IPublicTypeSnippet[] = [
               color: '#fff',
               textAlign: 'center',
             },
+            height: 80
           },
           children: [{
             componentName: 'PisellText',
@@ -161,6 +165,7 @@ const snippets: IPublicTypeSnippet[] = [
               },
             },
             children: 'Footer',
+
           },],
         },
       ],

package/lowcode/pisell-sider/meta.ts

@@ -2,10 +2,11 @@ import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
 
 const PisellSiderMeta: ComponentMetadata = {
   componentName: 'PisellSider',
-  title: 'PisellSider',
+  title: '侧边栏',
   docUrl: '',
-  screenshot: '',
+  screenshot: require('./__screenshots__/sider.png'),
   devMode: 'proCode',
+  category: "布局",
   npm: {
     package: '@pisell/materials',
     version: '1.0.3',
@@ -96,6 +97,41 @@ const PisellSiderMeta: ComponentMetadata = {
       setter: 'NumberSetter',
       defaultValue: 200,
     },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'collapsedWidth',
+          'zh-CN': '收起宽度',
+        },
+      },
+      name: 'collapsedWidth',
+      setter: 'NumberSetter',
+      defaultValue: 80,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'trigger',
+          'zh-CN': '触发器',
+        },
+      },
+      name: 'trigger',
+      setter: ['SlotSetter'],
+    },
+    {
+      name: "reverseArrow",
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'reverseArrow',
+          'zh-CN': '反转箭头',
+        },
+      },
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
   ],
   configure: {
     component: {
@@ -110,8 +146,8 @@ const PisellSiderMeta: ComponentMetadata = {
 
 const snippets: Snippet[] = [
   {
-    title: 'PisellSider',
-    screenshot: '',
+    title: '侧边栏',
+    screenshot: require('./__screenshots__/sider.png'),
     schema: {
       componentName: 'PisellSider',
       props: {
@@ -122,6 +158,7 @@ const snippets: Snippet[] = [
           textAlign: 'center',
         },
         width: 200,
+        collapsedWidth: 80,
       },
       children: [{
         componentName: 'PisellText',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.13",
+  "version": "6.0.14",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -9,28 +9,30 @@
     "*.less"
   ],
   "devDependencies": {
+    "@alilc/build-plugin-alt": "^1.3.3",
+    "@alilc/lowcode-react-renderer": "^1.1.7",
+    "@alilc/lowcode-types": "1.3.2",
+    "@alilc/lowcode-utils": "1.1.6",
+    "@pisell/build-plugin-lowcode": "^1.0.12",
+    "@svgr/webpack": "^5.5.0",
+    "@types/react": "^18.0.38",
+    "@types/react-dom": "^18.0.0",
+    "@types/react-window": "^1.8.8",
+    "build-plugin-component": "^1.6.5",
+    "build-scripts": "1.0.1",
+    "chokidar": "^4.0.3",
     "father": "^4.1.6",
+    "fsevents": "^2.3.3",
+    "inquirer": "^6.5.1",
     "lodash": "^4.17.21",
+    "postcss-loader": "^4.3.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "build-scripts": "1.0.1",
-    "inquirer": "^6.5.1",
-    "@pisell/build-plugin-lowcode": "^1.0.12",
-    "@types/react": "^18.0.38",
-    "@types/react-dom": "^18.0.0",
-    "@alilc/lowcode-utils": "1.1.6",
-    "style-loader": "2.0.0",
     "sass-loader": "7.3.1",
-    "@alilc/lowcode-react-renderer": "^1.1.7",
-    "@alilc/lowcode-types": "1.3.2",
-    "@svgr/webpack": "^5.5.0",
+    "style-loader": "2.0.0",
     "url-loader": "^4.1.1",
-    "@alilc/build-plugin-alt": "^1.3.3",
     "webpack": "^4.27.1",
-    "webpack-dev-server": "^4.0.0",
-    "build-plugin-component": "^1.6.5",
-    "postcss-loader": "^4.3.0",
-    "@types/react-window": "^1.8.8"
+    "webpack-dev-server": "^4.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -47,27 +49,27 @@
     "iconfont"
   ],
   "dependencies": {
-    "antd": "^5.6.3",
-    "@ant-design/icons": "^5.1.4",
     "@ant-design/colors": "^7.1.0",
-    "dayjs": "^1.11.8",
-    "classnames": "^2.3.2",
-    "react-resizable": "^3.0.5",
-    "styled-components": "^6.0.0-rc.3",
-    "libphonenumber-js": "^1.11.17",
+    "@ant-design/icons": "^5.1.4",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
+    "@zxing/library": "0.21.2",
     "ahooks": "^3.7.6",
+    "antd": "^5.6.3",
+    "classnames": "^2.3.2",
+    "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.8",
+    "libphonenumber-js": "^1.11.17",
     "react-infinite-scroll-component": "^6.1.0",
-    "react-window": "^1.8.10",
+    "react-resizable": "^3.0.5",
     "react-virtualized-auto-sizer": "^1.0.20",
-    "crypto-js": "^4.2.0",
-    "@zxing/library": "0.21.2",
+    "react-window": "^1.8.10",
+    "styled-components": "^6.0.0-rc.3",
     "@pisell/date-picker": "1.0.100",
-    "@pisell/utils": "1.0.42",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "1.0.42"
   },
   "peerDependencies": {
     "react": "^18.0.0",