@pisell/materials 6.0.14 → 6.0.15

package/lowcode/pisell-drop-sort/meta.ts

@@ -0,0 +1,362 @@
+import {
+  IPublicTypeComponentMetadata,
+  IPublicTypeSnippet,
+} from '@alilc/lowcode-types';
+
+const PisellDropSortMeta: IPublicTypeComponentMetadata = {
+  componentName: 'PisellDropSort',
+  title: '拖拽排序',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellDropSort',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'value',
+      propType: 'object',
+    },
+    {
+      name: 'allowDrag',
+      propType: 'bool',
+      description: '允许拖拽',
+      defaultValue: true,
+    },
+    {
+      name: 'allowDelete',
+      propType: 'bool',
+      description: '允许删除',
+      defaultValue: true,
+    },
+    {
+      name: 'allowAddChild',
+      propType: 'bool',
+      description: '允许添加子节点',
+      defaultValue: true,
+    },
+    {
+      name: 'allowAddRoot',
+      propType: 'bool',
+      description: '允许添加根节点',
+      defaultValue: true,
+    },
+    {
+      name: 'disabled',
+      propType: 'bool',
+      description: '是否禁用',
+      defaultValue: false,
+    },
+    {
+      name: 'spacing',
+      propType: 'number',
+      description: '间距',
+      defaultValue: 8,
+    },
+    {
+      name: 'maxLevel',
+      propType: 'number',
+      description: '最大层级数',
+      defaultValue: 3,
+    },
+    {
+      name: 'showBorder',
+      propType: 'bool',
+      description: '显示边框',
+      defaultValue: true,
+    },
+    {
+      name: 'className',
+      propType: 'string',
+      description: '类名',
+    },
+    {
+      name: 'style',
+      propType: 'object',
+      description: '样式',
+    },
+    {
+      name: 'onDragEnd',
+      propType: 'func',
+      description: '拖拽完成回调',
+    },
+    {
+      name: 'onDelete',
+      propType: 'func',
+      description: '删除节点回调',
+    },
+    {
+      name: 'onAdd',
+      propType: 'func',
+      description: '添加节点回调',
+    },
+    {
+      name: 'renderItem',
+      propType: {
+        type: 'func',
+      },
+      setter: [
+        {
+          componentName: 'SlotSetter',
+          title: '渲染函数插槽',
+          initialValue: {
+            type: 'JSSlot',
+            params: ['option'],
+          },
+        },
+        {
+          componentName: 'FunctionSetter',
+          props: {
+            template:
+              'renderItem(item,${extParams}){\n// 自定义渲染\nreturn `item`;\n}',
+          },
+        },
+        'VariableSetter',
+      ],
+    },
+    {
+      name: 'leftContent',
+      propType: {
+        type: 'func',
+      },
+      description: '左侧自定义内容',
+    },
+    {
+      name: 'rightContent',
+      propType: {
+        type: 'func',
+      },
+      description: '右侧自定义内容',
+    },
+  ],
+  configure: {
+    props: [
+      {
+        name: 'value',
+        setter: 'JsonSetter',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Data source',
+            'zh-CN': '数据源',
+          },
+        },
+      },
+      {
+        name: 'allowDrag',
+        setter: 'BoolSetter',
+        defaultValue: true,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Allow drag',
+            'zh-CN': '允许拖拽',
+          },
+        },
+      },
+      {
+        name: 'allowDelete',
+        setter: 'BoolSetter',
+        defaultValue: true,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Allow delete',
+            'zh-CN': '允许删除',
+          },
+        },
+      },
+      {
+        name: 'allowAddChild',
+        setter: 'BoolSetter',
+        defaultValue: true,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Allow add child',
+            'zh-CN': '允许添加子节点',
+          },
+        },
+      },
+      {
+        name: 'allowAddRoot',
+        setter: 'BoolSetter',
+        defaultValue: true,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Allow add root',
+            'zh-CN': '允许添加根节点',
+          },
+        },
+      },
+      {
+        name: 'disabled',
+        setter: 'BoolSetter',
+        defaultValue: false,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Disabled',
+            'zh-CN': '是否禁用',
+          },
+        },
+      },
+      {
+        name: 'spacing',
+        setter: 'NumberSetter',
+        defaultValue: 8,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Spacing',
+            'zh-CN': '间距',
+          },
+        },
+      },
+      {
+        name: 'maxLevel',
+        setter: 'NumberSetter',
+        defaultValue: 3,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Max level',
+            'zh-CN': '最大层级数',
+          },
+        },
+      },
+      {
+        name: 'showBorder',
+        setter: 'BoolSetter',
+        defaultValue: true,
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Show border',
+            'zh-CN': '显示边框',
+          },
+        },
+      },
+      {
+        name: 'renderItem',
+        title: { label: '自定义渲染', tip: '自定义渲染选项内容' },
+        setter: [
+          {
+            componentName: 'SlotSetter',
+            title: '渲染函数插槽',
+            initialValue: {
+              type: 'JSSlot',
+              params: ['item'],
+            },
+          },
+          {
+            componentName: 'FunctionSetter',
+            props: {
+              template:
+                'renderItem(item,${extParams}){\n// 自定义渲染\nreturn `item`;\n}',
+            },
+          },
+          'VariableSetter',
+        ],
+      },
+      {
+        name: 'leftContent',
+        title: { label: '左侧自定义内容', tip: '左侧自定义内容' },
+        setter: {
+          componentName: 'SlotSetter',
+          title: '左侧自定义内容',
+          initialValue: {
+            type: 'JSSlot',
+          },
+        },
+      },
+      {
+        name: 'rightContent',
+        title: { label: '右侧自定义内容', tip: '右侧自定义内容' },
+        setter: {
+          componentName: 'SlotSetter',
+          title: '右侧自定义内容',
+          initialValue: {
+            type: 'JSSlot',
+          },
+        },
+      },
+    ],
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onChange',
+          template: "onChange(item,${extParams}){\n// 节点变化回调\nconsole.log('onChange',item);}",
+        },
+        {
+          name: 'onDelete',
+          template: "onDelete(item,${extParams}){\n// 删除节点回调\nconsole.log('onDelete',item);}",
+        },
+        {
+          name: 'onAdd',
+          template: "onAdd(item,${extParams}){\n// 添加节点回调\nconsole.log('onAdd',item);}",
+        },
+        {
+          name: 'onDragEnd',
+          template: "onDragEnd(item,${extParams}){\n// 拖拽完成回调\nconsole.log('onDragEnd',item);}",
+        },
+        {
+          name: 'onAddRoot',
+          template: "onAddRoot(item,${extParams}){\n// 添加根节点回调\nconsole.log('onAddRoot',item);}",
+        }
+      ],
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '拖拽排序',
+    screenshot: '',
+    schema: {
+      title: "拖拽排序",
+      componentName: 'PisellDropSort',
+      props: {
+        renderItem: {
+          type: 'JSSlot',
+          params: ['item'],
+        },
+        leftContent: {
+          type: 'JSSlot',
+        },
+        value: [
+          {
+            id: '1',
+            title: '节点1',
+            children: [
+              {
+                id: '1-1',
+                title: '节点1-1',
+              },
+            ],
+          },
+          {
+            id: '2',
+            title: '节点2',
+          },
+        ],
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellDropSortMeta,
+  snippets,
+};

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/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.14",
+  "version": "6.0.15",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -50,7 +50,7 @@
   ],
   "dependencies": {
     "@ant-design/colors": "^7.1.0",
-    "@ant-design/icons": "^5.1.4",
+    "@ant-design/icons": "^5.6.1",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
@@ -68,8 +68,8 @@
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
     "@pisell/date-picker": "1.0.100",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "1.0.42"
+    "@pisell/utils": "1.0.42",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/umd/materials.min.css

@@ -1 +0,0 @@
-.materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;color:var(--text-text-2,#777);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.filter-dropdown-container-wrap{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}