- 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: 发送事件实例
