@pisell/materials 1.0.111 → 1.0.113

package/lib/index.d.ts

@@ -26,6 +26,7 @@ export { Progress } from "antd";
 export { Rate } from "antd";
 export { Result } from "antd";
 export { Row } from "antd";
+export { QRCode } from "antd";
 export { Space } from "antd";
 export { Spin } from "antd";
 export { Steps } from "antd";
@@ -65,4 +66,3 @@ export { default as Filter } from "./components/filter";
 export { default as Translation } from "./components/translation";
 export { default as SortableList } from "./components/sortableList";
 export { default as RecordView } from "./components/record-view";
-export { default as QRCode } from "./components/qrcode";

package/lib/index.js

@@ -67,7 +67,7 @@ __export(src_exports, {
   Popconfirm: () => import_antd23.Popconfirm,
   Popover: () => import_antd24.Popover,
   Progress: () => import_antd25.Progress,
-  QRCode: () => import_qrcode.default,
+  QRCode: () => import_antd29.QRCode,
   Radio: () => import_radio.default,
   Rate: () => import_antd26.Rate,
   RecordView: () => import_record_view.default,
@@ -77,26 +77,26 @@ __export(src_exports, {
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
   SortableList: () => import_sortableList.default,
-  Space: () => import_antd29.Space,
-  Spin: () => import_antd30.Spin,
+  Space: () => import_antd30.Space,
+  Spin: () => import_antd31.Spin,
   Statistic: () => import_antd20.Statistic,
-  Steps: () => import_antd31.Steps,
-  Switch: () => import_antd32.Switch,
+  Steps: () => import_antd32.Steps,
+  Switch: () => import_antd33.Switch,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
-  Tag: () => import_antd35.Tag,
+  Tag: () => import_antd36.Tag,
   TimePicker: () => import_time_picker.default,
-  Timeline: () => import_antd36.Timeline,
-  Tooltip: () => import_antd37.Tooltip,
-  Transfer: () => import_antd33.Transfer,
+  Timeline: () => import_antd37.Timeline,
+  Tooltip: () => import_antd38.Tooltip,
+  Transfer: () => import_antd34.Transfer,
   Translation: () => import_translation.default,
-  Tree: () => import_antd34.Tree,
+  Tree: () => import_antd35.Tree,
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
   message: () => import_antd18.message,
   notification: () => import_antd21.notification,
-  version: () => import_antd38.version
+  version: () => import_antd39.version
 });
 module.exports = __toCommonJS(src_exports);
 var import_antd = require("antd");
@@ -137,6 +137,7 @@ var import_antd35 = require("antd");
 var import_antd36 = require("antd");
 var import_antd37 = require("antd");
 var import_antd38 = require("antd");
+var import_antd39 = require("antd");
 var import_typography = __toESM(require("./components/typography"));
 var import_skeleton = __toESM(require("./components/skeleton"));
 var import_checkbox = __toESM(require("./components/checkbox"));
@@ -166,7 +167,6 @@ var import_filter = __toESM(require("./components/filter"));
 var import_translation = __toESM(require("./components/translation"));
 var import_sortableList = __toESM(require("./components/sortableList"));
 var import_record_view = __toESM(require("./components/record-view"));
-var import_qrcode = __toESM(require("./components/qrcode"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,

package/lowcode/classic-layout/meta.ts

@@ -0,0 +1,115 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "ClassicLayout",
+  title: "layout布局组件",
+  category: "布局",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "ClassicLayout",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: "className",
+      title: { label: "容器 className", tip: "容器 className" },
+      setter: "StringSetter",
+    },
+    {
+      name: "fixedHeader",
+      title: { label: "固定顶部", tip: "是否固定顶部｜fixedHeader" },
+      setter: "BoolSetter",
+    },
+    {
+      name: "fixedFooter",
+      title: { label: "固定底部", tip: "是否固定底部｜fixedFooter" },
+      setter: "BoolSetter",
+    },
+    {
+      name: "header",
+      title: {
+        label: "顶部渲染函数",
+        tip: "顶部渲染函数 ｜header",
+      },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+          title: "顶部渲染函数插槽",
+        },
+        {
+          componentName: "FunctionSetter",
+          props: {
+            template: "header(){\n// 自定义渲染顶部\nreturn `Header`;\n}",
+          },
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: "content",
+      title: {
+        label: "内容渲染函数",
+        tip: "内容渲染函数 ｜content",
+      },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+          title: "内容渲染插槽",
+        },
+        {
+          componentName: "FunctionSetter",
+          props: {
+            template: "content(){\n// 自定义渲染内容\nreturn `Content`;\n}",
+          },
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: "footer",
+      title: {
+        label: "底部渲染函数",
+        tip: "底部渲染函数 ｜footer",
+      },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+          title: "底部函数插槽",
+          initialValue: {
+            type: "JSSlot",
+            value: [],
+          },
+        },
+        {
+          componentName: "FunctionSetter",
+          props: {
+            template: "footer(){\n// 自定义渲染底部\nreturn `Footer`;\n}",
+          },
+        },
+        "VariableSetter",
+      ],
+    },
+  ],
+  configure: {
+    component: {
+      // isContainer: true,
+      // nestingRule: {
+      //   childWhitelist: [],
+      //   parentWhitelist: [],
+      // },
+    },
+    supports: {
+      style: true,
+    },
+  },
+};

package/lowcode/classic-layout/snippets.ts

@@ -0,0 +1,65 @@
+export default [
+  {
+    title: "layout布局组件",
+    schema: {
+      componentName: "ClassicLayout",
+      props: {
+        header: {
+          type: "JSSlot",
+          value: [
+            {
+              componentName: "Div",
+              props: {
+                style: {
+                  textAlign: 'center',
+                  color: '#fff',
+                  height: 64,
+                  paddingInline: 50,
+                  lineHeight: '64px',
+                  backgroundColor: '#7dbcea',
+                },
+                children: "Header",
+              },
+            },
+          ],
+        },
+        content: {
+          type: "JSSlot",
+          value: [
+            {
+              componentName: "Div",
+              props: {
+                style: {
+                  textAlign: 'center',
+                  minHeight: 120,
+                  lineHeight: '120px',
+                  color: '#fff',
+                  backgroundColor: '#108ee9',
+                },
+                children: "Content",
+              },
+            },
+          ],
+        },
+        footer: {
+          type: "JSSlot",
+          value: [
+            {
+              componentName: "Div",
+              props: {
+                style: {
+                  textAlign: 'center',
+                  color: '#fff',
+                  backgroundColor: '#7dbcea',
+                  height: 70,
+                  lineHeight: '70px',
+                },
+                children: "Footer",
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+];

package/lowcode/list/meta.ts

@@ -156,7 +156,8 @@ export default {
                 node.setPropValue('grid', false);
                 return
               }
-              target.node.setPropValue('grid.column',4)
+              target.node.setPropValue('grid.column',4);
+              target.node.setPropValue('grid.oneLine',false);
             },
           },
         },
@@ -171,14 +172,98 @@ export default {
           },
         },
         {
-          name: 'grid.gutter',
-          title: { label: '间隔', tip: 'grid.gutter | 栅格的间隔' },
+          name: 'h-gutter',
+          title: {
+            label: '水平间隔',
+            tip: '栅格水平间隔，单位为像素(px)',
+          },
           propType: 'number',
-          setter: 'NumberSetter',
+          setter: {
+            componentName: 'NumberSetter',
+            props: {
+              min: 0,
+            },
+          },
+          defaultValue: 0,
+          extraProps: {
+            getValue(target) {
+              const { node } = target;
+              const gutter = node.getPropValue('grid.gutter');
+              if (typeof gutter === 'number') {
+                return gutter;
+              } else if (Array.isArray(gutter)) {
+                return gutter[0];
+              }
+              return 0;
+            },
+            setValue(target, value) {
+              const { node } = target;
+              const gutter = node.getPropValue('grid.gutter');
+              if (Array.isArray(gutter)) {
+                gutter[0] = value;
+                node.setPropValue('grid.gutter', gutter);
+              } else {
+                node.setPropValue('grid.gutter', [value, 0]);
+              }
+            },
+          },
+        },
+        {
+          name: 'v-gutter',
+          title: {
+            label: '垂直间隔',
+            tip: '栅格垂直间隔，单位为像素(px)',
+          },
+          propType: 'number',
+          setter: {
+            componentName: 'NumberSetter',
+            props: {
+              min: 0,
+            },
+          },
+          defaultValue: 0,
+          extraProps: {
+            getValue(target) {
+              const { node } = target;
+              const gutter = node.getPropValue('grid.gutter');
+              if (typeof gutter === 'number') {
+                return 0;
+              } else if (Array.isArray(gutter)) {
+                return gutter[1];
+              }
+              return 0;
+            },
+            setValue(target, value) {
+              const { node } = target;
+              const gutter = node.getPropValue('grid.gutter');
+              if (Array.isArray(gutter)) {
+                gutter[1] = value;
+                node.setPropValue('grid.gutter', gutter);
+              } else {
+                node.setPropValue('grid.gutter', [gutter, value]);
+              }
+            },
+          },
+        },
+        // {
+        //   name: 'grid.gutter',
+        //   title: { label: '间隔', tip: 'grid.gutter | 栅格的间隔' },
+        //   propType: 'number',
+        //   setter: 'NumberSetter',
+        //   condition: {
+        //     type: 'JSFunction',
+        //     value: 'target => !!target.getProps().getPropValue("gridEnable")',
+        //   },
+        // },
+        {
+          name: 'grid.oneLine',
+          title: { label: '一行展示', tip: 'grid.oneLine | 一行展示' },
+          propType: 'boolean',
           condition: {
             type: 'JSFunction',
             value: 'target => !!target.getProps().getPropValue("gridEnable")',
           },
+          setter: 'BoolSetter',
         },
       ],
     },