cloud-ui.vusion

- name: u-number-input title: 数字输入 icon: number labels: - Form description: 输入数字时使用 attrs: - name: formatter title: 格式化 type: string, object description: 格式化字符串，具体参见示例。也可以传入一个包含`get`和`set`方法的格式化对象。 advanced: true - name: value title: 值 type: number sync: true model: true default: 0 description: 输入的值 group: 数据属性 brifeDoc: "" docDescription: 输入框的值。 tooltipLink: "" - name: min title: 最小值 type: number default: "" description: 最小可输入的值 group: 数据属性 brifeDoc: "" docDescription: 限制输入数值的最小值。 tooltipLink: "" - name: max title: 最大值 type: number default: "" description: 最大可输入的值 group: 数据属性 brifeDoc: "" docDescription: 限制输入数值的最大值。 tooltipLink: "" - name: precision title: 精度 type: number default: 1 description: 限制数字输入要保留的最小精度单位，默认不限制精度，如需保留两位小数，则填入0.01 group: 数据属性 brifeDoc: "" docDescription: 限制数字要保留的最小单位，整数、小数均可，如需要保留两位小数，则填入0.01。 tooltipLink: "" advanced: true - name: decimal-length title: 精度 type: number description: 控制数据存储时小数点后保留几位。例如：精度为2，则数据存储时小数点后保留2位。 group: 数据属性 brifeDoc: "" docDescription: 限制值要保留的小数位数。默认0，不保留小数位 tooltipLink: "" - name: decimal-places title: 小数位数 type: "{ places: number, omit: boolean }" default: "{ places: '', omit: true }" compose: - key: places type: number min: 0 - key: omit type: switch suffix: 隐藏末尾0 description: 控制数据展示时小数点后保留几位，仅影响展示，不影响数据实际存储的值。例如：小数位数为2，则数据展示时小数点后保留2位。 dependency: - advanced-format.enable: false group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: thousandths title: 千位符 type: boolean default: false desciption: 是否显示千位符 dependency: - advanced-format.enable: false group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: percent-sign title: 百分号 type: boolean default: false desciption: 是否显示百分号 dependency: - advanced-format.enable: false group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: unit title: 单位 type: "{ type: string, value: string }" default: "{ type: 'prefix', value: '' }" compose: - key: type type: select options: - value: prefix title: 前缀 - value: suffix title: 后缀 - key: value type: text description: 输入框中显示的单位 group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: advanced-format title: 高级格式化 type: "{ enable: boolean, value: string }" default: "{ enable: false, value: '' }" description: 用来控制数字的展示格式 group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" bindHide: true - name: placeholder title: 占位符 type: string description: 为空时显示的占位符文本 group: 主要属性 brifeDoc: "" docDescription: 为空时的提示文本。 tooltipLink: "" - name: autofocus title: 自动获取焦点 type: boolean description: 设置是否自动获取焦点 designer-value: false group: 主要属性 brifeDoc: "" docDescription: 是否自动获取输入框的焦点。 tooltipLink: "" - name: hide-buttons title: 隐藏按钮 type: boolean default: false description: 是否隐藏上下点击按钮 group: 主要属性 brifeDoc: "" docDescription: 是否隐藏数值加减按钮 tooltipLink: "" - name: clearable title: 可清除 type: boolean 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: step title: 间隔 type: number default: 1 description: 间隔，表示点击按钮或按上下键所增加或减少的量 group: 样式属性 brifeDoc: "" docDescription: 限制点击按钮或按上下键所增加或减少的量。 tooltipLink: "" - name: width title: 宽度 type: string options: - value: full title: 占满 - value: huge title: 巨大 - value: large title: 大 - value: medium title: 中型 - value: normal title: 正常 - value: small title: 小 - value: mini title: 迷你 default: normal description: 设置数字输入框宽度大小 group: 样式属性 brifeDoc: "" docDescription: 设置数字输入框宽度大小，可选占满、巨大、大、中型、正常、小、迷你。 tooltipLink: "" - name: height title: 高度 type: string options: - value: full title: 占满 - value: huge title: 巨大 - value: large title: 大 - value: medium title: 中型 - value: normal title: 正常 - value: small title: 小 - value: mini title: 迷你 default: normal description: 设置数字输入框高度大小 group: 样式属性 brifeDoc: "" docDescription: 设置数字输入框高度大小，可选占满、巨大、大、中型、正常、小、迷你。 tooltipLink: "" slots: - concept: Slot name: default advanced: true title: 默认 description: 插入 HTML 或 `Component`, 可展示额外内容。 quick-add: never events: - name: input title: 输入时 description: 输入时触发 params: - name: $event type: string description: 输入框的值 schema: $ref: "#/basicTypes/String" - name: senderVM type: UNumberInput description: 发送事件实例 - name: validate title: 验证时 description: 输入验证时触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ValidateEvent" - name: $event.rawValue type: string description: 用户输入的原始值 - name: $event.value type: number description: 验证修复的值 - name: $event.valid type: boolean description: 原始值是否合法 - name: senderVM type: UNumberInput description: 发送事件实例 - name: change title: 改变后 description: 值变化时触发（与原生事件不同） params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeEvent" - name: $event.value type: number description: 改变后的值 - name: $event.oldValue type: number description: 旧的值 - name: $event.formattedValue type: string description: 格式化后的值 - name: $event.valid type: boolean description: 改变后的值是否合法 - name: senderVM type: UNumberInput description: 发送事件实例 - name: focus title: 聚焦后 description: 获得焦点时触发 params: - name: $event type: string description: 原生事件对象 schema: $ref: "#/systemTypes/FocusEvent" - name: senderVM type: UNumberInput description: 发送事件实例 - name: blur title: 失焦后 description: 失去焦点时触发 params: - name: $event type: string description: 原生事件对象 schema: $ref: "#/systemTypes/FocusEvent" - name: senderVM type: UNumberInput description: 发送事件实例 - name: keydown title: 键盘按下 description: 键盘按键按下时触发 params: - name: $event type: object description: 键盘按键事件对象 schema: $ref: "#/systemTypes/KeyboardEvent" - name: keyup title: 键盘松开 description: 键盘按键松开时触发 params: - name: $event type: object description: 键盘按键事件对象 schema: $ref: "#/systemTypes/KeyboardEvent" aria: - key: ↑ description: 按`step`量增加值 advanced: true - key: ↓ description: 按`step`量减小值 advanced: true - key: Enter description: 自动修复为合法的值，并且应用更改 advanced: true