@pisell/materials 1.0.449 → 1.0.451

package/lowcode/form-item-input/meta.ts

@@ -0,0 +1,227 @@
+import snippets from './snippets';
+import { formItemGeneralProps } from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemInput',
+  title: '输入框',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemInput',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: formItemGeneralProps,
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认内容' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'allowClear',
+      title: { label: '支持清除', tip: '是否允许清除' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'bordered',
+      title: { label: '显示边框', tip: '是否有边框' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'readOnly',
+      title: { label: '是否只读', tip: '是否为只读状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'placeholder',
+      title: { label: '占位提示', tip: '占位提示' },
+      propType: 'string',
+      defaultValue: '请输入',
+      setter: 'PisellI18nSetter',
+    },
+    // {
+    //   name: 'id',
+    //   title: { label: '输入框ID', tip: '输入框的ID' },
+    //   propType: 'string',
+    // },
+    {
+      name: 'maxLength',
+      title: { label: '最大长度', tip: '最大长度' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'size',
+      title: { label: '控件大小', tip: '控件大小' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: '大',
+              value: 'large',
+            },
+            {
+              title: '中',
+              value: 'middle',
+            },
+            {
+              title: '小',
+              value: 'small',
+            },
+          ],
+        },
+      },
+      propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+      defaultValue: 'middle',
+    },
+    {
+      name: 'addonAfter',
+      title: { label: '后置标签', tip: '后置标签' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'addonBefore',
+      title: { label: '前置标签', tip: '前置标签' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'prefix',
+      title: { label: '前缀', tip: '前缀' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'suffix',
+      title: { label: '后缀', tip: '后缀' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'onChange',
+      title: { label: '输入框内容变化时的回调', tip: '输入框内容变化时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onPressEnter',
+      title: { label: '按下回车的回调', tip: '按下回车的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onFocus',
+      title: { label: '获取焦点回调', tip: '获取焦点回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyDown',
+      title: { label: '按键按下时的回调', tip: '按键按下时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyPress',
+      title: { label: '按键按下后的回调', tip: '按键按下之后释放之前的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyUp',
+      title: { label: '按键释放回调', tip: '按键释放之后的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onBlur',
+      title: { label: '失去焦点回调', tip: '失去焦点回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onClick',
+      title: { label: '点击回调', tip: '点击回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onClear',
+      title: { label: '按下清除按钮的回调', tip: '按下清除按钮的回调' },
+      propType: 'func',
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 输入框内容变化时的回调\nconsole.log('onChange',event);}",
+        },
+        {
+          name: 'onPressEnter',
+          template:
+            "onPressEnter(event,${extParams}){\n// 按下回车的回调\nconsole.log('onPressEnter',event);}",
+        },
+        {
+          name: 'onFocus',
+          template:
+            "onFocus(event,${extParams}){\n// 获取焦点回调\nconsole.log('onFocus',event);}",
+        },
+        {
+          name: 'onKeyDown',
+          template:
+            "onKeyDown(event,${extParams}){\n// 按键按下时的回调\nconsole.log('onKeyDown',event);}",
+        },
+        {
+          name: 'onKeyPress',
+          template:
+            "onKeyPress(event,${extParams}){\n// 按键按下后的回调\nconsole.log('onKeyPress',event);}",
+        },
+        {
+          name: 'onKeyUp',
+          template:
+            "onKeyUp(event,${extParams}){\n// 按键释放回调\nconsole.log('onKeyUp',event);}",
+        },
+        {
+          name: 'onBlur',
+          template:
+            "onBlur(event,${extParams}){\n// 按键释放回调\nconsole.log('onBlur',event);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(event,${extParams}){\n// 点击回调\nconsole.log('onClick',event);}",
+        },
+        {
+          name: 'onClear',
+          template:
+            "onClear(event,${extParams}){\n// 按下清除按钮的回调\nconsole.log('onClear',event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-input/snippets.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: '输入框',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/input-1.png',
+    schema: {
+      componentName: 'FormItemInput',
+      props: {
+        placeholder: '请输入',
+      },
+    },
+  },
+];

package/lowcode/form-item-input-number/meta.ts

@@ -0,0 +1,228 @@
+import snippets from "./snippets";
+import { formItemGeneralProps } from "../_utils/defaultSchema";
+
+export default {
+  snippets,
+  componentName: "FormItemInputNumber",
+  title: "数字输入框",
+  category: "表单",
+  group: "无代码组件",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "FormItemInputNumber",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  generalProps: formItemGeneralProps,
+  props: [
+    {
+      name: "defaultValue",
+      title: { label: "默认值", tip: "默认值" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "value",
+      title: { label: "当前值", tip: "当前值" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "autoFocus",
+      title: { label: "自动聚焦", tip: "自动获取焦点" },
+      propType: "bool",
+      defaultValue: false,
+      setter: "BoolSetter",
+    },
+    {
+      name: "disabled",
+      title: { label: "是否禁用", tip: "是否为禁用状态" },
+      propType: "bool",
+      defaultValue: false,
+      setter: "BoolSetter",
+    },
+    {
+      name: "placeholder",
+      title: { label: "占位提示", tip: "占位提示" },
+      propType: "string",
+      defaultValue: "请输入",
+      setter: "PisellI18nSetter",
+    },
+    {
+      name: "controls",
+      title: { label: "是否显示增减按钮", tip: "是否显示增减按钮" },
+      propType: "bool",
+      defaultValue: true,
+      setter: "BoolSetter",
+    },
+    {
+      name: "bordered",
+      title: { label: "显示边框", tip: "是否有边框" },
+      propType: "bool",
+      defaultValue: true,
+      setter: "BoolSetter",
+    },
+    {
+      name: "type",
+      title: { label: "input类型", tip: "声明 input 类型，同原生 input 标签的 type 属性，见：MDN(请直接使用 Input.TextArea 代替 type=\"textarea\")" },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: "addonAfter",
+      title: { label: "后置标签", tip: "后置标签" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "addonBefore",
+      title: { label: "前置标签", tip: "前置标签" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    // {
+    //   name: 'formatter',
+    //   title: {
+    //     label: '指定输入框展示值的格式',
+    //     tip: '指定输入框展示值的格式',
+    //   },
+    //   propType: 'func',
+    // },
+    {
+      name: "max",
+      title: { label: "最大值", tip: "最大值" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "min",
+      title: { label: "最小值", tip: "最小值" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "precision",
+      title: { label: "数值精度", tip: "数值精度" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    // {
+    //   name: 'decimalSeparator',
+    //   title: { label: '小数点', tip: '小数点' },
+    //   propType: 'string',
+    // },
+    {
+      name: "size",
+      title: { label: "尺寸", tip: "输入框大小" },
+      propType: { type: "oneOf", value: ["large", "middle", "small"] },
+      setter: {
+        componentName: "RadioGroupSetter",
+        props: {
+          options: [
+            {
+              title: "大",
+              value: "large",
+            },
+            {
+              title: "中",
+              value: "middle",
+            },
+            {
+              title: "小",
+              value: "small",
+            },
+          ],
+        },
+      },
+      defaultValue: "middle",
+    },
+    {
+      name: "step",
+      title: { label: "单步长", tip: "每次改变步数" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "onChange",
+      title: { label: "变化回调", tip: "变化回调" },
+      propType: "func",
+    },
+    {
+      name: "onPressEnter",
+      title: { label: "按下回车的回调", tip: "按下回车的回调" },
+      propType: "func",
+    },
+    {
+      name: "onFocus",
+      title: { label: "获取焦点回调", tip: "获取焦点回调" },
+      propType: "func",
+    },
+    {
+      name: "onKeyDown",
+      title: { label: "按键按下时的回调", tip: "按键按下时的回调" },
+      propType: "func",
+    },
+    {
+      name: "onKeyPress",
+      title: { label: "按键按下后的回调", tip: "按键按下之后释放之前的回调" },
+      propType: "func",
+    },
+    {
+      name: "onKeyUp",
+      title: { label: "按键释放回调", tip: "按键释放之后的回调" },
+      propType: "func",
+    },
+    {
+      name: "onBlur",
+      title: { label: "失去焦点回调", tip: "失去焦点回调" },
+      propType: "func",
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onChange",
+          template:
+            "onChange(value,${extParams}){\n// 变化回调\nconsole.log('onChange',value);}",
+        },
+        {
+          name: "onPressEnter",
+          template:
+            "onPressEnter(event,${extParams}){\n// 按下回车的回调\nconsole.log('onPressEnter',event);}",
+        },
+        {
+          name: "onFocus",
+          template:
+            "onFocus(event,${extParams}){\n// 获取焦点回调\nconsole.log('onFocus',event);}",
+        },
+        {
+          name: "onKeyDown",
+          template:
+            "onKeyDown(event,${extParams}){\n// 按键按下时的回调\nconsole.log('onKeyDown',event);}",
+        },
+        {
+          name: "onKeyPress",
+          template:
+            "onKeyPress(event,${extParams}){\n// 按键按下后的回调\nconsole.log('onKeyPress',event);}",
+        },
+        {
+          name: "onKeyUp",
+          template:
+            "onKeyUp(event,${extParams}){\n// 按键释放回调\nconsole.log('onKeyUp',event);}",
+        },
+        {
+          name: "onBlur",
+          template:
+            "onBlur(event,${extParams}){\n// 按键释放回调\nconsole.log('onBlur',event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-input-number/snippets.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: '数字输入框',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/input-number-1.png',
+    schema: {
+      componentName: 'FormItemInputNumber',
+      props: {
+        placeholder: '请输入',
+      },
+    },
+  },
+];

package/lowcode/form-item-input.json/meta.ts

@@ -0,0 +1,213 @@
+import snippets from './snippets';
+import { formItemGeneralProps } from "../_utils/defaultSchema";
+
+export default {
+  snippets,
+  componentName: 'FormItemInput.JSON',
+  title: '长文本',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "FormItemInput",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "JSON",
+  },
+  generalProps: formItemGeneralProps,
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认内容' },
+      propType: 'string',
+      setter: 'TextAreaSetter',
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: 'string',
+      setter: 'TextAreaSetter',
+    },
+    {
+      name: 'bordered',
+      title: { label: '显示边框', tip: '是否有边框' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'placeholder',
+      title: { label: '占位提示', tip: '占位提示' },
+      propType: 'string',
+      defaultValue: '请输入',
+      setter: 'PisellI18nSetter'
+    },
+    {
+      name: 'showCount',
+      title: { label: '展示字数', tip: '是否展示字数' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'id',
+      title: { label: '输入框ID', tip: '输入框的ID' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'maxLength',
+      title: { label: '最大长度', tip: '最大长度' },
+      propType: 'number',
+      setter: 'NumberSetter'
+    },
+    {
+      name: 'size',
+      title: { label: '控件大小', tip: '控件大小' },
+      propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: '大',
+              value: 'large',
+            },
+            {
+              title: '中',
+              value: 'middle',
+            },
+            {
+              title: '小',
+              value: 'small',
+            },
+          ],
+        },
+      },
+      defaultValue: 'middle',
+    },
+    {
+      name: 'autoSize',
+      title: { label: '高度自适应设置', tip: '高度自适应设置' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          'bool',
+          {
+            type: 'shape',
+            value: [
+              {
+                name: 'minRows',
+                title: '最小行数',
+                setter: 'NumberSetter',
+                defaultValue: 3,
+              },
+              {
+                name: 'maxRows',
+                title: '最大行数',
+                setter: 'NumberSetter',
+                defaultValue: 3,
+              },
+            ],
+          },
+        ],
+      },
+      defaultValue: false,
+    },
+    {
+      name: 'onChange',
+      title: { label: '输入框内容变化时的回调', tip: '输入框内容变化时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onPressEnter',
+      title: { label: '按下回车的回调', tip: '按下回车的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onResize',
+      title: { label: 'resize 回调', tip: 'resize 回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onFocus',
+      title: { label: '获取焦点回调', tip: '获取焦点回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyDown',
+      title: { label: '按键按下时的回调', tip: '按键按下时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyPress',
+      title: { label: '按键按下后的回调', tip: '按键按下之后释放之前的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyUp',
+      title: { label: '按键释放回调', tip: '按键释放之后的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onBlur',
+      title: { label: '失去焦点回调', tip: '失去焦点回调' },
+      propType: 'func',
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 输入框内容变化时的回调\nconsole.log('onChange',event);}",
+        },
+        {
+          name: 'onPressEnter',
+          template:
+            "onPressEnter(event,${extParams}){\n// 按下回车的回调\nconsole.log('onPressEnter',event);}",
+        },
+        {
+          name: 'onResize',
+          template:
+            "onResize({width,height},${extParams}){\n// resize 回调\nconsole.log('onResize',width,height);}",
+        },
+        {
+          name: 'onFocus',
+          template: "onFocus(event,${extParams}){\n// 获取焦点回调\nconsole.log('onFocus',event);}",
+        },
+        {
+          name: 'onKeyDown',
+          template:
+            "onKeyDown(event,${extParams}){\n// 按键按下时的回调\nconsole.log('onKeyDown',event);}",
+        },
+        {
+          name: 'onKeyPress',
+          template:
+            "onKeyPress(event,${extParams}){\n// 按键按下后的回调\nconsole.log('onKeyPress',event);}",
+        },
+        {
+          name: 'onKeyUp',
+          template: "onKeyUp(event,${extParams}){\n// 按键释放回调\nconsole.log('onKeyUp',event);}",
+        },
+        {
+          name: 'onBlur',
+          template: "onBlur(event,${extParams}){\n// 按键释放回调\nconsole.log('onBlur',event);}",
+        },
+      ],
+    },
+  },
+};