@pisell/materials 1.0.69 → 1.0.72

package/lowcode/calendar/meta.ts

@@ -16,99 +16,99 @@ export default {
     destructuring: true,
     subName: "",
   },
+  props: [
+    {
+      name: "defaultValue",
+      title: { label: "默认值", tip: "默认展示的日期" },
+      propType: "date",
+      setter: "DateSetter",
+    },
+    // {
+    //   name: 'dateCellRender',
+    //   title: {
+    //     label: '自定义日期追加渲染',
+    //     tip: '自定义渲染日期单元格，返回内容会被追加到单元格',
+    //   },
+    //   propType: 'func',
+    // },
+    // {
+    //   name: 'dateFullCellRender',
+    //   title: {
+    //     label: '自定义渲染日期单元格，返回内容覆盖单元格',
+    //     tip: '自定义渲染日期单元格，返回内容覆盖单元格',
+    //   },
+    //   propType: 'func',
+    // },
+    {
+      name: "disabledDate",
+      title: { label: "不可选日期", tip: "不可选择的日期" },
+      propType: "func",
+    },
+    {
+      name: "fullscreen",
+      title: { label: "全屏显示", tip: "是否全屏显示" },
+      propType: "bool",
+      defaultValue: true,
+    },
+    // {
+    //   name: 'locale',
+    //   title: { label: '国际化配置', tip: '国际化配置' },
+    //   propType: 'object',
+    // },
+    {
+      name: "mode",
+      title: { label: "初始模式", tip: "初始模式" },
+      propType: { type: "oneOf", value: ["month", "year"] },
+      defaultValue: "month",
+    },
+    // {
+    //   name: 'monthCellRender',
+    //   title: {
+    //     label: '自定义渲染月单元格，返回内容会被追加到单元格',
+    //     tip: '自定义渲染月单元格，返回内容会被追加到单元格',
+    //   },
+    //   propType: 'func',
+    // },
+    // {
+    //   name: 'monthFullCellRender',
+    //   title: {
+    //     label: '自定义渲染月单元格，返回内容覆盖单元格',
+    //     tip: '自定义渲染月单元格，返回内容覆盖单元格',
+    //   },
+    //   propType: 'func',
+    // },
+    // {
+    //   name: 'validRange',
+    //   title: { label: '设置可以显示的日期', tip: '设置可以显示的日期' },
+    //   propType: { type: 'arrayOf', value: 'object' },
+    // },
+    // {
+    //   name: 'value',
+    //   title: { label: '当前值', tip: '展示日期' },
+    //   propType: 'object',
+    // },
+    {
+      name: "onPanelChange",
+      title: { label: "日期面板变化回调", tip: "日期面板变化回调" },
+      propType: "func",
+    },
+    {
+      name: "onSelect",
+      title: { label: "点击选择日期回调", tip: "点击选择日期回调" },
+      propType: "func",
+    },
+    {
+      name: "onChange",
+      title: { label: "日期变化回调", tip: "日期变化回调" },
+      propType: "func",
+    },
+    // {
+    //   name: 'headerRender',
+    //   title: { label: '自定义头部内容', tip: '自定义头部内容' },
+    //   propType: 'func',
+    // },
+  ],
   configure: {
-    props: [
-      {
-        name: "defaultValue",
-        title: { label: "默认值", tip: "默认展示的日期" },
-        propType: "date",
-        setter: "DateSetter",
-      },
-      // {
-      //   name: 'dateCellRender',
-      //   title: {
-      //     label: '自定义日期追加渲染',
-      //     tip: '自定义渲染日期单元格，返回内容会被追加到单元格',
-      //   },
-      //   propType: 'func',
-      // },
-      // {
-      //   name: 'dateFullCellRender',
-      //   title: {
-      //     label: '自定义渲染日期单元格，返回内容覆盖单元格',
-      //     tip: '自定义渲染日期单元格，返回内容覆盖单元格',
-      //   },
-      //   propType: 'func',
-      // },
-      {
-        name: "disabledDate",
-        title: { label: "不可选日期", tip: "不可选择的日期" },
-        propType: "func",
-      },
-      {
-        name: "fullscreen",
-        title: { label: "全屏显示", tip: "是否全屏显示" },
-        propType: "bool",
-        defaultValue: true,
-      },
-      // {
-      //   name: 'locale',
-      //   title: { label: '国际化配置', tip: '国际化配置' },
-      //   propType: 'object',
-      // },
-      {
-        name: "mode",
-        title: { label: "初始模式", tip: "初始模式" },
-        propType: { type: "oneOf", value: ["month", "year"] },
-        defaultValue: "month",
-      },
-      // {
-      //   name: 'monthCellRender',
-      //   title: {
-      //     label: '自定义渲染月单元格，返回内容会被追加到单元格',
-      //     tip: '自定义渲染月单元格，返回内容会被追加到单元格',
-      //   },
-      //   propType: 'func',
-      // },
-      // {
-      //   name: 'monthFullCellRender',
-      //   title: {
-      //     label: '自定义渲染月单元格，返回内容覆盖单元格',
-      //     tip: '自定义渲染月单元格，返回内容覆盖单元格',
-      //   },
-      //   propType: 'func',
-      // },
-      // {
-      //   name: 'validRange',
-      //   title: { label: '设置可以显示的日期', tip: '设置可以显示的日期' },
-      //   propType: { type: 'arrayOf', value: 'object' },
-      // },
-      // {
-      //   name: 'value',
-      //   title: { label: '当前值', tip: '展示日期' },
-      //   propType: 'object',
-      // },
-      {
-        name: "onPanelChange",
-        title: { label: "日期面板变化回调", tip: "日期面板变化回调" },
-        propType: "func",
-      },
-      {
-        name: "onSelect",
-        title: { label: "点击选择日期回调", tip: "点击选择日期回调" },
-        propType: "func",
-      },
-      {
-        name: "onChange",
-        title: { label: "日期变化回调", tip: "日期变化回调" },
-        propType: "func",
-      },
-      // {
-      //   name: 'headerRender',
-      //   title: { label: '自定义头部内容', tip: '自定义头部内容' },
-      //   propType: 'func',
-      // },
-    ],
     supports: {
       style: true,
       events: [

package/lowcode/card/meta.ts

@@ -17,72 +17,74 @@ export default {
     subName: "",
   },
   experimental: { hideSelectTools: true },
-  configure: {
-    props: [
-      {
-        name: "title",
-        title: { label: "卡片标题", tip: "卡片标题" },
-        propType: { type: "oneOfType", value: ["string", "node"] },
-      },
-      // {
-      //   name: 'actions',
-      //   title: { label: '卡片操作组', tip: '卡片操作组，位置在卡片底部' },
-      //   propType: { type: 'arrayOf', value: 'node' },
-      // },
-      // {
-      //   name: 'headStyle',
-      //   title: { label: '标题区域样式', tip: '自定义标题区域样式' },
-      //   propType: 'object',
-      // },
-      // {
-      //   name: 'bodyStyle',
-      //   title: { label: '内容区域样式', tip: '内容区域自定义样式' },
-      //   propType: 'object',
-      // },
-      {
-        name: "bordered",
-        title: { label: "显示边框", tip: "是否有边框" },
-        propType: "bool",
-        defaultValue: true,
-      },
-      {
-        name: "cover",
-        title: { label: "卡片封面", tip: "卡片封面" },
-        propType: "node",
-      },
-      {
-        name: "extra",
-        title: { label: "额外元素", tip: "卡片右上角的操作区域" },
-        propType: { type: "oneOfType", value: ["string", "node"] },
-      },
-      {
-        name: "hoverable",
-        title: { label: "可浮起", tip: "鼠标移过时可浮起" },
-        propType: "bool",
-        defaultValue: false,
-      },
-      {
-        name: "loading",
-        title: {
-          label: "loading",
-          tip: "当卡片内容还在加载中时，可以用 loading 展示一个占位",
-        },
-        propType: "bool",
-        defaultValue: false,
-      },
-      {
-        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",
+  props: [
+    {
+      name: "title",
+      title: { label: "卡片标题", tip: "卡片标题" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ['PisellI18nSetter', 'SlotSetter']
+    },
+    // {
+    //   name: 'actions',
+    //   title: { label: '卡片操作组', tip: '卡片操作组，位置在卡片底部' },
+    //   propType: { type: 'arrayOf', value: 'node' },
+    // },
+    // {
+    //   name: 'headStyle',
+    //   title: { label: '标题区域样式', tip: '自定义标题区域样式' },
+    //   propType: 'object',
+    // },
+    // {
+    //   name: 'bodyStyle',
+    //   title: { label: '内容区域样式', tip: '内容区域自定义样式' },
+    //   propType: 'object',
+    // },
+    {
+      name: "bordered",
+      title: { label: "显示边框", tip: "是否有边框" },
+      propType: "bool",
+      defaultValue: true,
+    },
+    {
+      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: {
+        label: "loading",
+        tip: "当卡片内容还在加载中时，可以用 loading 展示一个占位",
       },
-    ],
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      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 },
     supports: {
       style: true,

package/lowcode/carousel/meta.ts

@@ -18,128 +18,128 @@ export default {
     destructuring: true,
     subName: "",
   },
-  configure: {
-    props: [
-      {
-        name: "afterChange",
-        title: { label: "切换面板的回调", tip: "切换面板的回调" },
-        propType: "func",
-      },
-      {
-        name: "autoplay",
-        title: { label: "是否自动切换", tip: "是否自动切换" },
-        propType: "bool",
-        defaultValue: false,
-      },
-      {
-        name: "beforeChange",
-        title: { label: "切换面板的回调", tip: "切换面板的回调" },
-        propType: "func",
-      },
-      {
-        name: "dotPosition",
-        title: {
-          label: "指示点位置",
-          tip: "面板指示点位置，可选 `top` `bottom` `left` `right`",
-        },
-        propType: {
-          type: "oneOf",
-          value: ["top", "bottom", "left", "right"],
-        },
-      },
-      {
-        name: "dots",
-        title: {
-          label: "显示指示点",
-          tip: "是否显示面板指示点",
-        },
-        propType: { type: "oneOfType", value: ["bool", "object"] },
+  props: [
+    {
+      name: "afterChange",
+      title: { label: "切换面板的回调", tip: "切换面板的回调" },
+      propType: "func",
+    },
+    {
+      name: "autoplay",
+      title: { label: "是否自动切换", tip: "是否自动切换" },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "beforeChange",
+      title: { label: "切换面板的回调", tip: "切换面板的回调" },
+      propType: "func",
+    },
+    {
+      name: "dotPosition",
+      title: {
+        label: "指示点位置",
+        tip: "面板指示点位置，可选 `top` `bottom` `left` `right`",
       },
-      {
-        name: "easing",
-        title: { label: "动画效果", tip: "动画效果" },
-        propType: "string",
+      propType: {
+        type: "oneOf",
+        value: ["top", "bottom", "left", "right"],
       },
-      {
-        name: "effect",
-        title: { label: "动画效果函数", tip: "动画效果函数" },
-        propType: { type: "oneOf", value: ["scrollx", "fade"] },
+    },
+    {
+      name: "dots",
+      title: {
+        label: "显示指示点",
+        tip: "是否显示面板指示点",
       },
-      {
-        name: "items",
-        title: "折叠项",
-        setter: {
-          componentName: "ArraySetter",
-          props: {
-            itemSetter: {
-              componentName: "ObjectSetter",
-              initialValue: () => {
-                return {
-                  key: uuid(),
-                };
-              },
+      propType: { type: "oneOfType", value: ["bool", "object"] },
+    },
+    {
+      name: "easing",
+      title: { label: "动画效果", tip: "动画效果" },
+      propType: "string",
+    },
+    {
+      name: "effect",
+      title: { label: "动画效果函数", tip: "动画效果函数" },
+      propType: { type: "oneOf", value: ["scrollx", "fade"] },
+    },
+    {
+      name: "items",
+      title: "折叠项",
+      setter: {
+        componentName: "ArraySetter",
+        props: {
+          itemSetter: {
+            componentName: "ObjectSetter",
+            initialValue: () => {
+              return {
+                key: uuid(),
+              };
             },
           },
         },
-        extraProps: {
-          getValue(target, fieldValue) {
-            console.log("getValue", target.node.children.length);
-            const map = target.node.children.map((child) => {
-              const key = child.getPropValue("key")
-                ? String(child.getPropValue("key"))
-                : child.id;
-              return { key };
-            });
-            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;
-            });
+      },
+      extraProps: {
+        getValue(target, fieldValue) {
+          console.log("getValue", target.node.children.length);
+          const map = target.node.children.map((child) => {
+            const key = child.getPropValue("key")
+              ? String(child.getPropValue("key"))
+              : child.id;
+            return { key };
+          });
+          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"));
+          node.children.mergeChildren(
+            (child) => {
+              const key = String(child.getPropValue("key"));
+              if (Object.hasOwnProperty.call(map, key)) {
+                delete map[key];
+                return false;
+              }
+              return true;
+            },
+            () => {
+              const items = [];
+              for (const key in map) {
                 if (Object.hasOwnProperty.call(map, key)) {
-                  delete map[key];
-                  return false;
+                  items.push({
+                    componentName: "Card",
+                    props: map[key],
+                  });
                 }
-                return true;
-              },
-              () => {
-                const items = [];
-                for (const key in map) {
-                  if (Object.hasOwnProperty.call(map, key)) {
-                    items.push({
-                      componentName: "Card",
-                      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;
               }
-            );
-          },
+              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;
+            }
+          );
         },
       },
-    ],
+    },
+  ],
+  configure: {
     supports: { style: true },
     component: {
       isContainer: true,