@pisell/materials 1.0.68 → 1.0.70-beta1

package/lowcode/descriptions/meta.ts

@@ -1,12 +1,12 @@
-import { uuid } from '../_utils/utils';
+import { uuid } from "../_utils/utils";
 
-import snippets from './snippets';
+import snippets from "./snippets";
 
 export default {
   snippets,
-  componentName: 'Descriptions',
-  title: '描述列表',
-  category: '数据展示',
+  componentName: "Descriptions",
+  title: "描述列表",
+  category: "数据展示",
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -18,213 +18,217 @@ export default {
     destructuring: true,
     subName: "",
   },
-  configure: {
-    props: [
-      {
-        name: 'title',
-        title: {
-          label: '标题',
-          tip: '描述列表的标题，显示在最顶部',
-        },
-        propType: {
-          type: 'oneOfType',
-          value: ['string', 'node'],
-        },
+  props: [
+    {
+      name: "title",
+      title: {
+        label: "标题",
+        tip: "描述列表的标题，显示在最顶部",
       },
-      {
-        name: 'items',
-        title: {
-          label: '列表项',
-          tip: '列表项',
-        },
-        setter: {
-          componentName: 'ArraySetter',
-          props: {
-            itemSetter: {
-              componentName: 'ObjectSetter',
-              props: {
-                config: {
-                  items: [
-                    {
-                      name: 'key',
-                      title: 'key',
-                      setter: 'StringSetter',
-                      initialValue: (val) => val || uuid(),
-                      condition: () => false,
-                    },
-                    {
-                      name: 'label',
-                      title: '标题',
-                      setter: 'StringSetter',
-                      initialValue: '列表项',
-                    },
-                    {
-                      name: 'span',
-                      title: '所占列数',
-                      setter: 'NumberSetter',
-                      initialValue: 1,
-                    },
-                    {
-                      name: 'children',
-                      title: '内容',
-                      setter: {
-                        componentName: 'SlotSetter',
-                        initialValue: {
-                          type: 'JSSlot',
-                          value: [],
-                        },
+      propType: {
+        type: "oneOfType",
+        value: ["string", "node"],
+      },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "items",
+      title: {
+        label: "列表项",
+        tip: "列表项",
+      },
+      setter: {
+        componentName: "ArraySetter",
+        props: {
+          itemSetter: {
+            componentName: "ObjectSetter",
+            props: {
+              config: {
+                items: [
+                  {
+                    name: "key",
+                    title: "key",
+                    setter: "StringSetter",
+                    initialValue: (val) => val || uuid(),
+                    condition: () => false,
+                  },
+                  {
+                    name: "label",
+                    title: "标题",
+                    setter: "PisellI18nSetter",
+                    initialValue: "列表项",
+                  },
+                  {
+                    name: "span",
+                    title: "所占列数",
+                    setter: "NumberSetter",
+                    initialValue: 1,
+                  },
+                  {
+                    name: "children",
+                    title: "内容",
+                    setter: {
+                      componentName: "SlotSetter",
+                      initialValue: {
+                        type: "JSSlot",
+                        value: [],
                       },
                     },
-                  ],
-                },
-              },
-              initialValue: () => {
-                return {
-                  key: uuid(),
-                  label: '标签项',
-                  span: 1,
-                  children: {
-                    type: 'JSSlot',
-                    value: [],
                   },
-                };
+                ],
               },
             },
-          },
-        },
-        extraProps: {
-          getValue(target, fieldValue) {
-            const map = target.node.children.map((child) => {
-              const key = child.getPropValue('key') ? String(child.getPropValue('key')) : child.id;
+            initialValue: () => {
               return {
-                key,
-                label: child.getPropValue('label'),
-                span: child.getPropValue('span'),
-                children: child.getPropValue('children'),
+                key: uuid(),
+                label: "标签项",
+                span: 1,
+                children: {
+                  type: "JSSlot",
+                  value: [],
+                },
               };
-            });
-            return map;
+            },
           },
-          setValue(target, value) {
-            const { node } = target;
-            const map = {};
+        },
+      },
+      extraProps: {
+        getValue(target, fieldValue) {
+          const map = target.node.children.map((child) => {
+            const key = child.getPropValue("key")
+              ? String(child.getPropValue("key"))
+              : child.id;
+            return {
+              key,
+              label: child.getPropValue("label"),
+              span: child.getPropValue("span"),
+              children: child.getPropValue("children"),
+            };
+          });
+          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;
-            });
+          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'));
+          node.children.mergeChildren(
+            (child) => {
+              const key = String(child.getPropValue("key"));
+              if (Object.hasOwnProperty.call(map, key)) {
+                child.setPropValue("label", map[key].label);
+                child.setPropValue("span", map[key].span);
+                child.setPropValue("children", map[key].children);
+                delete map[key];
+                return false;
+              }
+              return true;
+            },
+            () => {
+              const items = [];
+              for (const key in map) {
                 if (Object.hasOwnProperty.call(map, key)) {
-                  child.setPropValue('label', map[key].label);
-                  child.setPropValue('span', map[key].span);
-                  child.setPropValue('children', map[key].children);
-                  delete map[key];
-                  return false;
-                }
-                return true;
-              },
-              () => {
-                const items = [];
-                for (const key in map) {
-                  if (Object.hasOwnProperty.call(map, key)) {
-                    items.push({
-                      componentName: 'Descriptions.Item',
-                      props: map[key],
-                    });
-                  }
+                  items.push({
+                    componentName: "Descriptions.Item",
+                    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;
-              },
-            );
-          },
-          // getValue(target, fieldValue) {
-          //   // const node = target.nodes[0];
-          //   // const children = node.getChildren();
-          //   const map = target.node.children.map(child => {
-          //     return {
-          //       key: child.getPropValue('key') || uuid(),
-          //       label: child.getPropValue('label'),
-          //       span: child.getPropValue('span'),
-          //       children: child.getPropValue('children'),
-          //     };
-          //   });
-          //   return map;
-          // },
-          // setValue(target, value) {
-          //   const node = target.node;
+              }
+              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;
+            }
+          );
+        },
+        // getValue(target, fieldValue) {
+        //   // const node = target.nodes[0];
+        //   // const children = node.getChildren();
+        //   const map = target.node.children.map(child => {
+        //     return {
+        //       key: child.getPropValue('key') || uuid(),
+        //       label: child.getPropValue('label'),
+        //       span: child.getPropValue('span'),
+        //       children: child.getPropValue('children'),
+        //     };
+        //   });
+        //   return map;
+        // },
+        // setValue(target, value) {
+        //   const node = target.node;
 
-          //   if (!Array.isArray(value)) {
-          //     value = [];
-          //   }
+        //   if (!Array.isArray(value)) {
+        //     value = [];
+        //   }
 
-          //   node.children.mergeChildren(
-          //     () => true,
-          //     () => {
-          //       return value.map(item => ({
-          //         componentName: 'Descriptions.Item',
-          //         props: Object.assign({}, item),
-          //       }));
-          //     }
-          //   );
-          // },
-        },
+        //   node.children.mergeChildren(
+        //     () => true,
+        //     () => {
+        //       return value.map(item => ({
+        //         componentName: 'Descriptions.Item',
+        //         props: Object.assign({}, item),
+        //       }));
+        //     }
+        //   );
+        // },
       },
-      {
-        name: 'bordered',
-        title: { label: '显示边框', tip: '是否展示边框' },
-        propType: 'bool',
-        defaultValue: false,
+    },
+    {
+      name: "bordered",
+      title: { label: "显示边框", tip: "是否展示边框" },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "column",
+      title: {
+        label: "列数",
+        tip: "一行的列表项数量",
       },
-      {
-        name: 'column',
-        title: {
-          label: '列数',
-          tip: '一行的列表项数量',
-        },
-        propType: 'number',
-        defaultValue: 3,
+      propType: "number",
+      defaultValue: 3,
+    },
+    {
+      name: "size",
+      title: {
+        label: "尺寸",
+        tip: "设置列表的大小。可以设置为 `middle` 、`small`, 或不填（只有设置 `bordered={true}` 生效）",
       },
-      {
-        name: 'size',
-        title: {
-          label: '尺寸',
-          tip:
-            '设置列表的大小。可以设置为 `middle` 、`small`, 或不填（只有设置 `bordered={true}` 生效）',
-        },
-        propType: { type: 'oneOf', value: ['default', 'middle', 'small'] },
-        defaultValue: 'middle',
+      propType: { type: "oneOf", value: ["default", "middle", "small"] },
+      defaultValue: "middle",
+    },
+    {
+      name: "layout",
+      title: { label: "布局方向", tip: "描述布局" },
+      propType: { type: "oneOf", value: ["horizontal", "vertical"] },
+      defaultValue: "horizontal",
+    },
+    {
+      name: "colon",
+      title: {
+        label: "展示冒号",
+        tip: "配置 `Descriptions.Item` 的 `colon` 的默认值",
       },
-      {
-        name: 'layout',
-        title: { label: '布局方向', tip: '描述布局' },
-        propType: { type: 'oneOf', value: ['horizontal', 'vertical'] },
-        defaultValue: 'horizontal',
-      },
-      {
-        name: 'colon',
-        title: {
-          label: '展示冒号',
-          tip: '配置 `Descriptions.Item` 的 `colon` 的默认值',
-        },
-        propType: 'bool',
-        defaultValue: true,
-      },
-    ],
+      propType: "bool",
+      defaultValue: true,
+    },
+  ],
+  configure: {
     supports: { style: true },
   },
 };

package/lowcode/descriptions.item/meta.ts

@@ -29,6 +29,7 @@ export default {
           tip: '标题',
         },
         propType: 'string',
+        setter: 'PisellI18nSetter',
       },
     ],
     component: { isContainer: true },

package/lowcode/divider/meta.ts

@@ -16,52 +16,52 @@ export default {
     destructuring: true,
     subName: "",
   },
-  configure: {
-    props: [
-      {
-        name: "className",
-        title: { label: "分割线样式类", tip: "分割线样式类" },
-        propType: "string",
-      },
-      {
-        name: "dashed",
-        title: { label: "是否虚线", tip: "是否虚线" },
-        propType: "bool",
-        defaultValue: false,
-      },
-      {
-        name: "orientation",
-        title: { label: "标题位置", tip: "分割线标题的位置" },
-        propType: { type: "oneOf", value: ["left", "right", "center"] },
-      },
-      {
-        name: "orientationMargin",
-        title: {
-          label: "标题边距",
-          tip: "标题和最近 left/right 边框之间的距离，去除了分割线，同时 orientation 必须为 left 或 right",
-        },
-        propType: { type: "oneOfType", value: ["string", "number"] },
-      },
-      {
-        name: "style",
-        title: { label: "分割线样式对象", tip: "分割线样式对象" },
-        propType: "object",
-      },
-      {
-        name: "type",
-        title: { label: "方向", tip: "水平还是垂直类型" },
-        propType: { type: "oneOf", value: ["horizontal", "vertical"] },
+  props: [
+    {
+      name: "className",
+      title: { label: "分割线样式类", tip: "分割线样式类" },
+      propType: "string",
+    },
+    {
+      name: "dashed",
+      title: { label: "是否虚线", tip: "是否虚线" },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "orientation",
+      title: { label: "标题位置", tip: "分割线标题的位置" },
+      propType: { type: "oneOf", value: ["left", "right", "center"] },
+    },
+    {
+      name: "orientationMargin",
+      title: {
+        label: "标题边距",
+        tip: "标题和最近 left/right 边框之间的距离，去除了分割线，同时 orientation 必须为 left 或 right",
       },
-      {
-        name: "plain",
-        title: {
-          label: "普通正文样式",
-          tip: "文字是否显示为普通正文样式",
-        },
-        propType: "bool",
-        defaultValue: false,
+      propType: { type: "oneOfType", value: ["string", "number"] },
+    },
+    {
+      name: "style",
+      title: { label: "分割线样式对象", tip: "分割线样式对象" },
+      propType: "object",
+    },
+    {
+      name: "type",
+      title: { label: "方向", tip: "水平还是垂直类型" },
+      propType: { type: "oneOf", value: ["horizontal", "vertical"] },
+    },
+    {
+      name: "plain",
+      title: {
+        label: "普通正文样式",
+        tip: "文字是否显示为普通正文样式",
       },
-    ],
+      propType: "bool",
+      defaultValue: false,
+    },
+  ],
+  configure: {
     component: {
       isContainer: true,
     },

package/lowcode/drawer/meta.ts

@@ -34,7 +34,7 @@ export default {
             title: { label: '标题', tip: 'title | 标题' },
             propType: { type: 'oneOfType', value: ['string', 'node'] },
             setter: [
-              'StringSetter',
+              'PisellI18nSetter',
               {
                 componentName: 'SlotSetter',
                 title: '标题插槽',