@dckj-npm/dc-material 0.1.358 → 0.1.360

package/lowcode/input/meta.ts

@@ -1,240 +1,629 @@
-import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'
-
-const InputMeta: IPublicTypeComponentMetadata = {
-  group: '低代码组件',
-  componentName: 'Input',
-  title: '输入框',
-  docUrl: '',
-  screenshot: '',
-  devMode: 'proCode',
-  npm: {
-    package: '@dckj-npm/dc-material',
-    version: '0.1.0',
-    exportName: 'Input',
-    main: 'src\\index.tsx',
-    destructuring: true,
-    subName: '',
-  },
-  configure: {
-    component: {
-      isContainer: true,
-      disableBehaviors: ['copy'],
-    },
-    props: [
-      {
-        name: 'value',
-        title: '数据源绑定',
-        setter: {
-          componentName: 'SetterFormVariable',
-          props: {
-            attributes: [
-              {
-                label: '输入框的当前值',
-                value: 'value',
-              },
-            ],
-          },
-        },
-      },
-      {
-        title: '标签文本',
-        name: 'label',
-        setter: {
-          componentName: 'StringSetter',
-          isRequired: false,
-          initialValue: '',
-        },
-      },
-      {
-        title: '输入提示',
-        name: 'placeholder',
-        setter: {
-          componentName: 'StringSetter',
-          isRequired: false,
-          initialValue: '请输入',
-        },
-      },
-      {
-        title: '尺寸',
-        name: 'size',
-        setter: {
-          componentName: 'SelectSetter',
-          isRequired: false,
-          initialValue: 'medium',
-          props: {
-            defaultValue: 'medium',
-            options: [
-              { label: '小', value: 'small' },
-              { label: '中', value: 'medium' },
-              { label: '大', value: 'large' },
-            ],
-          },
-        },
-      },
-      {
-        title: '最大长度',
-        name: 'maxLength',
-        setter: {
-          componentName: 'NumberSetter',
-          isRequired: false,
-        },
-      },
-      {
-        title: '是否清除',
-        name: 'clearable',
-        setter: {
-          componentName: 'BoolSetter',
-          isRequired: false,
-          initialValue: false,
-        },
-      },
-      {
-        title: '是否禁用',
-        name: 'disabled',
-        setter: {
-          componentName: 'BoolSetter',
-          isRequired: false,
-          initialValue: false,
-        },
-      },
-      {
-        title: '是否只读',
-        name: 'readonly',
-        setter: {
-          componentName: 'BoolSetter',
-          isRequired: false,
-          initialValue: false,
-        },
-      },
-      {
-        title: '是否显示边框',
-        name: 'border',
-        setter: {
-          componentName: 'BoolSetter',
-          isRequired: false,
-          initialValue: true,
-        },
-      },
-      {
-        title: '自动聚焦',
-        name: 'autoFocus',
-        setter: {
-          componentName: 'BoolSetter',
-          isRequired: false,
-          initialValue: false,
-        },
-      },
-      {
-        title: '文字前内容',
-        name: 'prefix',
-        setter: {
-          componentName: 'StringSetter',
-          isRequired: false,
-          initialValue: '',
-        },
-      },
-      {
-        title: '文字后内容',
-        name: 'suffix',
-        setter: {
-          componentName: 'StringSetter',
-          isRequired: false,
-          initialValue: '',
-        },
-      },
-      {
-        title: '输入框前图标',
-        name: 'prefixIcon',
-        setter: {
-          componentName: 'IconSetter',
-          isRequired: false,
-          initialValue: '',
-        },
-      },
-      {
-        title: '输入框后图标',
-        name: 'suffixIcon',
-        setter: {
-          componentName: 'IconSetter',
-          isRequired: false,
-          initialValue: '',
-        },
-      },
-      {
-        title: '图标大小',
-        name: 'iconSize',
-        setter: {
-          componentName: 'SelectSetter',
-          isRequired: false,
-          initialValue: 'medium',
-          props: {
-            defaultValue: 'medium',
-            options: [
-              { label: 'xxs', value: 'xxs' },
-              { label: 'xs', value: 'xs' },
-              { label: 'small', value: 'small' },
-              { label: 'medium', value: 'medium' },
-              { label: 'large', value: 'large' },
-              { label: 'xl', value: 'xl' },
-              { label: 'xxl', value: 'xxl' },
-              { label: 'xxxl', value: 'xxxl' },
-              { label: 'inherit', value: 'inherit' },
-            ],
-          },
-        },
-      },
-    ],
-    supports: {
-      style: true,
-      events: [
-        {
-          name: 'onPressEnter',
-        },
-        {
-          name: 'onChange',
-        },
-        {
-          name: 'onClear',
-        },
-        {
-          name: 'onKeyDown',
-        },
-        {
-          name: 'onFocus',
-        },
-        {
-          name: 'onBlur',
-        },
-      ],
-    },
-  },
-}
-
-const snippets: IPublicTypeSnippet[] = [
-  {
-    title: '输入框',
-    screenshot: '',
-    schema: {
-      componentName: 'Input',
-      props: {
-        placeholder: '请输入',
-        size: 'medium',
-        clearable: false,
-        disabled: false,
-        readonly: false,
-        border: true,
-        autoFocus: false,
-        prefix: '',
-        suffix: '',
-        prefixIcon: '',
-        suffixIcon: '',
-        iconSize: 'medium',
-      },
-    },
-  },
-]
-
-export default {
-  ...InputMeta,
-  snippets,
-}
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'
+
+const InputMeta: IPublicTypeComponentMetadata = {
+  group: '低代码组件',
+  componentName: 'Input',
+  title: '输入框',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  category: '信息输入',
+  npm: {
+    package: '@dckj-npm/dc-material',
+    version: '0.1.0',
+    exportName: 'Input',
+    main: 'src\\index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    component: {
+      isContainer: false,
+      disableBehaviors: ['copy'],
+    },
+    props: [
+      {
+        name: 'value',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '数据源绑定',
+            en_US: 'Data Binding',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN:
+              '属性: value | 说明: 绑定到 this.state 中的字段（会自动生成 onChange 回写，并初始化 state 默认值）',
+            en_US:
+              'prop: value | description: bind to this.state (auto generate onChange and init state)',
+          },
+        },
+        description: '数据源绑定',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [
+              {
+                label: '输入框的当前值',
+                value: 'value',
+              },
+            ],
+          },
+        },
+      },
+      {
+        name: 'defaultValue',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '默认值',
+            en_US: 'DefaultValue',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: defaultValue | 说明: 非受控模式下的默认值',
+            en_US: 'prop: defaultValue | description: default value in uncontrolled mode',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        name: 'label',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '标签文本',
+            en_US: 'Label',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: label | 说明: 标签文本内容',
+            en_US: 'prop: label | description: label content',
+          },
+        },
+        supportVariable: true,
+        description: 'label',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        name: 'placeholder',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '输入提示',
+            en_US: 'Placeholder',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: placeholder | 说明: 输入提示',
+            en_US: 'prop: placeholder | description: placeholder',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '请输入',
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        description: '最大长度',
+        setter: {
+          componentName: 'NumberSetter',
+          isRequired: false,
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        description: '是否出现清除按钮',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: false,
+        },
+      },
+      {
+        name: 'disabled',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '是否禁用',
+            en_US: 'Disabled',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: disabled | 说明: 是否被禁用',
+            en_US: 'prop: disabled | description: disabled',
+          },
+        },
+        supportVariable: true,
+        description: '是否禁用',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: false,
+        },
+      },
+      {
+        name: 'hasLimitHint',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '展示限制',
+            en_US: 'ShowLimit',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: hasLimitHint | 说明: 是否展现最大长度样式',
+            en_US: 'prop: hasLimitHint | description: hasLimitHint',
+          },
+        },
+        supportVariable: true,
+        description: '是否展现最大长度样式',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: false,
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        description: '是否截断超出字符串',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: false,
+        },
+      },
+      {
+        name: 'readOnly',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '是否只读',
+            en_US: 'ReadOnly',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: readOnly | 说明: 是否只读',
+            en_US: 'prop: readOnly | description: ReadOnly',
+          },
+        },
+        supportVariable: true,
+        description: '是否只读',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: false,
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: false,
+        },
+      },
+      {
+        name: 'hasBorder',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '显示边框',
+            en_US: 'ShowBorder',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: hasBorder | 说明: 是否有边框',
+            en_US: 'prop: hasBorder | description: HasBorder',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: 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',
+          },
+        },
+        supportVariable: true,
+        description: '自动聚焦',
+        setter: {
+          componentName: 'BoolSetter',
+          isRequired: false,
+          initialValue: false,
+        },
+      },
+      {
+        name: 'hint',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: 'Icon 水印',
+            en_US: 'IconHint',
+          },
+          tip: {
+            type: 'i18n',
+            zh_CN: '属性: hint | 说明: Icon 水印（Icon 的 type，和 hasClear 占用同一位置）',
+            en_US: 'prop: hint | description: Icon hint',
+          },
+        },
+        setter: {
+          componentName: 'IconSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+      {
+        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',
+          },
+        },
+        supportVariable: true,
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '',
+        },
+      },
+
+      {
+        title: '高级',
+        type: 'group',
+        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: id',
+              },
+            },
+            supportVariable: true,
+            setter: {
+              componentName: 'StringSetter',
+              isRequired: false,
+              initialValue: '',
+            },
+          },
+          {
+            name: 'name',
+            title: {
+              label: {
+                type: 'i18n',
+                zh_CN: '表单标识',
+                en_US: 'Name',
+              },
+              tip: {
+                type: 'i18n',
+                zh_CN: '属性: name | 说明: 表单标识',
+                en_US: 'prop: name | description: name',
+              },
+            },
+            supportVariable: true,
+            setter: {
+              componentName: 'StringSetter',
+              isRequired: false,
+              initialValue: '',
+            },
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onPressEnter',
+        },
+        {
+          name: 'onChange',
+        },
+        {
+          name: 'onClear',
+        },
+        {
+          name: 'onKeyDown',
+        },
+        {
+          name: 'onFocus',
+        },
+        {
+          name: 'onBlur',
+        },
+      ],
+    },
+  },
+}
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '输入框',
+    screenshot: '',
+    schema: {
+      componentName: 'Input',
+      props: {
+        placeholder: '请输入',
+        size: 'medium',
+        hasClear: false,
+        disabled: false,
+        readOnly: false,
+        hasBorder: true,
+        autoFocus: false,
+        state: '',
+      },
+    },
+  },
+]
+
+export default {
+  ...InputMeta,
+  snippets,
+}