@pisell/materials 1.0.88 → 1.0.90

package/lowcode/typography.paragraph/meta.ts

@@ -1,10 +1,10 @@
-import snippets from './snippets';
+import snippets from "./snippets";
 
 export default {
   snippets,
-  componentName: 'Typography.Paragraph',
-  title: '段落',
-  category: '基础',
+  componentName: "Typography.Paragraph",
+  title: "段落",
+  category: "基础",
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -18,114 +18,179 @@ export default {
   },
   props: [
     {
-      name: 'children',
-      title: { label: '内容', tip: '内容' },
+      name: "children",
+      title: { label: "内容", tip: "内容" },
       setter: {
-        componentName: 'PisellI18nSetter',
+        componentName: "PisellI18nSetter",
       },
-      defaultValue: '',
+      defaultValue: "",
       supportVariable: true,
     },
     {
-      name: 'code',
-      title: { label: '添加代码样式', tip: '添加代码样式' },
-      propType: 'bool',
+      name: "code",
+      title: { label: "添加代码样式", tip: "添加代码样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'copyable',
+      name: "copyable",
       title: {
-        label: '是否可拷贝',
-        tip: '是否可拷贝，为对象时可进行各种自定义',
+        label: "是否可拷贝",
+        tip: "是否可拷贝，为对象时可进行各种自定义",
       },
-      propType: 'bool',
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'delete',
-      title: { label: '添加删除线样式', tip: '添加删除线样式' },
-      propType: 'bool',
+      name: "delete",
+      title: { label: "添加删除线样式", tip: "添加删除线样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'disabled',
-      title: { label: '是否禁用', tip: '是否为禁用状态' },
-      propType: 'bool',
+      name: "disabled",
+      title: { label: "是否禁用", tip: "是否为禁用状态" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'editable',
-      title: { label: '是否可编辑', tip: '是否可编辑' },
-      propType: 'bool',
+      name: "editable",
+      title: { label: "是否可编辑", tip: "是否可编辑" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'ellipsis',
-      title: { label: '自动溢出省略', tip: '自动溢出省略' },
-      propType: 'bool',
+      name: "pcIsEllipsis",
+      title: { label: "PC自动溢出省略", tip: "PC自动溢出省略" },
+      propType: "bool",
       defaultValue: false,
+      extraProps: {
+        setValue: (target, value) => {
+          if (value) {
+            target.parent.setPropValue("ellipsis.rows", 1);
+            return;
+          }
+          if (
+            !target.parent.getPropValue("padIsEllipsis") &&
+            !target.parent.getPropValue("mobileIsEllipsis")
+          ) {
+            target.parent.setPropValue("ellipsis.rows", 0);
+          }
+        },
+      },
+    },
+    {
+      name: "padIsEllipsis",
+      title: { label: "Pad自动溢出省略", tip: "Pad自动溢出省略" },
+      propType: "bool",
+      defaultValue: false,
+      extraProps: {
+        setValue: (target, value) => {
+          if (value) {
+            target.parent.setPropValue("ellipsis.rows", 1);
+            return;
+          }
+          if (
+            !target.parent.getPropValue("pcIsEllipsis") &&
+            !target.parent.getPropValue("mobileIsEllipsis")
+          ) {
+            target.parent.setPropValue("ellipsis.rows", 0);
+          }
+        },
+      },
+    },
+    {
+      name: "mobileIsEllipsis",
+      title: { label: "Mobile自动溢出省略", tip: "Mobile自动溢出省略" },
+      propType: "bool",
+      defaultValue: false,
+      extraProps: {
+        setValue: (target, value) => {
+          if (value) {
+            target.parent.setPropValue("ellipsis.rows", 1);
+            return;
+          }
+          if (
+            !target.parent.getPropValue("pcIsEllipsis") &&
+            !target.parent.getPropValue("padIsEllipsis")
+          ) {
+            target.parent.setPropValue("ellipsis.rows", 0);
+          }
+        },
+      },
+    },
+    {
+      name: "ellipsis.rows",
+      title: { label: "最大行数", tip: "ellipsis.rows | 最大行数" },
+      propType: "number",
+      setter: "NumberSetter",
+      condition: {
+        type: "JSFunction",
+        value:
+          'target => !!target.getProps().getPropValue("pcIsEllipsis") || !!target.getProps().getPropValue("padIsEllipsis") || !!target.getProps().getPropValue("mobileIsEllipsis")',
+      },
     },
     {
-      name: 'mark',
-      title: { label: '添加标记样式', tip: '添加标记样式' },
-      propType: 'bool',
+      name: "mark",
+      title: { label: "添加标记样式", tip: "添加标记样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'underline',
-      title: { label: '添加下划线样式', tip: '添加下划线样式' },
-      propType: 'bool',
+      name: "underline",
+      title: { label: "添加下划线样式", tip: "添加下划线样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'onChange',
+      name: "onChange",
       title: {
-        label: '当用户提交编辑内容时触发',
-        tip: '当用户提交编辑内容时触发',
+        label: "当用户提交编辑内容时触发",
+        tip: "当用户提交编辑内容时触发",
       },
-      propType: 'func',
+      propType: "func",
     },
     {
-      name: 'strong',
-      title: { label: '是否加粗', tip: '是否加粗' },
-      propType: 'bool',
+      name: "strong",
+      title: { label: "是否加粗", tip: "是否加粗" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'type',
-      title: { label: '文本类型', tip: '文本类型' },
+      name: "type",
+      title: { label: "文本类型", tip: "文本类型" },
       propType: {
-        type: 'oneOf',
-        value: ['default', 'secondary', 'success', 'warning', 'danger'],
+        type: "oneOf",
+        value: ["default", "secondary", "success", "warning", "danger"],
       },
       setter: {
-        componentName: 'SelectSetter',
+        componentName: "SelectSetter",
         props: {
           options: [
             {
-              title: '默认',
-              value: 'default',
+              title: "默认",
+              value: "default",
             },
             {
-              title: '弱提示',
-              value: 'secondary',
+              title: "弱提示",
+              value: "secondary",
             },
             {
-              title: '成功',
-              value: 'success',
+              title: "成功",
+              value: "success",
             },
             {
-              title: '警告',
-              value: 'warning',
+              title: "警告",
+              value: "warning",
             },
             {
-              title: '错误',
-              value: 'danger',
+              title: "错误",
+              value: "danger",
             },
           ],
         },
       },
     },
   ],
-  configure: { supports: { style: true, events: ['onChange'] } },
+  configure: { supports: { style: true, events: ["onChange"] } },
 };

package/lowcode/typography.title/meta.ts

@@ -63,13 +63,75 @@ export default {
       defaultValue: false,
     },
     {
-      name: 'ellipsis',
-      title: {
-        label: '自动溢出省略',
-        tip: '设置自动溢出省略，需要设置元素宽度',
+      name: "pcIsEllipsis",
+      title: { label: "PC自动溢出省略", tip: "PC自动溢出省略" },
+      propType: "bool",
+      defaultValue: false,
+      extraProps: {
+        setValue: (target, value) => {
+          if (value) {
+            target.parent.setPropValue("ellipsis.rows", 1);
+            return;
+          }
+          if (
+            !target.parent.getPropValue("padIsEllipsis") &&
+            !target.parent.getPropValue("mobileIsEllipsis")
+          ) {
+            target.parent.setPropValue("ellipsis.rows", 0);
+          }
+        },
       },
-      propType: 'bool',
+    },
+    {
+      name: "padIsEllipsis",
+      title: { label: "Pad自动溢出省略", tip: "Pad自动溢出省略" },
+      propType: "bool",
       defaultValue: false,
+      extraProps: {
+        setValue: (target, value) => {
+          if (value) {
+            target.parent.setPropValue("ellipsis.rows", 1);
+            return;
+          }
+          if (
+            !target.parent.getPropValue("pcIsEllipsis") &&
+            !target.parent.getPropValue("mobileIsEllipsis")
+          ) {
+            target.parent.setPropValue("ellipsis.rows", 0);
+          }
+        },
+      },
+    },
+    {
+      name: "mobileIsEllipsis",
+      title: { label: "Mobile自动溢出省略", tip: "Mobile自动溢出省略" },
+      propType: "bool",
+      defaultValue: false,
+      extraProps: {
+        setValue: (target, value) => {
+          if (value) {
+            target.parent.setPropValue("ellipsis.rows", 1);
+            return;
+          }
+          if (
+            !target.parent.getPropValue("pcIsEllipsis") &&
+            !target.parent.getPropValue("padIsEllipsis")
+          ) {
+            target.parent.setPropValue("ellipsis.rows", 0);
+          }
+        },
+      },
+    },
+    {
+      name: "ellipsis.rows",
+      title: { label: "最大行数", tip: "ellipsis.rows | 最大行数" },
+      propType: "number",
+      setter: "NumberSetter",
+      condition: {
+        type: "JSFunction",
+        value:
+          'target => !!target.getProps().getPropValue("pcIsEllipsis") || !!target.getProps().getPropValue("padIsEllipsis") || !!target.getProps().getPropValue("mobileIsEllipsis")',
+      },
     },
     {
       name: 'mark',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.88",
+  "version": "1.0.90",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -54,6 +54,7 @@
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
     "ahooks": "^3.7.6",
+    "react-infinite-scroll-component": "^6.1.0",
     "@pisell/utils": "1.0.4",
     "@pisell/icon": "0.0.8",
     "@pisell/date-picker": "1.0.31"