@pisell/materials 1.0.669 → 1.0.671

package/lowcode/pisell-card/meta.ts

@@ -1,4 +1,3 @@
-import { set } from "../_utils/utils";
 import snippets from "./snippets";
 
 export default {
@@ -19,12 +18,12 @@ export default {
   },
   experimental: { hideSelectTools: true },
   props: [
-    // {
-    //   name: "title",
-    //   title: { label: "卡片标题", tip: "卡片标题" },
-    //   propType: { type: "oneOfType", value: ["string", "node"] },
-    //   setter: ['PisellI18nSetter', 'SlotSetter']
-    // },
+    {
+      name: "title",
+      title: { label: "卡片标题", tip: "卡片标题" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ['PisellI18nSetter', 'SlotSetter']
+    },
     // {
     //   name: 'actions',
     //   title: { label: '卡片操作组', tip: '卡片操作组，位置在卡片底部' },
@@ -47,28 +46,22 @@ export default {
       defaultValue: true,
     },
     {
-      name: "selected",
-      title: { label: "是否选中", tip: "是否选中" },
+      name: "cover",
+      title: { label: "卡片封面", tip: "卡片封面" },
+      propType: "node",
+    },
+    {
+      name: "extra",
+      title: { label: "额外元素", tip: "卡片右上角的操作区域" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ['PisellI18nSetter', 'SlotSetter']
+    },
+    {
+      name: "hoverable",
+      title: { label: "可浮起", tip: "鼠标移过时可浮起" },
       propType: "bool",
       defaultValue: false,
     },
-    // {
-    //   name: "cover",
-    //   title: { label: "卡片封面", tip: "卡片封面" },
-    //   propType: "node",
-    // },
-    // {
-    //   name: "extra",
-    //   title: { label: "额外元素", tip: "卡片右上角的操作区域" },
-    //   propType: { type: "oneOfType", value: ["string", "node"] },
-    //   setter: ['PisellI18nSetter', 'SlotSetter']
-    // },
-    // {
-    //   name: "hoverable",
-    //   title: { label: "可浮起", tip: "鼠标移过时可浮起" },
-    //   propType: "bool",
-    //   defaultValue: false,
-    // },
     {
       name: "loading",
       title: {
@@ -79,46 +72,17 @@ export default {
       defaultValue: false,
     },
     {
-      name: "disabled",
-      title: {
-        label: "是否禁用",
-        tip: "是否禁用该卡片",
-      },
-      propType: "bool",
-      defaultValue: false,
+      name: "size",
+      title: { label: "尺寸", tip: "card 的尺寸" },
+      propType: { type: "oneOf", value: ["default", "small"] },
+      defaultValue: "default",
     },
     {
-      name: "padding",
-      title: {
-        label: "内边距",
-        tip: "控制内边距大小 数值",
-      },
-      propType: "number",
-      setter: "NumberSetter",
-      defaultValue: 16
+      name: "type",
+      title: { label: "卡片类型", tip: "卡片类型" },
+      propType: { type: "oneOf", value: ["default", "inner"] },
+      defaultValue: "default",
     },
-    {
-      name: "borderRadius",
-      title: {
-        label: "边框圆角",
-        tip: "控制四个圆角大小 数值",
-      },
-      propType: "number",
-      setter: "NumberSetter",
-      defaultValue: 12
-    }
-    // {
-    //   name: "size",
-    //   title: { label: "尺寸", tip: "card 的尺寸" },
-    //   propType: { type: "oneOf", value: ["default", "small"] },
-    //   defaultValue: "default",
-    // },
-    // {
-    //   name: "type",
-    //   title: { label: "卡片类型", tip: "卡片类型" },
-    //   propType: { type: "oneOf", value: ["default", "inner"] },
-    //   defaultValue: "default",
-    // },
   ],
   configure: {
     component: { isContainer: true },

package/lowcode/pisell-card/snippets.ts

@@ -4,12 +4,6 @@ export default [
     schema: {
       componentName: 'PisellCard',
       props: {
-        bordered: true,
-        selected: false,
-        loading: false,
-        padding: 16,
-        disabled: false,
-        borderRadius: 12
       },
     },
   },

package/lowcode/pisell-modal.information/meta.ts

@@ -82,14 +82,6 @@ export default {
       title: { label: "取消按钮配置", tip: "详见 antd Modal cancelButtonProps" },
       setter: [ "JSONSetter"],
     },
-    {
-      name: "destroyOnClose",
-      title: { label: "销毁子元素", tip: "关闭时销毁 Modal 里的子元素" },
-      propType: "bool",
-      defaultValue: false,
-      setter: "BoolSetter",
-      supportVariable: true,
-    },
   ],
   configure: {
     component: {

package/lowcode/pisell-qrscanner/meta.ts

@@ -0,0 +1,86 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellQRScanner',
+  title: '二维码扫描器',
+  category: '数据录入',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellQRScanner',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: ''
+  },
+  props: [
+    {
+      name: 'visible',
+      title: { label: '是否可见', tip: '控制扫码界面是否可见' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'showUpload',
+      title: { label: '显示上传图片', tip: '是否显示上传图片按钮，默认开启' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'onClose',
+      title: { label: '关闭回调', tip: '扫码界面关闭时的回调函数' },
+      propType: 'func',
+      setter: {
+        componentName: 'FunctionSetter',
+        props: {
+          template: '() => {\n  // 处理关闭事件\n}',
+        },
+      },
+    },
+    {
+      name: 'onScan',
+      title: { label: '扫码成功回调', tip: '扫码成功时的回调函数，参数为扫描结果字符串' },
+      propType: 'func',
+      setter: {
+        componentName: 'FunctionSetter',
+        props: {
+          template: '(result) => {\n  // 处理扫描结果\n  console.log(\'扫描结果:\', result);\n}',
+        },
+      },
+    },
+    {
+      name: 'className',
+      title: { label: '类名', tip: '自定义类名' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'style',
+      title: { label: '样式', tip: '自定义样式' },
+      propType: 'object',
+      setter: 'StyleSetter'
+    }
+  ],
+  configure: {
+    component: {
+      isContainer: false
+    },
+    supports: {
+      style: true,
+      className: true
+    },
+    events: {
+      onScan: {
+        description: '扫码成功时触发',
+      },
+      onClose: {
+        description: '扫码界面关闭时触发',
+      }
+    }
+  }
+}; 

package/lowcode/pisell-qrscanner/snippets.ts

@@ -0,0 +1,25 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '二维码扫描器',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellQRScanner',
+      props: {
+        visible: false,
+        showUpload: true,
+        onClose: {
+          type: 'JSFunction',
+          value: '() => {\n  // 处理关闭事件\n}'
+        },
+        onScan: {
+          type: 'JSFunction',
+          value: '(result) => {\n  // 处理扫描结果\n  console.log(\'扫描结果:\', result);\n}'
+        }
+      }
+    }
+  }
+];
+
+export default snippets; 

package/lowcode/pisell-tooltip/meta.ts

@@ -29,7 +29,7 @@ export default {
             tip: 'title | 提示文字',
           },
           propType: { type: 'oneOfType', value: ['string', 'node'] },
-          setter: ['PisellI18nSetter', 'SlotSetter', 'VariableSetter', 'StringSetter',],
+          setter: ['PisellI18nSetter', 'SlotSetter', 'VariableSetter'],
         },
       ],
     },

package/lowcode/record-view/meta.ts

@@ -207,14 +207,6 @@ const DivMeta: ComponentMetadata = {
         },
       },
     },
-    {
-      name: "doubleList",
-      title: {
-        label: "双重列表",
-        tip: "doubleList | 双重列表",
-      },
-      propType: "bool",
-    },
     {
       name: "search",
       title: {
@@ -231,18 +223,6 @@ const DivMeta: ComponentMetadata = {
       },
       propType: "bool",
     },
-
-    {
-      name: "pcDetailModalWidth",
-      title: {
-        label: "详情弹窗展示_（PC端） 宽度值",
-        tip: "pcDetailModalWidth | 详情弹窗展示_(PC端) 宽度值",
-      },
-      propType: "number",
-      condition: (target: any) => target.getProps().getPropValue('pcDetailModalDisplay')
-    },
-
-
     {
       name: "padDetailModalDisplay",
       title: {

package/lowcode/spin/meta.ts

@@ -27,15 +27,6 @@ export default {
       title: { label: '加载指示符', tip: '加载指示符' },
       propType: 'node',
     },
-    {
-      name: 'fullscreen',
-      title: {
-        label: '全屏',
-        tip: '是否全屏加载',
-      },
-      propType: 'bool',
-      defaultValue: false,
-    },
     {
       name: 'size',
       title: {

package/lowcode/table/meta.ts

@@ -703,16 +703,6 @@ export default {
           display: "block",
           type: "group",
           items: [
-            {
-              name: "gallery.content.showLabel",
-              // true 会去查询其他是否展示标题的判断,false 则直接关闭
-              title: { label: "展示标题", tip: "gallery.content.showLabel" },
-              setter: "BoolSetter",
-              defaultValue: true,
-              initialValue: () => {
-                return true
-              }
-            },
             {
               name: "gallery.content.fields",
               title: "",

package/lowcode/tabs/meta.ts

@@ -86,41 +86,41 @@ export default {
                       },
                     },
                   },
-                  // {
-                  //   name: "icon",
-                  //   title: {
-                  //     label: {
-                  //       type: "i18n",
-                  //       "en-US": "icon",
-                  //       "zh-CN": "图标",
-                  //     },
-                  //     tip: "icon | Set the icon component of the button",
-                  //   },
-                  //   propType: "node",
-                  //   setter: {
-                  //     componentName: "SlotSetter",
-                  //     initialValue: {
-                  //       type: "JSSlot",
-                  //       value: [
-                  //         {
-                  //           componentName: "Icon",
-                  //           props: {
-                  //             type: "SmileOutlined",
-                  //             size: 20,
-                  //             rotate: 0,
-                  //             spin: false,
-                  //           },
-                  //         },
-                  //       ],
-                  //     },
-                  //     defaultValue: null
-                  //   },
-                  //   condition(target) {
-                  //     return (
-                  //       target.getProps().getPropValue("type") === "icon-label"
-                  //     );
-                  //   },
-                  // },
+                  {
+                    name: "icon",
+                    title: {
+                      label: {
+                        type: "i18n",
+                        "en-US": "icon",
+                        "zh-CN": "图标",
+                      },
+                      tip: "icon | Set the icon component of the button",
+                    },
+                    propType: "node",
+                    setter: {
+                      componentName: "SlotSetter",
+                      initialValue: {
+                        type: "JSSlot",
+                        value: [
+                          {
+                            componentName: "Icon",
+                            props: {
+                              type: "SmileOutlined",
+                              size: 20,
+                              rotate: 0,
+                              spin: false,
+                            },
+                          },
+                        ],
+                      },
+                      defaultValue: null
+                    },
+                    condition(target) {
+                      return (
+                        target.getProps().getPropValue("type") === "icon-label"
+                      );
+                    },
+                  },
                   {
                     name: "badge",
                     title: { label: "徽标数量", tip: "badge | 徽标数量" },
@@ -136,20 +136,20 @@ export default {
                 label: "标签项",
                 disabled: false,
                 forceRender: false,
-                // icon: {
-                //   type: "JSSlot",
-                //   value: [
-                //     {
-                //       componentName: "Icon",
-                //       props: {
-                //         type: "SmileOutlined",
-                //         size: 20,
-                //         rotate: 0,
-                //         spin: false,
-                //       },
-                //     },
-                //   ],
-                // },
+                icon: {
+                  type: "JSSlot",
+                  value: [
+                    {
+                      componentName: "Icon",
+                      props: {
+                        type: "SmileOutlined",
+                        size: 20,
+                        rotate: 0,
+                        spin: false,
+                      },
+                    },
+                  ],
+                },
                 children: {
                   type: "JSSlot",
                   value: [],
@@ -160,6 +160,140 @@ export default {
         },
       },
     },
+    // {
+    //   name: 'tabs',
+    //   title: '标签项',
+    //   setter: {
+    //     componentName: 'ArraySetter',
+    //     props: {
+    //       itemSetter: {
+    //         componentName: 'ObjectSetter',
+    //         props: {
+    //           config: {
+    //             items: [
+    //               {
+    //                 name: 'key',
+    //                 title: 'key',
+    //                 setter: 'StringSetter',
+    //                 initialValue: (val) => val || uuid(),
+    //                 supportVariable: true
+    //               },
+    //               {
+    //                 name: 'tab',
+    //                 title: '标题',
+    //                 setter: 'StringSetter',
+    //                 initialValue: '标签项',
+    //                 supportVariable: true
+    //               },
+    //               // {
+    //               //   name: 'closeable',
+    //               //   title: '是否可删除',
+    //               //   condition(target) {
+    //               //     return target.getProps().getPropValue('type') === 'editable-card';
+    //               //   },
+    //               //   setter: 'BoolSetter',
+    //               //   initialValue: true,
+    //               // },
+    //               {
+    //                 name: 'disabled',
+    //                 title: '禁用',
+    //                 setter: 'BoolSetter',
+    //                 initialValue: false,
+    //                 supportVariable: true
+    //               },
+    //               {
+    //                 name: 'forceRender',
+    //                 title: '隐藏时保留',
+    //                 propType: 'bool',
+    //                 setter: 'BoolSetter',
+    //                 initialValue: false,
+    //                 supportVariable: true
+    //               },
+    //             ],
+    //           },
+    //         },
+    //         initialValue: () => {
+    //           return {
+    //             key: uuid(),
+    //             tab: '标签项',
+    //             closeable: true,
+    //             disabled: false,
+    //             forceRender: false,
+    //           };
+    //         },
+    //       },
+    //     },
+    //   },
+    //   extraProps: {
+    //     getValue(target, fieldValue) {
+    //       const map = target.node.children.map((child) => {
+    //         const key = child.getPropValue('key') ? String(child.getPropValue('key')) : child.id;
+    //         return {
+    //           key,
+    //           tab: child.getPropValue('tab'),
+    //           closeable: child.getPropValue('closeable'),
+    //           disabled: child.getPropValue('disabled'),
+    //           forceRender: child.getPropValue('forceRender'),
+    //         };
+    //       });
+    //       return map;
+    //     },
+    //     setValue(target, value) {
+    //       const { node } = target;
+    //       const map = {};
+
+    //       if (!Array.isArray(value)) {
+    //         value = [];
+    //       }
+    //       value.forEach((item) => {
+    //         const tabItem = Object.assign({}, item);
+    //         map[item.key] = tabItem;
+    //       });
+
+    //       node.children.mergeChildren(
+    //         (child) => {
+    //           const key = String(child.getPropValue('key'));
+    //           if (Object.hasOwnProperty.call(map, key)) {
+    //             child.setPropValue('tab', map[key].tab);
+    //             child.setPropValue('closeable', map[key].closeable);
+    //             child.setPropValue('disabled', map[key].disabled);
+    //             child.setPropValue('forceRender', map[key].forceRender);
+    //             delete map[key];
+    //             return false;
+    //           }
+    //           return true;
+    //         },
+    //         () => {
+    //           const items = [];
+    //           for (const key in map) {
+    //             if (Object.hasOwnProperty.call(map, key)) {
+    //               items.push({
+    //                 componentName: 'Tabs.TabPane',
+    //                 props: map[key],
+    //               });
+    //             }
+    //           }
+    //           return items;
+    //         },
+    //         (child1, child2) => {
+    //           const a = value.findIndex(
+    //             (item) => String(item.key) === String(child1.getPropValue('key')),
+    //           );
+    //           const b = value.findIndex(
+    //             (item) => String(item.key) === String(child2.getPropValue('key')),
+    //           );
+    //           return a - b;
+    //         },
+    //       );
+    //     },
+    //   },
+    // },
+    // {
+
+    //   name: 'addIcon',
+    //   title: { label: '自定义添加按钮', tip: '自定义添加按钮' },
+    //   propType: 'node',
+    // },
     {
       name: "animated",
       title: {
@@ -234,16 +368,6 @@ export default {
         );
       },
     },
-    {
-      name: 'isResponsive',
-      title: {
-        label: '宽度自适应',
-        tip: 'responsive | 是否自动适配当前平台',
-      },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: false,
-    },
     {
       name: "tabBarExtraContent",
       title: { label: "额外元素", tip: "tab bar上额外的元素" },
@@ -302,11 +426,11 @@ export default {
       name: "type",
       title: {
         label: "页签样式",
-        tip: "页签的基本样式，可选`line`、`pill`、`segmented` `icon-label`类型",
+        tip: "页签的基本样式，可选`line`、`card`、`editable-card` `icon-label`类型",
       },
       propType: {
         type: "oneOf",
-        value: ["line", "pill", "segmented", "icon-label"],
+        value: ["line", "card", "editable-card", "icon-label"],
       },
       defaultValue: "line",
     },