@pisell/materials 1.0.134 → 1.0.136

package/lowcode/alert/meta.ts

@@ -93,6 +93,11 @@ const AlertMeta: ComponentMetadata = {
           template:
             "onChange(event,${extParams}){\n// 关闭时触发的回调函数\nconsole.log('onChange');}",
         },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
       ],
     },
     component: {},

package/lowcode/avatar/meta.ts

@@ -77,6 +77,11 @@ export default {
           template:
             "onError(${extParams}){\n// 图片加载失败的事件\nconsole.log('onError');}",
         },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
       ],
     },
   },

package/lowcode/classic-layout/meta.ts

@@ -110,6 +110,13 @@ export default {
     },
     supports: {
       style: true,
+      events: [
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
     },
   },
 };

package/lowcode/div/meta.ts

@@ -24,6 +24,13 @@ const DivMeta: ComponentMetadata = {
   configure: {
     supports: {
       style: true,
+      events: [
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
     },
     component: {
       isContainer: true,

package/lowcode/grid.col/meta.ts

@@ -1,4 +1,4 @@
-import snippets from './snippets';
+import snippets from "./snippets";
 
 function clamp(value, min, max) {
   return Math.max(min, Math.min(max, value));
@@ -6,8 +6,8 @@ function clamp(value, min, max) {
 
 export default {
   snippets,
-  componentName: 'Col',
-  title: '栅格-列',
+  componentName: "Col",
+  title: "栅格-列",
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -21,11 +21,11 @@ export default {
   },
   props: [
     {
-      name: 'span',
-      title: { label: '占位格数', tip: '栅格占位格数' },
-      propType: 'number',
+      name: "span",
+      title: { label: "占位格数", tip: "栅格占位格数" },
+      propType: "number",
       setter: {
-        componentName: 'NumberSetter',
+        componentName: "NumberSetter",
         props: {
           min: 0,
           max: 24,
@@ -33,16 +33,16 @@ export default {
       },
     },
     {
-      name: 'order',
-      title: { label: '栅格顺序', tip: '栅格顺序' },
-      propType: 'number',
+      name: "order",
+      title: { label: "栅格顺序", tip: "栅格顺序" },
+      propType: "number",
     },
     {
-      name: 'pull',
-      title: { label: '右侧偏移', tip: '栅格往右移动格数' },
-      propType: 'number',
+      name: "pull",
+      title: { label: "右侧偏移", tip: "栅格往右移动格数" },
+      propType: "number",
       setter: {
-        componentName: 'NumberSetter',
+        componentName: "NumberSetter",
         props: {
           min: 0,
           max: 24,
@@ -50,11 +50,11 @@ export default {
       },
     },
     {
-      name: 'push',
-      title: { label: '左侧偏移', tip: '栅格往左移动格数' },
-      propType: 'number',
+      name: "push",
+      title: { label: "左侧偏移", tip: "栅格往左移动格数" },
+      propType: "number",
       setter: {
-        componentName: 'NumberSetter',
+        componentName: "NumberSetter",
         props: {
           min: 0,
           max: 24,
@@ -62,20 +62,29 @@ export default {
       },
     },
     {
-      name: 'flex',
-      title: { label: 'flex 布局属性', tip: 'flex 布局属性' },
-      propType: 'string',
+      name: "flex",
+      title: { label: "flex 布局属性", tip: "flex 布局属性" },
+      propType: "string",
       setter: {
-        componentName: 'StringSetter',
+        componentName: "StringSetter",
       },
-    }
+    },
   ],
   configure: {
-    component: { isContainer: true, nestingRule: { parentWhitelist: ['Row'] } },
-    supports: { style: true },
+    component: { isContainer: true, nestingRule: { parentWhitelist: ["Row"] } },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
     advanced: {
       getResizingHandlers: () => {
-        return ['e'];
+        return ["e"];
       },
       callbacks: {
         onResizeStart: (e, currentNode) => {
@@ -86,7 +95,7 @@ export default {
               currentNode.parentRect = parentNode.getBoundingClientRect();
             }
           }
-          currentNode.beforeSpan = currentNode.getPropValue('span') || 24;
+          currentNode.beforeSpan = currentNode.getPropValue("span") || 24;
           currentNode.startRect = currentNode.getRect();
         },
         onResize: (e, currentNode) => {
@@ -100,23 +109,29 @@ export default {
           }
           width = clamp(width, 0, currentNode.parentRect.width);
           const allowMoveX = Math.round(width - startWidth); // 实际被允许的x轴移动
-          currentNode.moveColumn = Math.round(allowMoveX / (currentNode.parentRect.width / 24)); // 计算移动距离所占的列
+          currentNode.moveColumn = Math.round(
+            allowMoveX / (currentNode.parentRect.width / 24)
+          ); // 计算移动距离所占的列
           if (allowMoveX > 0) {
             currentNode.moveColumn++;
           } else {
             currentNode.moveColumn--;
           }
-          currentNode.targetColumn = clamp(currentNode.beforeSpan + currentNode.moveColumn, 1, 24);
+          currentNode.targetColumn = clamp(
+            currentNode.beforeSpan + currentNode.moveColumn,
+            1,
+            24
+          );
           // currentNode.setPropValue('span', currentNode.targetColumn);
           const dom = currentNode.getDOMNode();
           dom.style.width = `${Math.round(width)}px`;
-          dom.style.flex = 'none';
-          dom.style.maxWidth = '100%';
+          dom.style.flex = "none";
+          dom.style.maxWidth = "100%";
         },
         onResizeEnd: (e, currentNode) => {
-          currentNode.getDOMNode().style.cssText = '';
+          currentNode.getDOMNode().style.cssText = "";
           currentNode.targetColumn = clamp(currentNode.targetColumn, 1, 24);
-          currentNode.setPropValue('span', currentNode.targetColumn);
+          currentNode.setPropValue("span", currentNode.targetColumn);
         },
       },
     },

package/lowcode/image/meta.ts

@@ -1,10 +1,10 @@
-import snippets from './snippets';
+import snippets from "./snippets";
 
 export default {
   snippets,
-  componentName: 'Image',
-  title: '图片',
-  category: '数据展示',
+  componentName: "Image",
+  title: "图片",
+  category: "数据展示",
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -18,37 +18,48 @@ export default {
   },
   props: [
     {
-      name: 'src',
-      title: { label: '图片地址', tip: '图片地址' },
-      propType: { type: 'string', isRequired: true },
+      name: "src",
+      title: { label: "图片地址", tip: "图片地址" },
+      propType: { type: "string", isRequired: true },
     },
     {
-      name: 'alt',
-      title: { label: '替换文本', tip: '替换文本' },
-      propType: 'string',
-      setter: 'PisellI18nSetter',
+      name: "alt",
+      title: { label: "替换文本", tip: "替换文本" },
+      propType: "string",
+      setter: "PisellI18nSetter",
     },
     {
-      name: 'preview',
-      title: { label: '支持预览', tip: '支持预览' },
+      name: "preview",
+      title: { label: "支持预览", tip: "支持预览" },
       defaultValue: true,
-      propType: 'bool',
+      propType: "bool",
     },
     {
-      name: 'fallback',
-      title: { label: '失败地址', tip: '加载失败容错地址' },
-      propType: 'string',
+      name: "fallback",
+      title: { label: "失败地址", tip: "加载失败容错地址" },
+      propType: "string",
     },
     {
-      name: 'width',
-      title: { label: '宽度', tip: '宽度' },
-      propType: 'number',
+      name: "width",
+      title: { label: "宽度", tip: "宽度" },
+      propType: "number",
     },
     {
-      name: 'height',
-      title: { label: '高度', tip: '高度' },
-      propType: 'number',
+      name: "height",
+      title: { label: "高度", tip: "高度" },
+      propType: "number",
     },
   ],
-  configure: { supports: { style: true } },
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
+  },
 };

package/lowcode/list.item/meta.ts

@@ -49,7 +49,14 @@ export default {
   ],
   configure: {
     supports: {
-      style: true
+      style: true,
+      events: [
+        {
+          name: "onClick",
+          template:
+            "onListItemClick(event,${extParams}){\n// 点击列表项时的回调\nconsole.log('onListItemClick', event);}",
+        },
+      ],
     },
     component: {
       isContainer: true,

package/lowcode/qrcode/meta.ts

@@ -139,6 +139,11 @@ export default {
           name: 'onRefresh',
           template: "onRefresh(event,${extParams}){\n// 刷新\nconsole.log('onClose',event);}",
         },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
       ],
     },
   },

package/lowcode/tag/meta.ts

@@ -64,6 +64,11 @@ export default {
           name: 'onClose',
           template: "onClose(event,${extParams}){\n// 关闭时的回调\nconsole.log('onClose',event);}",
         },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
       ],
     },
   },

package/lowcode/typography.paragraph/meta.ts

@@ -192,5 +192,17 @@ export default {
       },
     },
   ],
-  configure: { supports: { style: true, events: ["onChange"] } },
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        "onChange",
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
+  },
 };

package/lowcode/typography.text/meta.ts

@@ -164,6 +164,11 @@ export default {
     supports: {
       style: true,
       events: [
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
         {
           name: 'copyable.onCopy',
           template: "onCopy(${extParams}){\n// 拷贝成功的回调函数\nconsole.log('onCopy');}",

package/lowcode/typography.title/meta.ts

@@ -1,10 +1,10 @@
-import snippets from './snippets';
+import snippets from "./snippets";
 
 export default {
   snippets,
-  componentName: 'Typography.Title',
-  title: '标题',
-  category: '基础',
+  componentName: "Typography.Title",
+  title: "标题",
+  category: "基础",
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -18,48 +18,48 @@ export default {
   },
   props: [
     {
-      name: 'children',
-      title: { label: '内容', tip: '内容' },
+      name: "children",
+      title: { label: "内容", tip: "内容" },
       setter: {
-        componentName: 'PisellI18nSetter',
+        componentName: "PisellI18nSetter",
       },
-      defaultValue: '',
+      defaultValue: "",
       supportVariable: true,
     },
     {
-      name: 'level',
-      title: { label: '重要程度', tip: '重要程度(1-5)' },
-      propType: 'number',
+      name: "level",
+      title: { label: "重要程度", tip: "重要程度(1-5)" },
+      propType: "number",
       defaultValue: 1,
     },
     {
-      name: 'code',
-      title: { label: '添加代码样式', tip: '添加代码样式' },
-      propType: 'bool',
+      name: "code",
+      title: { label: "添加代码样式", tip: "添加代码样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'copyable',
-      title: { label: '是否可拷贝', tip: '是否可拷贝' },
-      propType: 'bool',
+      name: "copyable",
+      title: { label: "是否可拷贝", tip: "是否可拷贝" },
+      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,
     },
     {
@@ -134,61 +134,72 @@ export default {
       },
     },
     {
-      name: 'mark',
-      title: { label: '添加标记样式', tip: '添加标记样式' },
-      propType: 'bool',
+      name: "mark",
+      title: { label: "添加标记样式", tip: "添加标记样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'keyboard',
-      title: { label: '添加键盘样式', tip: '添加键盘样式' },
-      propType: 'bool',
+      name: "keyboard",
+      title: { label: "添加键盘样式", tip: "添加键盘样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'underline',
-      title: { label: '添加下划线样式', tip: '添加下划线样式' },
-      propType: 'bool',
+      name: "underline",
+      title: { label: "添加下划线样式", tip: "添加下划线样式" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'strong',
-      title: { label: '是否加粗', tip: '是否加粗' },
-      propType: 'bool',
+      name: "strong",
+      title: { label: "是否加粗", tip: "是否加粗" },
+      propType: "bool",
       defaultValue: false,
     },
     {
-      name: 'type',
-      title: { label: '文本类型', tip: '文本类型' },
-      propType: { type: 'oneOf', value: ['secondary', 'warning', 'danger'] },
+      name: "type",
+      title: { label: "文本类型", tip: "文本类型" },
+      propType: { type: "oneOf", value: ["secondary", "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 } },
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
+  },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.134",
+  "version": "1.0.136",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -55,8 +55,8 @@
     "@dnd-kit/utilities": "^3.2.1",
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
-    "@pisell/icon": "0.0.8",
     "@pisell/utils": "1.0.18",
+    "@pisell/icon": "0.0.8",
     "@pisell/date-picker": "1.0.51"
   },
   "peerDependencies": {