cloud-ui.vusion

- name: u-textarea title: 多行输入 icon: textarea labels: - Form description: 多行输入组件 attrs: - name: minlength title: 最小长度 type: number description: "" advanced: true - name: spellcheck title: 拼写检查 type: boolean description: "" advanced: true - name: value title: 值 type: string sync: true model: true description: 输入的值 group: 数据属性 brifeDoc: "" docDescription: 当前多行输入组件，输入框内的本文内容 tooltipLink: "" - name: placeholder title: 占位符 type: string description: 为空时显示的占位符文本 group: 主要属性 brifeDoc: "" docDescription: 输入框为空时的提示文本 tooltipLink: "" - name: maxlength title: 最大字符数 type: number display: number place: 不限制 description: 输入框内可输入的最大字符数，超过时不支持输入 toggleupdate: - value: "" updateData: show-word-limit: false group: 主要属性 brifeDoc: "" docDescription: 输入框内可输入的最大字符数，超过时不支持输入 tooltipLink: "" - name: show-word-limit title: 显示字数统计 type: boolean description: 设置是否显示「最大字符数」的字数统计 dependency: - "!maxlength": "" group: 主要属性 brifeDoc: "" docDescription: 开启后，会在组件上显示当前输入字数以及最大字符数，当前输入字数超过最大字符数时，不支持输入。 tooltipLink: "" - name: limit-position title: 字数统计位置 type: string options: - value: inside title: 输入框内 - value: outside title: 输入框外 description: 设置字数统计位置 dependency: - show-word-limit: true group: 主要属性 brifeDoc: "" docDescription: "**显示字数统计**开启后，支持选择字数统计位置：输入框内、输入框外。" tooltipLink: "" - name: autofocus title: 自动获取焦点 type: boolean default: false description: 设置是否自动获取焦点 designer-value: false group: 主要属性 brifeDoc: "" docDescription: 进入页面时，自动选中该输入框。 tooltipLink: "" - name: clearable title: 可清除 type: boolean default: false description: 可点击清除按钮一键清除内容 group: 交互属性 brifeDoc: "" docDescription: 是否可清空。开启并在输入框有内容时会显示清空按钮 tooltipLink: "" - name: resize title: 可调整大小 type: string options: - value: none title: 不可调整 - value: both title: 可调整 - value: horizontal title: 水平可调整 - value: vertical title: 竖直可调整 default: vertical description: 设置调整大小的方式 group: 交互属性 brifeDoc: "" docDescription: 设置多行输入框是否可以调整大小。包括：不可调整，可调整，水平可调整，竖直可调整四种设置 tooltipLink: "" - name: readonly title: 只读 type: boolean default: false description: 正常显示，但禁止选择/输入 group: 状态属性 brifeDoc: "" docDescription: 正常显示，但禁止选择或输入 tooltipLink: "" - name: disabled title: 禁用 type: boolean default: false description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） group: 状态属性 brifeDoc: "" docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） tooltipLink: "" - name: size title: 尺寸 type: string options: - value: full title: 占满 - value: huge title: 巨大 - value: large title: 大 - value: medium title: 中型 - value: normal title: 正常 default: normal description: 设置多行输入框大小 group: 样式属性 brifeDoc: "" docDescription: "- 设置多行输入框大小。支持正常，中型，大，巨大，占满五种尺寸。" tooltipLink: "" - name: autosize title: 自适应内容高度 type: boolean, object place: 不设置则根据输入内容自适应 description: 可输入如{maxHeight:100,minHeight:50}，单位默认为px group: 样式属性 brifeDoc: "" docDescription: 可输入如{maxHeight:100,minHeight:50}，单位默认为px，不设置则根据输入内容自适应 tooltipLink: "" slots: - concept: Slot name: default title: 默认 description: 插入 HTML 或 `Component`, 可展示额外内容。 advanced: true quick-add: never events: - name: before-input title: 输入前 description: 输入前触发。可以在这个阶段阻止输入，或者修改输入的值 $event.value advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeEvent" - name: $event.oldValue type: string description: 旧的值 - name: $event.value type: string description: 输入框的值 - name: $event.preventDefault type: Function description: 阻止输入流程 - name: senderVM type: UInput description: 发送事件实例 - name: input title: 输入时 description: 输入时触发。 params: - name: $event type: string description: 输入框的值 schema: $ref: "#/basicTypes/String" - name: senderVM type: UTextarea description: 发送事件实例 - name: change title: 改变后 description: 值变化时触发。（注意：与原生事件不同） params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeEvent" - name: $event.value type: string description: 改变后的值 - name: $event.oldValue type: string description: 旧的值 - name: senderVM type: UTextarea description: 发送事件实例 - name: focus title: 聚焦后 description: 获得焦点时触发。 advanced: true params: - name: $event type: FocusEvent description: 原生事件对象 schema: $ref: "#/systemTypes/FocusEvent" - name: senderVM type: UTextarea description: 发送事件实例 - name: blur title: 失焦后 description: 失去焦点时触发。 advanced: true params: - name: $event type: Object title: 原生事件对象 description: 原生事件对象 schema: $ref: "#/systemTypes/FocusEvent" - name: senderVM title: 发送事件实例 type: UTextarea description: 发送事件实例 - name: before-clear advanced: true title: 清空前 description: 清空前触发。 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeEvent" - name: $event.value type: string description: 清空后的值 - name: $event.oldValue type: string description: 待清空的值 - name: $event.preventDefault type: Function description: 阻止清空流程 - name: senderVM type: UTextarea description: 发送事件实例 - name: clear title: 清空后 description: 清空时触发。 params: - name: $event.value type: string description: 清空后的值 - name: $event.oldValue type: string description: 旧的值 - name: senderVM type: UTextarea description: 发送事件实例 methods: - name: focus description: 让输入框获取焦点。 params: [] advanced: true - name: blur description: 让输入框失去焦点。 params: [] advanced: true - name: clear description: 清空输入框。 params: [] advanced: true