@pisell/materials 1.0.1 → 1.0.3

package/lowcode/typography.text/meta.ts

@@ -0,0 +1,200 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'Typography.Text',
+  title: '文本',
+  category: '基础',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "Typography",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "Text",
+  },
+  props: [
+    {
+      name: 'children',
+      title: { label: '内容', tip: '内容' },
+      propType: 'string',
+      defaultValue: '',
+      supportVariable: true,
+    },
+    {
+      name: 'code',
+      title: { label: '添加代码样式', tip: '添加代码样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'delete',
+      title: { label: '添加删除线样式', tip: '添加删除线样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+
+    {
+      name: 'mark',
+      title: { label: '添加标记样式', tip: '添加标记样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'keyboard',
+      title: { label: '添加键盘样式', tip: '添加键盘样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'underline',
+      title: { label: '添加下划线样式', tip: '添加下划线样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'strong',
+      title: { label: '是否加粗', tip: '是否加粗' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'type',
+      title: { label: '文本类型', tip: '文本类型' },
+      propType: { type: 'oneOf', value: ['secondary', 'warning', 'danger'] },
+      setter: {
+        componentName: 'SelectSetter',
+        props: {
+          options: [
+            {
+              title: '默认',
+              value: 'default',
+            },
+            {
+              title: '弱提示',
+              value: 'secondary',
+            },
+            {
+              title: '成功',
+              value: 'success',
+            },
+            {
+              title: '警告',
+              value: 'warning',
+            },
+            {
+              title: '错误',
+              value: 'danger',
+            },
+          ],
+        },
+      },
+    },
+    {
+      title: '高级',
+      type: 'group',
+      display: 'accordion',
+      items: [
+        {
+          name: 'copyable',
+          title: { label: '是否可拷贝', tip: '是否可拷贝' },
+          propType: { type: 'oneOfType', value: ['bool', 'object'] },
+          setter: [
+            {
+              componentName: 'BoolSetter',
+              isRequired: false,
+              initialValue: false,
+            },
+            {
+              componentName: 'JsonSetter',
+              isRequired: false,
+            },
+          ],
+        },
+        {
+          name: 'editable',
+          title: { label: '是否可编辑', tip: '是否可编辑' },
+          propType: { type: 'oneOfType', value: ['bool', 'object'] },
+          setter: [
+            {
+              componentName: 'BoolSetter',
+              isRequired: false,
+              initialValue: false,
+            },
+            {
+              componentName: 'JsonSetter',
+              isRequired: false,
+            },
+          ],
+        },
+        {
+          name: 'ellipsis',
+          title: {
+            label: '自动溢出省略',
+            tip: '设置自动溢出省略，需要设置元素宽度',
+          },
+          propType: { type: 'oneOfType', value: ['bool', 'object'] },
+          setter: [
+            {
+              componentName: 'BoolSetter',
+              isRequired: false,
+              initialValue: false,
+            },
+            {
+              componentName: 'JsonSetter',
+              isRequired: false,
+            },
+          ],
+        },
+      ],
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'copyable.onCopy',
+          template: "onCopy(${extParams}){\n// 拷贝成功的回调函数\nconsole.log('onCopy');}",
+        },
+        {
+          name: 'editable.onStart',
+          template: "onStart(${extParams}){\n// 进入编辑中状态时触发\nconsole.log('onStart');}",
+        },
+        {
+          name: 'editable.onChange',
+          template:
+            "onChange(event,${extParams}){\n// 文本域编辑时触发\nconsole.log('onChange', event);}",
+        },
+        {
+          name: 'editable.onEnd',
+          template: "onEnd(${extParams}){\n// 按 ENTER 结束编辑状态时触发\nconsole.log('onEnd');}",
+        },
+        {
+          name: 'editable.onCancel',
+          template:
+            "onCancel(${extParams}){\n// 按 ESC 退出编辑状态时触发\nconsole.log('onCancel');}",
+        },
+        {
+          name: 'ellipsis.onEllipsis',
+          template:
+            "onEllipsis(ellipsis,${extParams}){\n// 触发省略时的回调\nconsole.log('onEllipsis', ellipsis);}",
+        },
+        {
+          name: 'ellipsis.onExpand',
+          template:
+            "onExpand(event,${extParams}){\n// 点击展开时的回调\nconsole.log('onExpand', event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/typography.text/snippets.ts

@@ -0,0 +1,34 @@
+export default [
+  {
+    title: '文本',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-text-1.png',
+    schema: {
+      componentName: 'Typography.Text',
+      props: {
+        children: 'text',
+      },
+    },
+  },
+  {
+    title: '可复制文本',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-text-2.png',
+    schema: {
+      componentName: 'Typography.Text',
+      props: {
+        copyable: true,
+        children: 'text',
+      },
+    },
+  },
+  {
+    title: '可编辑文本',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-text-3.png',
+    schema: {
+      componentName: 'Typography.Text',
+      props: {
+        editable: true,
+        children: 'text',
+      },
+    },
+  },
+];

package/lowcode/typography.title/meta.ts

@@ -0,0 +1,130 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'Typography.Title',
+  title: '标题',
+  category: '基础',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "Typography",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "Title",
+  },
+  props: [
+    {
+      name: 'children',
+      title: { label: '内容', tip: '内容' },
+      propType: 'string',
+      defaultValue: '',
+      supportVariable: true,
+    },
+    {
+      name: 'level',
+      title: { label: '重要程度', tip: '重要程度(1-5)' },
+      propType: 'number',
+      defaultValue: 1,
+    },
+    {
+      name: 'code',
+      title: { label: '添加代码样式', tip: '添加代码样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'copyable',
+      title: { label: '是否可拷贝', tip: '是否可拷贝' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'delete',
+      title: { label: '添加删除线样式', tip: '添加删除线样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'editable',
+      title: { label: '是否可编辑', tip: '是否可编辑' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'ellipsis',
+      title: {
+        label: '自动溢出省略',
+        tip: '设置自动溢出省略，需要设置元素宽度',
+      },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'mark',
+      title: { label: '添加标记样式', tip: '添加标记样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'keyboard',
+      title: { label: '添加键盘样式', tip: '添加键盘样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'underline',
+      title: { label: '添加下划线样式', tip: '添加下划线样式' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'strong',
+      title: { label: '是否加粗', tip: '是否加粗' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'type',
+      title: { label: '文本类型', tip: '文本类型' },
+      propType: { type: 'oneOf', value: ['secondary', 'warning', 'danger'] },
+      setter: {
+        componentName: 'SelectSetter',
+        props: {
+          options: [
+            {
+              title: '默认',
+              value: 'default',
+            },
+            {
+              title: '弱提示',
+              value: 'secondary',
+            },
+            {
+              title: '成功',
+              value: 'success',
+            },
+            {
+              title: '警告',
+              value: 'warning',
+            },
+            {
+              title: '错误',
+              value: 'danger',
+            },
+          ],
+        },
+      },
+    },
+  ],
+  configure: { supports: { style: true } },
+};

package/lowcode/typography.title/snippets.ts

@@ -0,0 +1,46 @@
+export default [
+  {
+    title: '一级标题',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-title-1.png',
+    schema: {
+      componentName: 'Typography.Title',
+      props: {
+        level: 1,
+        children: '一级标题',
+      },
+    },
+  },
+  {
+    title: '二级标题',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-title-2.png',
+    schema: {
+      componentName: 'Typography.Title',
+      props: {
+        level: 2,
+        children: '二级标题',
+      },
+    },
+  },
+  {
+    title: '三级标题',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-title-3.png',
+    schema: {
+      componentName: 'Typography.Title',
+      props: {
+        level: 3,
+        children: '三级标题',
+      },
+    },
+  },
+  {
+    title: '四级标题',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/typography-title-4.png',
+    schema: {
+      componentName: 'Typography.Title',
+      props: {
+        level: 4,
+        children: '四级标题',
+      },
+    },
+  },
+];