cloud-ui.vusion

- name: u-date-picker title: 日期选择 icon: date-picker description: 日期选择 labels: - Selector attrs: - name: picker title: 日期类型 type: string options: - title: 日期 value: date - title: 周 value: week - title: 月份 value: month - title: 季度 value: quarter - title: 年份 value: year default: date description: 日期格式设置 group: 数据属性 brifeDoc: "" docDescription: 日期选择弹出层里的日期展示格式，支持日期、月份、季度、年份4种模式。默认日期格式 tooltipLink: "" - name: range title: 区间选择 type: boolean default: false description: 是否支持进行日期区间选择，关闭则为日期点选择 group: 数据属性 toggleclear: - placeholderRight - name: value title: 值 type: string,number,Date sync: true model: true description: 默认显示的日期值，格式如2018-08-08 group: 数据属性 brifeDoc: "" docDescription: 当前选择的值 tooltipLink: "" dependency: - '!range': true - name: startDate title: 起始值 type: string,number,Date sync: true description: 默认显示的起始日期值，格式如2018-08-08 group: 数据属性 dependency: - range: true - name: endDate title: 结束值 type: string,number,Date sync: true description: 默认显示的结束日期值，格式如2018-08-08 group: 数据属性 dependency: - range: true - name: minDate title: 最小日期值 type: string,number,Date description: 最小可选的日期值，默认为10年前，日期填写格式为“yyyy-mm-dd” group: 数据属性 brifeDoc: "" docDescription: 设置日期范围，支持输入的最小日期 tooltipLink: "" - name: maxDate title: 最大日期值 type: string,number,Date description: 最大可选的日期值，默认为9年后，日期填写格式为“yyyy-mm-dd” group: 数据属性 brifeDoc: "" docDescription: 设置日期范围，支持输入的最大日期 tooltipLink: "" - name: time title: 时间格式 type: string, number default: 00:00:00 description: 输入对应格式的字符串（8:00:00）即可 group: 数据属性 advanced: true brifeDoc: "" docDescription: "" tooltipLink: "" - name: yearDiff title: 最小年份差值 type: number default: 20 description: 最小可选年份值与当前年份值的差值 group: 数据属性 brifeDoc: "" docDescription: 设置日期范围，最小可选择的年份 tooltipLink: "" dependency: - '!range': true - name: yearAdd title: 最大年份差值 type: number default: 20 description: 最大可选年份值与当前年份值的差值 group: 数据属性 brifeDoc: "" docDescription: 设置日期范围，最大可选择的年份 tooltipLink: "" dependency: - '!range': true - name: advanced-format title: 高级格式化 type: "{ enable: boolean, value: string }" default: "{ enable: false, value: '' }" description: "" group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" bindHide: true - name: show-formatter title: 日期展示格式 type: string options: - value: YYYY年M月D日 title: 中国（2023年7月26日） dependency: - picker: date - value: YYYY-MM-DD title: ISO（2023-07-26） dependency: - picker: date - value: M/D/YYYY title: US（7/26/2023） dependency: - picker: date - value: D/M/YYYY title: EU（26/7/2023） dependency: - picker: date - value: GGGG-W周 title: 2023-28周 dependency: - picker: week - value: GGGG年第W周 title: 2023年第28周 dependency: - picker: week - value: GGGG-WWWW title: 2023-W28 dependency: - picker: week - value: YYYY年M月 title: 中国（2023年7月） dependency: - picker: month - value: YYYY-MM title: ISO（2023-07） dependency: - picker: month - value: M/YYYY title: US/EU（7/2023） dependency: - picker: month - value: YYYY年第Q季度 title: 2023年第3季度 dependency: - picker: quarter - value: YYYY年QQ title: 2023年Q3 dependency: - picker: quarter - value: YYYY-QQ title: 2023-Q3 dependency: - picker: quarter - value: YYYY年 title: 中国（2023年） dependency: - picker: year - value: YYYY title: ISO（2023） dependency: - picker: year description: "" dependency: - advanced-format.enable: false group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: autofocus title: 自动获取焦点 type: boolean default: false description: 设置是否自动获取焦点 designer-value: false group: 主要属性 brifeDoc: "" docDescription: 控制是否在进入页面时聚焦到该组件 tooltipLink: "" - name: placeholder title: 占位符 type: string default: 请选择日期 description: 为空时显示的占位符文本 group: 主要属性 brifeDoc: "" docDescription: 日期选择框无内容时的提示信息，支持自定义编辑，默认为请输入 tooltipLink: "" - name: placeholderRight title: 右侧占位符 type: string description: 为空时显示的占位符文本（右侧） group: 主要属性 brifeDoc: "" docDescription: 日期选择框无内容时的提示信息，支持自定义编辑, 在没有设置的时候使用placeholder作为右侧占位符内容 tooltipLink: "" dependency: - range: true - name: alignment title: 日历弹窗对齐方式 type: string options: - value: left title: 左对齐 - value: right title: 右对齐 default: left description: 日历弹窗对齐方式 group: 主要属性 brifeDoc: "" docDescription: 日期选择弹出层与输入框的对齐方式，支持左对齐、右对齐2种模式。默认为左对齐 tooltipLink: "" - name: converter title: 转换器 type: string options: - title: JSON value: json - title: Unix 时间戳 value: timestamp - title: Date 对象 value: date - title: YYYY-MM-DD value: format default: format description: 转换器，用于转换时间结果 clearable: true group: 主要属性 brifeDoc: "" docDescription: 用于转换选中的日期格式，支持JSON、Unix 时间戳、Date对象、YYYY-MM-DD共4种模式。默认YYYY-MM-DD tooltipLink: "" - name: preIcon title: 前缀图标 type: string options: - value: calendar title: 日历 default: calendar description: "" clearable: true group: 主要属性 brifeDoc: "" docDescription: 支持添加前缀图标，如搜索图标 tooltipLink: "" - name: suffixIcon title: 后缀图标 type: string options: - value: calendar title: 日历 description: "" clearable: true group: 主要属性 brifeDoc: "" docDescription: 支持添加后缀图标，如搜索图标 tooltipLink: "" - name: append-to title: 弹出层位置依据 type: string default: body description: 设置弹出层依据哪个元素定位位置，可选值：`'body'`表示添加到 document.body，`'reference'`表示添加到参考元素中。 options: - value: reference title: 引用元素下 - value: body title: 全局body 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: opened title: 弹出状态 type: boolean default: false description: 弹出状态分为“True(弹出)/False(关闭)”，默认为“关闭” 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: 设置日期选择框宽度大小，支持占满、巨大、大、中型、正常、小共6种模式 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: 设置日期选择框高度大小，支持占满、巨大、大、中型、正常、小共6种模式 tooltipLink: "" events: - name: input title: 值输入时 description: 值变化时触发 (表单验证可以检测到其值得变化) params: - name: $event type: Date title: 输入后的日期值 description: 改变后的日期值 schema: $ref: "#/basicTypes/Date" - name: change description: 值变化时触发 title: 值变化时 params: - name: $event type: object title: 自定义事件对象 description: 自定义事件对象 schema: $ref: "#/systemTypes/DateEvent" - name: $event.date type: Date title: 改变后的日期值 description: 改变后的日期值 - name: select description: 选择日期时触发 title: 选择时 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/DateEvent" - name: $event.date type: Date description: 选择后的日期值 - name: toggle description: 弹出/隐藏时触发 title: 弹出/隐藏时 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/CollapseEvent" - name: $event.open type: boolean description: 弹出/隐藏状态 - name: blur title: 失去焦点 description: 失去焦点时触发。 params: - name: $event type: FocusEvent description: 原生事件对象 - name: senderVM description: 发送事件实例