@pisell/materials 6.0.13 → 6.0.15

package/lowcode/pisell-navigation-menu/meta.ts

@@ -0,0 +1,125 @@
+import {
+  IPublicTypeSnippet,
+} from '@alilc/lowcode-types';
+
+const PisellNavigationMenuMeta = {
+  componentName: 'PisellNavigationMenu',
+  title: '导航菜单管理',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellNavigationMenu',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Value',
+          'zh-CN': '菜单数据',
+        },
+      },
+      name: 'value',
+      propType: 'array',
+      setter: 'JsonSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Title',
+          'zh-CN': '标题',
+        },
+      },
+      name: 'title',
+      propType: 'string',
+      setter: 'PisellI18nSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: false,
+    },
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            'onChange(value,${extParams}){\n// 数据变化回调\nconsole.log("onChange",value);}',
+        },
+        {
+          name: 'onDelete',
+          template:
+            'onDelete(value,${extParams}){\n// 删除节点回调\nconsole.log("onDelete",value);}',
+        },
+        {
+          name: 'onAddPage',
+          template:
+            'onAddPage(value,${extParams}){\n// 添加页面回调\nconsole.log("onAddPage",value);}',
+        },
+        {
+          name: 'onAddSubMenu',
+          template:
+            'onAddSubMenu(value,${extParams}){\n// 添加子菜单回调\nconsole.log("onAddSubMenu",value);}',
+        },
+        {
+          name: 'onEdit',
+          template:
+            'onEdit(value,${extParams}){\n// 编辑节点回调\nconsole.log("onEdit",value);}',
+        },
+      ],
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '导航菜单管理',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellNavigationMenu',
+      props: {
+        value: [
+          {
+            id: '1',
+            title: '首页',
+            children: [],
+            icon: 'pisell2-trend-up-01',
+            description: '首页描述',
+            version: '1.0.0',
+          },
+          {
+            id: '2',
+            title: '关于我们',
+            icon: 'pisell2-user-circle',
+            description: '关于我们描述',
+            isGroup: true,
+            children: [
+              {
+                id: '2-1',
+                title: '公司介绍',
+                icon: 'pisell2-trend-up-01',
+                description: '公司介绍描述',
+                version: '1.0.0',
+                children: [],
+              },
+            ],
+          },
+        ],
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellNavigationMenuMeta,
+  snippets,
+};

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/lowcode/submit-button/meta.ts

@@ -4,7 +4,7 @@ import snippets from './snippets';
 const SubmitButtonMeta: ComponentMetadata = {
   componentName: 'SubmitButton',
   title: '提交按钮',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',
@@ -471,6 +471,20 @@ const SubmitButtonMeta: ComponentMetadata = {
                 'zh-HK': '確定',
               },
             },
+            {
+              name: 'afterSubmitModalConfig.onOk',
+              title: {
+                type: 'i18n',
+                'en-US': 'OK Callback',
+                'zh-CN': '确认回调',
+              },
+              setter: {
+                componentName: 'FunctionSetter',
+                props: {
+                  template: "onOk(${extParams}){\n  console.log('Modal OK clicked');\n}",
+                },
+              },
+            },
           ],
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.13",
+  "version": "6.0.15",
   "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,24 +49,24 @@
     "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.6.1",
     "@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"