@pisell/materials 6.0.12 → 6.0.14

package/lib/hooks/useEngineContext.js

@@ -28,6 +28,12 @@ var useEngineContext = () => {
   const context = (0, import_react.useContext)(
     window.__appContext || defaultContext
   );
+  if ((context == null ? void 0 : context.appHelper) === void 0) {
+    return {
+      ...context,
+      appHelper: window.__appHelper
+    };
+  }
   return context || {};
 };
 var useEngineContext_default = useEngineContext;

package/lowcode/data-source-menu/meta.ts

@@ -1,5 +1,18 @@
 import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
 
+/**
+ * 
+  defaultOpenKeys,
+  defaultSelectedKeys,
+  inlineCollapsed,
+  openKeys,
+  selectedKeys,
+  onOpenChange,
+  onSelect,
+  dataSource,
+  __designMode,
+ * 
+ */
 const DataSourceMenuMeta: IPublicTypeComponentMetadata = {
   componentName: 'DataSourceMenu',
   title: '菜单导航',
@@ -78,15 +91,52 @@ const DataSourceMenuMeta: IPublicTypeComponentMetadata = {
       }
     },
     {
-      name: 'className',
-      propType: 'string',
-      description: '类名',
-      setter: 'StringSetter'
+      name: 'defaultOpenKeys',
+      propType: 'array',
+      description: '默认展开的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'defaultSelectedKeys',
+      propType: 'array',
+      description: '默认选中的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'inlineCollapsed',
+      propType: "bool",
+      description: '是否内嵌折叠',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'openKeys',
+      propType: 'array',
+      description: '展开的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'selectedKeys',
+      propType: 'array',
+      description: '选中的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'other',
+      propType: 'object',
+      description: '其他属性',
+      defaultValue: {},
+      setter: 'JsonSetter'
     },
     {
       name: 'style',
       propType: 'object',
       description: '样式',
+      defaultValue: {},
       setter: 'StyleSetter'
     }
   ],
@@ -96,8 +146,18 @@ const DataSourceMenuMeta: IPublicTypeComponentMetadata = {
     },
     supports: {
       style: true,
-      className: true
-    }
+      className: true,
+      events: [
+        {
+          name: 'onOpenChange',
+          template: "onOpenChange(openKeys,${extParams}){\n// 展开菜单项变化时的回调\nconsole.log('onOpenChange', openKeys);}",
+        },
+        {
+          name: 'onSelect',
+          template: "onSelect(selectedKeys,${extParams}){\n// 选中菜单项时的回调\nconsole.log('onSelect', selectedKeys);}",
+        },
+      ],
+    },
   }
 };
 

package/lowcode/form-item-translation/meta.ts

@@ -35,7 +35,65 @@ export default {
       // generalItemMap['defaultValue'],
     ]),
     getFormItemValidateGroup([
-      generalItemMap['requiredobj'],
+      {
+        name: 'requiredobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'required',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Required',
+                    'zh-CN': '是否必填',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                  extraProps: {
+                    setValue(target: any, value: boolean) {
+                      target.parent.setPropValue('transform', {
+                        type: 'JSExpression',
+                        value:
+                          '(value) => Object.values(value || {}).join("")',
+                      });
+                      target.node.getProps().setPropValue('required', value);
+                    },
+                  },
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      // generalItemMap['requiredobj'],
       generalItemMap['minLengthobj'],
       generalItemMap['maxLengthobj'],
       generalItemMap['typeobj'],

package/lowcode/pisell-content/meta.ts

@@ -2,10 +2,11 @@ import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
 
 const PisellContentMeta: ComponentMetadata = {
   componentName: 'PisellContent',
-  title: 'PisellContent',
+  title: '内容',
   docUrl: '',
-  screenshot: '',
+  screenshot: require('./__screenshots__/content.png'),
   devMode: 'proCode',
+  category: "布局",
   npm: {
     package: '@pisell/materials',
     version: '1.0.3',
@@ -26,6 +27,17 @@ const PisellContentMeta: ComponentMetadata = {
       name: 'className',
       setter: 'StringSetter',
     },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'height',
+          'zh-CN': '高度',
+        },
+      },
+      name: 'height',
+      setter: 'NumberSetter',
+    },
     {
       title: {
         label: {
@@ -37,6 +49,17 @@ const PisellContentMeta: ComponentMetadata = {
       name: 'children',
       setter: ['SlotSetter'],
     },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Content scrolling',
+          'zh-CN': '内容滚动',
+        },
+      },
+      name: 'scroll',
+      setter: 'BoolSetter',
+    },
     {
       title: {
         label: {
@@ -62,8 +85,8 @@ const PisellContentMeta: ComponentMetadata = {
 
 const snippets: Snippet[] = [
   {
-    title: 'PisellContent',
-    screenshot: '',
+    title: '内容',
+    screenshot: require('./__screenshots__/content.png'),
     schema: {
       componentName: 'PisellContent',
       props: {
@@ -74,7 +97,7 @@ const snippets: Snippet[] = [
           lineHeight: '120px',
           textAlign: 'center',
         },
-
+        scroll: true,
       },
     },
   },

package/lowcode/pisell-footer/meta.ts

@@ -2,10 +2,11 @@ import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
 
 const PisellFooterMeta: ComponentMetadata = {
   componentName: 'PisellFooter',
-  title: 'PisellFooter',
+  title: '底部',
   docUrl: '',
-  screenshot: '',
+  screenshot: require('./__screenshots__/footer.png'),
   devMode: 'proCode',
+  category: "布局",
   npm: {
     package: '@pisell/materials',
     version: '1.0.3',
@@ -26,6 +27,17 @@ const PisellFooterMeta: ComponentMetadata = {
       name: 'className',
       setter: 'StringSetter',
     },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'height',
+          'zh-CN': '高度',
+        },
+      },
+      name: 'height',
+      setter: 'NumberSetter',
+    },
     {
       title: {
         label: {
@@ -51,8 +63,8 @@ const PisellFooterMeta: ComponentMetadata = {
 
 const snippets: Snippet[] = [
   {
-    title: 'PisellFooter',
-    screenshot: '',
+    title: '底部',
+    screenshot: require('./__screenshots__/footer.png'),
     schema: {
       componentName: 'PisellFooter',
       props: {
@@ -61,6 +73,7 @@ const snippets: Snippet[] = [
           color: '#fff',
           textAlign: 'center',
         },
+        height: 80,
       },
       children: [{
         componentName: 'PisellText',

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.12",
+  "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",
-    "@pisell/utils": "1.0.42",
+    "react-window": "^1.8.10",
+    "styled-components": "^6.0.0-rc.3",
     "@pisell/date-picker": "1.0.100",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "1.0.42"
   },
   "peerDependencies": {
     "react": "^18.0.0",