@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode_es/pro-input/meta.js

@@ -0,0 +1,585 @@
+import snippets from "./snippets";
+export default {
+  componentName: 'ProInput',
+  title: '输入框',
+  group: '精选组件',
+  category: '基础元素',
+  docUrl: '',
+  screenshot: '',
+  npm: {
+    "package": 'lowcode-edit-pro-table',
+    version: '{{version}}',
+    exportName: 'ProInput',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: ''
+  },
+  props: [{
+    name: 'label',
+    propType: 'string',
+    title: '标签文案',
+    description: 'label'
+  }, {
+    name: 'id',
+    propType: 'string',
+    description: 'ID'
+  }, {
+    name: 'name',
+    propType: 'string'
+  }, {
+    name: 'hasClear',
+    propType: 'bool',
+    description: '是否出现清除按钮'
+  }, {
+    name: 'defaultValue',
+    propType: {
+      type: 'oneOfType',
+      value: ['string']
+    },
+    description: '默认值'
+  }, {
+    name: 'state',
+    title: '状态',
+    propType: {
+      type: 'oneOf',
+      value: ['error', 'loading', 'success', 'warning']
+    },
+    description: '状态\n@enumdesc 错误, 校验中, 成功, 警告'
+  }, {
+    name: 'size',
+    title: '尺寸',
+    propType: {
+      type: 'oneOf',
+      value: ['small', 'medium', 'large']
+    },
+    description: '尺寸\n@enumdesc 小, 中, 大',
+    defaultValue: 'medium'
+  }, {
+    name: 'disabled',
+    propType: 'bool',
+    description: '是否禁用'
+  }, {
+    name: 'maxLength',
+    propType: 'number',
+    description: '最大长度'
+  }, {
+    name: 'hasLimitHint',
+    propType: 'bool',
+    description: '是否展现最大长度样式'
+  }, {
+    name: 'cutString',
+    propType: 'bool',
+    description: '是否截断超出字符串'
+  }, {
+    name: 'required',
+    propType: 'bool',
+    description: '是否必填'
+  }, {
+    name: 'disableEdit',
+    propType: 'bool',
+    description: '禁止编辑'
+  }, {
+    name: 'trim',
+    propType: 'bool',
+    description: 'onChange返回会自动去除头尾空字符'
+  }, {
+    name: 'placeholder',
+    propType: 'string',
+    description: '输入提示'
+  }, {
+    name: 'hasBorder',
+    propType: 'bool',
+    description: '是否有边框'
+  }, {
+    name: 'onPressEnter',
+    propType: 'func',
+    description: '按下回车的回调'
+  }, {
+    name: 'onClear',
+    propType: 'func'
+  }, {
+    name: 'onChange',
+    propType: 'func'
+  }, {
+    name: 'onKeyDown',
+    propType: 'func'
+  }, {
+    name: 'onFocus',
+    propType: 'func'
+  }, {
+    name: 'onBlur',
+    propType: 'func'
+  }, {
+    name: 'hint',
+    title: 'Icon 水印',
+    propType: 'string',
+    description: '水印 (Icon的type类型，和hasClear占用一个地方)'
+  }, {
+    name: 'innerBefore',
+    propType: 'string',
+    description: '文字前附加内容'
+  }, {
+    name: 'innerAfter',
+    propType: 'string',
+    description: '文字后附加内容'
+  }, {
+    name: 'addonBefore',
+    propType: 'string',
+    description: '输入框前附加内容'
+  }, {
+    name: 'addonAfter',
+    propType: 'string',
+    description: '输入框后附加内容'
+  }, {
+    name: 'addonTextBefore',
+    propType: 'string',
+    description: '输入框前附加文字'
+  }, {
+    name: 'addonTextAfter',
+    propType: 'string',
+    description: '输入框后附加文字'
+  }, {
+    name: 'autoFocus',
+    propType: 'bool',
+    description: '自动聚焦'
+  }, {
+    name: 'style',
+    propType: 'object'
+  }],
+  configure: {
+    props: [{
+      name: 'label',
+      setter: 'StringSetter',
+      supportVariable: true,
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '标签文本',
+          en_US: 'Label'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: label | 说明: 标签文本内容',
+          en_US: 'prop: label | description: label content'
+        }
+      },
+      description: 'label'
+    }, {
+      name: 'placeholder',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '输入提示',
+          en_US: 'Placeholder'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: placeholder | 说明: 输入提示',
+          en_US: 'prop: placeholder | description: placeholder'
+        }
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'defaultValue',
+      title: '默认值',
+      setter: {
+        componentName: 'MixedSetter',
+        props: {
+          setters: ['StringSetter', 'ExpressionSetter']
+        }
+      }
+    }, {
+      name: 'state',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '状态',
+          en_US: 'State'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: state | 说明: 状态\n@enumdesc 错误, 校验中, 成功, 警告',
+          en_US: 'prop: state | description: input state'
+        }
+      },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [{
+            value: 'error',
+            title: 'error'
+          }, {
+            value: 'loading',
+            title: 'loading'
+          }, {
+            value: 'success',
+            title: 'success'
+          }, {
+            value: 'warning',
+            title: 'warning'
+          }, {
+            value: '',
+            title: '默认'
+          }]
+        }
+      }
+    }, {
+      name: 'size',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '尺寸',
+          en_US: 'Size'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: size | 说明: 尺寸\n@enumdesc 小, 中, 大',
+          en_US: 'prop: size | description: size'
+        }
+      },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: ['small', 'medium', 'large']
+        }
+      },
+      defaultValue: 'medium'
+    }, {
+      name: 'maxLength',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '最大长度',
+          en_US: 'MaxLength'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: maxLength | 说明: 最大长度',
+          en_US: 'prop: maxLength | description: max length'
+        }
+      },
+      setter: 'NumberSetter',
+      supportVariable: true,
+      description: '最大长度'
+    },
+    // {
+    //   name: 'disabled',
+    //   title: {
+    //     label: {
+    //       type: 'i18n',
+    //       zh_CN: '是否禁用',
+    //       en_US: 'Disabled',
+    //     },
+    //     tip: {
+    //       type: 'i18n',
+    //       zh_CN: '属性: disabled | 说明: 是否被禁用',
+    //       en_US: 'prop: disabled | description: disabled',
+    //     },
+    //   },
+    //   setter: 'BoolSetter',
+    //   supportVariable: true,
+    //   description: '是否禁用',
+    // },
+    {
+      name: 'required',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '是否必填',
+          en_US: 'Required'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: required | 说明: 是否被必填',
+          en_US: 'prop: required | description: required'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '是否必填'
+    }, {
+      name: 'disableEdit',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '禁止编辑',
+          en_US: 'Disable Edit'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: disableEdit | 说明: 禁止编辑',
+          en_US: 'prop: disableEdit | description: disableEdit'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '禁止编辑'
+    }, {
+      name: 'hasLimitHint',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '展示限制',
+          en_US: 'ShowLimit'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: hasLimitHint | 说明: 是否展现最大长度样式',
+          en_US: 'prop: hasLimitHint | description: hasLimitHint'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '是否展现最大长度样式'
+    }, {
+      name: 'cutString',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '是否截断',
+          en_US: 'Cut Off'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: cutString | 说明: 是否截断超出字符串',
+          en_US: 'prop: cutString | description: whether cut off string'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '是否截断超出字符串'
+    }, {
+      name: 'trim',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '是否 Trim',
+          en_US: 'Trim'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: trim | 说明: onChange返回会自动去除头尾空字符',
+          en_US: 'prop: trim | description: whether trim when onChange called'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true
+    }, {
+      name: 'hasClear',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '显示清除',
+          en_US: 'Show Clear'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: hasClear | 说明: 是否出现清除按钮',
+          en_US: 'prop: hasClear | description: show clear icon'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '是否出现清除按钮'
+    }, {
+      name: 'hasBorder',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '显示边框',
+          en_US: 'ShowBorder'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: hasBorder | 说明: 是否有边框',
+          en_US: 'prop: hasBorder | description: HasBorder'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true
+    }, {
+      name: 'autoFocus',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '自动聚焦',
+          en_US: 'Auto Focus'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: autoFocus | 说明: 自动聚焦',
+          en_US: 'prop: autoFocus | description: autoFocus'
+        }
+      },
+      setter: 'BoolSetter',
+      supportVariable: true,
+      description: '自动聚焦'
+    }, {
+      name: 'hint',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: 'Icon 水印',
+          en_US: 'IconHint'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: hint | 说明: Icon 水印',
+          en_US: 'prop: hint | description: Icon hint'
+        }
+      },
+      setter: {
+        componentName: 'IconSetter'
+      }
+    }, {
+      name: 'innerBefore',
+      display: 'block',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '文字前附加内容',
+          en_US: 'Inner Before'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: innerBefore | 说明: 文字前附加内容',
+          en_US: 'prop: innerBefore | description: innerBefore'
+        }
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'innerAfter',
+      display: 'block',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '文字后附加内容',
+          en_US: 'Inner After'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: innerAfter | 说明: 文字后附加内容',
+          en_US: 'prop: innerAfter | description: innerAfter'
+        }
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'addonBefore',
+      display: 'block',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '输入框前附加内容',
+          en_US: 'Addon Before'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: addonBefore | 说明: 输入框前附加内容',
+          en_US: 'prop: addonBefore | description: addonBefore'
+        }
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'addonAfter',
+      display: 'block',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '输入框后附加内容',
+          en_US: 'Addon After'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: addonAfter | 说明: 输入框后附加内容',
+          en_US: 'prop: addonAfter | description: addonAfter'
+        }
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'addonTextBefore',
+      display: 'block',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '输入框前附加文字',
+          en_US: 'Text Before'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: addonTextBefore | 说明: 输入框前附加文字',
+          en_US: 'prop: addonTextBefore | description: addonTextBefore'
+        }
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      name: 'addonTextAfter',
+      display: 'block',
+      title: {
+        label: {
+          type: 'i18n',
+          zh_CN: '输入框后附加文字',
+          en_US: 'Text After'
+        },
+        tip: {
+          type: 'i18n',
+          zh_CN: '属性: addonTextAfter | 说明: 输入框后附加文字',
+          en_US: 'prop: addonTextAfter | description: addonTextAfter'
+        }
+      },
+      setter: 'StringSetter',
+      supportVariable: true
+    }, {
+      type: 'group',
+      title: '高级',
+      display: 'block',
+      items: [{
+        name: 'id',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '唯一标识',
+            en_US: 'ID'
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: id | 说明: 唯一标识',
+            en_US: 'prop: id | description: switch id'
+          }
+        },
+        setter: 'StringSetter',
+        supportVariable: true
+      }, {
+        name: 'name',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '表单标识',
+            en_US: 'Name'
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: name | 说明: 表单标识',
+            en_US: 'prop: name | description: switch name'
+          }
+        },
+        setter: 'StringSetter',
+        supportVariable: true
+      }]
+    }],
+    supports: {
+      style: true,
+      events: ['onPressEnter', 'onClear', 'onChange', 'onKeyDown', 'onFocus', 'onBlur']
+    }
+  },
+  experimental: {
+    closeDialog: true
+  },
+  icon: '',
+  snippets: snippets
+};

package/lowcode_es/pro-input/snippets.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    title: string;
+    screenshot: string;
+    schema: {
+        componentName: string;
+        props: {
+            hasBorder: boolean;
+            size: string;
+            autoComplete: string;
+            placeholder: string;
+        };
+    };
+}[];
+export default _default;

package/lowcode_es/pro-input/snippets.js

@@ -0,0 +1,39 @@
+export default [{
+  title: '输入框',
+  screenshot: 'https://img.alicdn.com/tfs/TB1ysp3u8v0gK0jSZKbXXbK2FXa-112-64.png',
+  schema: {
+    componentName: 'ProInput',
+    props: {
+      hasBorder: true,
+      size: 'medium',
+      autoComplete: 'off',
+      placeholder: '请输入'
+    }
+  }
+}
+// {
+//   title: '密码框',
+//   screenshot: 'https://img.alicdn.com/tfs/TB1ikF3u7P2gK0jSZPxXXacQpXa-112-64.png',
+//   schema: {
+//     componentName: 'Input.Password',
+//     props: {
+//       hasBorder: true,
+//       size: 'medium',
+//       autoComplete: 'off',
+//     },
+//   },
+// },
+// {
+//   title: 'TextArea',
+//   screenshot:
+//     'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_input.png',
+//   schema: {
+//     componentName: 'Input.TextArea',
+//     props: {
+//       hasBorder: true,
+//       size: 'medium',
+//       autoComplete: 'off',
+//     },
+//   },
+// },
+];