diff --git a/.vscode/settings.json b/.vscode/settings.json index 4e45648d..7cc450a7 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -59,7 +59,7 @@ }, ], "i18n-ally.extract.parsers.html": { - "attributes": ["text", "title", "alt", "placeholder", "label", "aria-label", "cancel-text", "close-text", "left-text", "right-text"], + "attributes": ["text", "title", "alt", "placeholder", "label", "aria-label", "cancel-text", "close-text", "left-text", "right-text", "value"], "ignoredTags": ["script", "style"], "vBind": true, "inlineText": true diff --git a/docs/component/calendar.md b/docs/component/calendar.md index 804bcd93..10395ebe 100644 --- a/docs/component/calendar.md +++ b/docs/component/calendar.md @@ -397,48 +397,49 @@ function handleConfirm({ value }) { ## Attributes -| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | -| ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ------------------------------------------------------------------------------------------- | --------------------- | ---------------- | -| v-model | 选中值，为 13 位时间戳或时间戳数组 | null / number / array | - | - | - | -| type | 日期类型 | string | date / dates / datetime / week / month / daterange / datetimerange / weekrange / monthrange | date | - | -| min-date | 最小日期，为 13 位时间戳 | number | - | 当前日期往前推 6 个月 | - | -| max-date | 最大日期，为 13 位时间戳 | number | - | 当前日期往后推 6 个月 | - | -| first-day-of-week | 周起始天 | number | - | 0 | - | -| formatter | 日期格式化函数 | function | - | - | - | -| max-range | type 为范围选择时有效，最大日期范围 | number | - | - | - | -| range-prompt | type 为范围选择时有效，选择超出最大日期范围时的错误提示文案 | string | - | 选择天数不能超过 x 天 | - | -| allow-same-day | type 为范围选择时有效，是否允许选择同一天 | boolean | - | false | - | -| default-time | 选中日期所使用的当日内具体时刻 | string / array | - | 00:00:00 | - | -| time-filter | type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据 | function | - | - | - | -| hide-second | type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改 | boolean | - | false | - | -| show-confirm | 是否显示确定按钮 | boolean | - | true | - | -| show-type-switch | 是否显示类型切换功能 | boolean | - | false | - | -| shortcuts | 快捷选项，为对象数组，其中对象的 `text` 必传 | array | - | - | - | -| title | 弹出层标题 | string | - | 选择日期 | - | -| label | 选择器左侧文案 | string | - | - | - | -| placeholder | 选择器占位符 | string | - | 请选择 | - | -| disabled | 禁用 | boolean | - | false | - | -| readonly | 只读 | boolean | - | false | - | -| display-format | 自定义展示文案的格式化函数，返回一个字符串 | function | - | - | - | -| inner-display-format | 自定义范围选择类型的面板内部回显，返回一个字符串 | function | - | - | - | -| size | 设置选择器大小 | string | large | - | - | -| label-width | 设置左侧标题宽度 | string | - | 33% | - | -| error | 是否为错误状态，错误状态时右侧内容为红色 | boolean | - | false | - | -| required | 必填样式 | boolean | - | false | - | -| center | 是否垂直居中 | boolean | - | false | - | -| ellipsis | 是否超出隐藏 | boolean | - | false | - | -| align-right | 选择器的值靠右展示 | boolean | - | false | - | -| before-confirm | 确定前校验函数，接收 { value, resolve } 参数，通过 resolve 继续执行，resolve 接收 1 个 boolean 参数 | function | - | - | - | -| use-default-slot | 使用默认插槽时设置该选项，已废弃直接使用默认插槽即可。 | boolean | - | false | - | -| use-label-slot | 使用 label 插槽时设置该选项，已废弃直接使用 label 插槽即可。 | boolean | - | false | - | -| close-on-click-modal | 点击遮罩是否关闭 | boolean | - | true | - | -| z-index | 弹窗层级 | number | - | 15 | - | -| safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型） | boolean | - | true | - | -| prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - | -| rules | 表单验证规则，结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | -| immediate-change | type 为 'datetime' 或 'datetimerange' 时有，是否在手指松开时立即触发 picker-view 的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25 版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | 1.2.25 | -| with-cell | 是否使用内置 cell 选择器 | boolean | - | true | 1.5.0 | -| root-portal | 是否从页面中脱离出来，用于解决各种 fixed 失效问题 | boolean | - | false | $LOWEST_VERSION$ | +| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | +|------|------|------|--------|--------|----------| +| v-model | 选中值，为 13 位时间戳或时间戳数组 | null / number / array | - | - | - | +| type | 日期类型 | string | date / dates / datetime / week / month / daterange / datetimerange / weekrange / monthrange | date | - | +| min-date | 最小日期，为 13 位时间戳 | number | - | 当前日期往前推 6 个月 | - | +| max-date | 最大日期，为 13 位时间戳 | number | - | 当前日期往后推 6 个月 | - | +| first-day-of-week | 周起始天 | number | - | 0 | - | +| formatter | 日期格式化函数 | function | - | - | - | +| max-range | type 为范围选择时有效，最大日期范围 | number | - | - | - | +| range-prompt | type 为范围选择时有效，选择超出最大日期范围时的错误提示文案 | string | - | 选择天数不能超过 x 天 | - | +| allow-same-day | type 为范围选择时有效，是否允许选择同一天 | boolean | - | false | - | +| default-time | 选中日期所使用的当日内具体时刻 | string / array | - | 00:00:00 | - | +| time-filter | type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据 | function | - | - | - | +| hide-second | type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改 | boolean | - | false | - | +| show-confirm | 是否显示确定按钮 | boolean | - | true | - | +| show-type-switch | 是否显示类型切换功能 | boolean | - | false | - | +| shortcuts | 快捷选项，为对象数组，其中对象的 `text` 必传 | array | - | - | - | +| title | 弹出层标题 | string | - | 选择日期 | - | +| label | 选择器左侧文案 | string | - | - | - | +| placeholder | 选择器占位符 | string | - | 请选择 | - | +| disabled | 禁用 | boolean | - | false | - | +| readonly | 只读 | boolean | - | false | - | +| display-format | 自定义展示文案的格式化函数，返回一个字符串 | function | - | - | - | +| inner-display-format | 自定义范围选择类型的面板内部回显，返回一个字符串 | function | - | - | - | +| size | 设置选择器大小 | string | large | - | - | +| label-width | 设置左侧标题宽度 | string | - | 33% | - | +| error | 是否为错误状态，错误状态时右侧内容为红色 | boolean | - | false | - | +| required | 必填样式 | boolean | - | false | - | +| center | 是否垂直居中 | boolean | - | false | - | +| ellipsis | 是否超出隐藏 | boolean | - | false | - | +| align-right | 选择器的值靠右展示 | boolean | - | false | - | +| before-confirm | 确定前校验函数，接收 { value, resolve } 参数，通过 resolve 继续执行，resolve 接收 1 个 boolean 参数 | function | - | - | - | +| use-default-slot | 使用默认插槽时设置该选项，已废弃直接使用默认插槽即可。 | boolean | - | false | - | +| use-label-slot | 使用 label 插槽时设置该选项，已废弃直接使用 label 插槽即可。 | boolean | - | false | - | +| close-on-click-modal | 点击遮罩是否关闭 | boolean | - | true | - | +| z-index | 弹窗层级 | number | - | 15 | - | +| safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型） | boolean | - | true | - | +| prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - | +| rules | 表单验证规则，结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | +| immediate-change | type 为 'datetime' 或 'datetimerange' 时有，是否在手指松开时立即触发 picker-view 的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25 版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | 1.2.25 | +| with-cell | 是否使用内置 cell 选择器 | boolean | - | true | 1.5.0 | +| clearable | 显示清空按钮 | boolean | - | false | $LOWEST_VERSION$ | +| root-portal | 是否从页面中脱离出来，用于解决各种 fixed 失效问题 | boolean | - | false | $LOWEST_VERSION$ | ### FormItemRule 数据结构 @@ -457,7 +458,7 @@ function handleConfirm({ value }) { | change | 点击面板日期时触发 | `{ value }` | - | | cancel | 点击关闭按钮或者蒙层时触发 | - | - | | open | 日历打开时触发 | - | - | - +| clear | 点击清空按钮时触发 | - | $LOWEST_VERSION$ | ## Methods diff --git a/docs/component/cell.md b/docs/component/cell.md index e34cbbe3..281a199e 100644 --- a/docs/component/cell.md +++ b/docs/component/cell.md @@ -161,6 +161,14 @@ function handleSliderChange({ value }) { ``` +## 内容省略 + +设置 `ellipsis` 属性，右侧内容超出时会以省略号显示。 + +```html + +``` + ## 自定义内容 `cell` 提供了 `icon`、`title`、`label`和默认 value 的插槽。 @@ -253,6 +261,8 @@ function handleSwitchChange({ value }) { | center | 是否垂直居中，默认顶部居中 | boolean | - | false | - | | required | 表单属性，必填 | boolean | - | false | - | | vertical | 表单属性，上下结构 | boolean | - | false | - | +| ellipsis | 内容省略，右侧内容超出时会以省略号显示 | boolean | - | false | $LOWEST_VERSION$ | +| use-title-slot | 是否启用title插槽，默认启用，用来解决插槽传递时v-slot和v-if冲突问题 | boolean | - | true | $LOWEST_VERSION$ | | prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - | | rules | 表单验证规则，结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | | border | 是否展示边框线，优先级高于`cell-group`的`border` | boolean | - | - | - | diff --git a/docs/component/datetime-picker.md b/docs/component/datetime-picker.md index bc898a22..b6f366be 100644 --- a/docs/component/datetime-picker.md +++ b/docs/component/datetime-picker.md @@ -318,6 +318,7 @@ const displayFormatTabLabel = (items) => { | rules | 表单验证规则，结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | | immediate-change | 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | 1.2.25 | | use-second | 是否显示秒选择，仅在 time 和 datetime 类型下生效 | boolean | - | false | 1.10.0 | +| clearable | 显示清空按钮 | boolean | - | false | $LOWEST_VERSION$ | | root-portal | 是否从页面中脱离出来，用于解决各种 fixed 失效问题 | boolean | - | false | $LOWEST_VERSION$ | ### FormItemRule 数据结构 @@ -336,6 +337,7 @@ const displayFormatTabLabel = (items) => { | confirm | 点击右侧按钮触发 | `{ value }`, value 为当前选中日期的时间戳，'time' 类型则为字符串 | - | | cancel | 点击左侧按钮触发 | - | - | | toggle | 在区域选择模式下，tab标签切换时触发 | 切换到当前picker选中的值 | - | +| clear | 点击清空按钮触发 | - | $LOWEST_VERSION$ | ## Methods diff --git a/docs/component/picker.md b/docs/component/picker.md index 1d89ccda..af2b028a 100644 --- a/docs/component/picker.md +++ b/docs/component/picker.md @@ -238,41 +238,41 @@ function handleConfirm({ value }) { ## Attributes -| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | -| ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- | ------ | ------- | ---------------- | -| v-model | 选中项，如果为多列选择器，则其类型应为数组 | string / number / boolean / array | - | - | - | -| columns | 选择器数据，可以为字符串数组，也可以为对象数组，如果为二维数组，则为多列选择器 | array | - | - | - | -| loading | 加载中 | boolean | - | false | - | -| loading-color | 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写 | string | - | #4D80F0 | - | -| columns-height | picker内部滚筒高 | number | - | 231 | - | -| value-key | 选项对象中，value对应的 key | string | - | value | - | -| label-key | 选项对象中，展示的文本对应的 key | string | - | label | - | -| title | 弹出层标题 | string | - | - | - | -| cancel-button-text | 取消按钮文案 | string | - | 取消 | - | -| confirm-button-text | 确认按钮文案 | string | - | 完成 | - | -| label | 选择器左侧文案 | string | - | - | - | -| placeholder | 选择器占位符 | string | - | 请选择 | - | -| disabled | 禁用 | boolean | - | false | - | -| readonly | 只读 | boolean | - | false | - | -| display-format | 自定义展示文案的格式化函数，返回一个字符串 | function | - | - | - | -| column-change | 接收 pickerView 实例、选中项、当前修改列的下标、resolve 作为入参，根据选中项和列下标进行判断，通过 pickerView 实例暴露出来的 `setColumnData` 方法修改其他列的数据源。 | function | - | - | - | -| size | 设置选择器大小 | string | large | - | - | -| label-width | 设置左侧标题宽度 | string | - | 33% | - | -| error | 是否为错误状态，错误状态时右侧内容为红色 | boolean | - | false | - | -| required | 表单属性，必填 | boolean | - | false | - | -| align-right | 选择器的值靠右展示 | boolean | - | false | - | -| use-label-slot | label 使用插槽 | boolean | - | false | - | -| use-default-slot | 使用默认插槽 | boolean | - | false | - | -| before-confirm | 确定前校验函数，接收 (value, resolve, picker) 参数，通过 resolve 继续执行 picker，resolve 接收1个boolean参数 | function | - | - | - | -| close-on-click-modal | 点击遮罩是否关闭 | boolean | - | true | - | -| z-index | 弹窗层级 | number | - | 15 | - | -| safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型） | boolean | - | true | - | -| ellipsis | 是否超出隐藏 | boolean | - | false | - | -| prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - | -| rules | 表单验证规则，结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | -| immediate-change | 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | 1.2.25 | -| clearable | 显示清空按钮 | boolean | - | false | 1.3.13 | -| root-portal | 是否从页面中脱离出来，用于解决各种 fixed 失效问题 | boolean | - | false | $LOWEST_VERSION$ | +| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | +|------|------|------|--------|--------|----------| +| v-model | 选中项，如果为多列选择器，则其类型应为数组 | string/number/boolean/array | - | - | - | +| columns | 选择器数据，可以为字符串数组，也可以为对象数组，如果为二维数组，则为多列选择器 | array | - | - | - | +| loading | 加载中 | boolean | - | false | - | +| loading-color | 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写 | string | - | #4D80F0 | - | +| columns-height | picker内部滚筒高 | number | - | 231 | - | +| value-key | 选项对象中，value对应的 key | string | - | value | - | +| label-key | 选项对象中，展示的文本对应的 key | string | - | label | - | +| title | 弹出层标题 | string | - | - | - | +| cancel-button-text | 取消按钮文案 | string | - | 取消 | - | +| confirm-button-text | 确认按钮文案 | string | - | 完成 | - | +| label | 选择器左侧文案 | string | - | - | - | +| placeholder | 选择器占位符 | string | - | 请选择 | - | +| disabled | 禁用 | boolean | - | false | - | +| readonly | 只读 | boolean | - | false | - | +| display-format | 自定义展示文案的格式化函数，返回一个字符串 | function | - | - | - | +| column-change | 接收 pickerView 实例、选中项、当前修改列的下标、resolve 作为入参，根据选中项和列下标进行判断，通过 pickerView 实例暴露出来的 `setColumnData` 方法修改其他列的数据源 | function | - | - | - | +| size | 设置选择器大小 | string | large | - | - | +| label-width | 设置左侧标题宽度 | string | - | 33% | - | +| error | 是否为错误状态，错误状态时右侧内容为红色 | boolean | - | false | - | +| required | 表单属性，必填 | boolean | - | false | - | +| align-right | 选择器的值靠右展示 | boolean | - | false | - | +| use-label-slot | label 使用插槽 | boolean | - | false | - | +| use-default-slot | 使用默认插槽 | boolean | - | false | - | +| before-confirm | 确定前校验函数，接收 (value, resolve, picker) 参数，通过 resolve 继续执行 picker，resolve 接收1个boolean参数 | function | - | - | - | +| close-on-click-modal | 点击遮罩是否关闭 | boolean | - | true | - | +| z-index | 弹窗层级 | number | - | 15 | - | +| safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型） | boolean | - | true | - | +| ellipsis | 是否超出隐藏 | boolean | - | false | - | +| prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - | +| rules | 表单验证规则，结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | +| immediate-change | 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持 | boolean | - | false | 1.2.25 | +| clearable | 显示清空按钮 | boolean | - | false | $LOWEST_VERSION$ | +| root-portal | 是否从页面中脱离出来，用于解决各种 fixed 失效问题 | boolean | - | false | $LOWEST_VERSION$ | ### FormItemRule 数据结构 @@ -290,7 +290,7 @@ function handleConfirm({ value }) { | confirm | 点击右侧按钮触发 | { value, selectedItems }， value 为选中值(多列则为数组)，selectedItems为选中项(多列则为数组) | - | | cancel | 点击左侧按钮触发 | - | - | | open | 打开选择器弹出层时触发 | - | - | -| clear | 点击清空按钮时触发 | - | 1.3.13 | +| clear | 点击清空按钮时触发 | - | $LOWEST_VERSION$ | ## Methods diff --git a/docs/component/select-picker.md b/docs/component/select-picker.md index a81c35e1..062f3d26 100644 --- a/docs/component/select-picker.md +++ b/docs/component/select-picker.md @@ -322,46 +322,46 @@ function handleConfirm({ value, selectedItems }) { ## Attributes -| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | -| ---------------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------- | ---------------- | -------- | ---------------- | -| v-model | 选中项，`type`类型为`checkbox`时，类型为 array；`type`为`radio` 时 ，类型为 number / boolean / string | array / number / boolean / string | - | - | - | -| columns | 选择器数据，一维数组 | array | - | - | - | -| type | 单复选选择器类型 | string | checkbox / radio | checkbox | - | -| value-key | 选项对象中，value 对应的 key | string | - | value | - | -| label-key | 选项对象中，展示的文本对应的 key | string | - | label | - | -| title | 弹出层标题 | string | - | - | - | -| label | 选择器左侧文案 | string | - | - | - | -| placeholder | 选择器占位符 | string | - | 请选择 | - | -| disabled | 禁用 | boolean | - | false | - | -| loading | 加载中 | boolean | - | false | - | -| loading-color | 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写 | String | - | #4D80F0 | - | -| readonly | 只读 | boolean | - | false | - | -| display-format | 自定义展示文案的格式化函数，返回一个字符串 | function | - | - | - | -| confirm-button-text | 确认按钮文案 | string | - | 确认 | - | -| size | 设置选择器大小 | string | large | - | - | -| label-width | 设置左侧标题宽度 | string | - | 33% | - | -| error | 是否为错误状态，错误状态时右侧内容为红色 | boolean | - | false | - | -| required | 必填样式 | boolean | - | false | - | -| align-right | 选择器的值靠右展示 | boolean | - | false | - | -| before-confirm | 确定前校验函数，接收 (value, resolve) 参数，通过 resolve 继续执行 picker，resolve 接收 1 个 boolean 参数 | function | - | - | - | -| select-size | 设置 picker 内部的选项组尺寸大小 （单/复选框） | string | large | - | - | -| min | 最小选中的数量（仅在复选框类型下生效，`type`类型为`checkbox`） | number | - | 0 | - | -| max | 最大选中的数量，0 为无限数量，默认为 0（仅在复选框类型下生效，`type`类型为`checkbox`） | number | - | 0 | - | -| checked-color | 选中的颜色（单/复选框） | string | - | #4D80F0 | - | -| use-default-slot | 使用默认插槽时设置该选项 | boolean | - | false | - | -| use-label-slot | 使用 label 插槽时设置该选项 | boolean | - | false | - | -| close-on-click-modal | 点击遮罩是否关闭 | boolean | - | true | - | -| z-index | 弹窗层级 | number | - | 15 | - | -| safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型） | boolean | - | true | - | -| filterable | 可搜索（目前只支持本地搜索） | boolean | - | false | - | -| filter-placeholder | 搜索框占位符 | string | - | 搜索 | - | -| ellipsis | 是否超出隐藏 | boolean | - | false | - | -| scroll-into-view | 重新打开是否滚动到选中项 | boolean | - | true | 0.1.34 | -| show-confirm | 是否显示确认按钮（仅`radio`类型生效） | boolean | | true | 1.2.8 | -| prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - | -| rules | 表单验证规则，结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | -| clearable | 显示清空按钮 | boolean | - | false | 1.3.13 | -| root-portal | 是否从页面中脱离出来，用于解决各种 fixed 失效问题 | boolean | - | false | $LOWEST_VERSION$ | +| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | +|------|------|------|--------|--------|----------| +| v-model | 选中项，`type`为`checkbox`时类型为array；`type`为`radio`时类型为number/boolean/string | array/number/boolean/string | - | - | - | +| columns | 选择器数据，一维数组 | array | - | - | - | +| type | 单复选选择器类型 | string | checkbox/radio | checkbox | - | +| value-key | 选项对象中value对应的key | string | - | value | - | +| label-key | 选项对象中展示文本对应的key | string | - | label | - | +| title | 弹出层标题 | string | - | - | - | +| label | 选择器左侧文案 | string | - | - | - | +| placeholder | 选择器占位符 | string | - | 请选择 | - | +| disabled | 禁用 | boolean | - | false | - | +| loading | 加载中 | boolean | - | false | - | +| loading-color | 加载颜色（十六进制，不能缩写） | String | - | #4D80F0 | - | +| readonly | 只读 | boolean | - | false | - | +| display-format | 自定义展示文案的格式化函数 | function | - | - | - | +| confirm-button-text | 确认按钮文案 | string | - | 确认 | - | +| size | 选择器大小 | string | large | - | - | +| label-width | 左侧标题宽度 | string | - | 33% | - | +| error | 错误状态（右侧内容红色） | boolean | - | false | - | +| required | 必填样式 | boolean | - | false | - | +| align-right | 值靠右展示 | boolean | - | false | - | +| before-confirm | 确定前校验函数，接收(value,resolve)参数 | function | - | - | - | +| select-size | picker内部选项组尺寸 | string | large | - | - | +| min | 最小选中数量（仅checkbox） | number | - | 0 | - | +| max | 最大选中数量（0为无限，仅checkbox） | number | - | 0 | - | +| checked-color | 选中颜色（单/复选框） | string | - | #4D80F0 | - | +| use-default-slot | 使用默认插槽 | boolean | - | false | - | +| use-label-slot | 使用label插槽 | boolean | - | false | - | +| close-on-click-modal | 点击遮罩关闭 | boolean | - | true | - | +| z-index | 弹窗层级 | number | - | 15 | - | +| safe-area-inset-bottom | 底部安全距离（iPhone X类机型） | boolean | - | true | - | +| filterable | 可搜索（仅本地） | boolean | - | false | - | +| filter-placeholder | 搜索框占位符 | string | - | 搜索 | - | +| ellipsis | 超出隐藏 | boolean | - | false | - | +| scroll-into-view | 重新打开时滚动到选中项 | boolean | - | true | 0.1.34 | +| show-confirm | 是否显示确认按钮（仅radio） | boolean | - | true | 1.2.8 | +| prop | 表单域model字段名（校验必填） | string | - | - | - | +| rules | 表单验证规则（配合wd-form） | `FormItemRule[]` | - | `[]` | - | +| clearable | 显示清空按钮 | boolean | - | false | $LOWEST_VERSION$ | +| root-portal | 脱离页面解决fixed失效问题 | boolean | - | false | $LOWEST_VERSION$ | ### FormItemRule 数据结构 @@ -389,7 +389,7 @@ function handleConfirm({ value, selectedItems }) { | cancel | 点击关闭按钮或者蒙层时触发 | - | - | | close | 弹窗关闭时触发 | - | 1.2.29 | | open | 弹窗打开时触发 | - | 1.2.29 | -| clear | 点击清空按钮时触发 | - | 1.3.13 | +| clear | 点击清空按钮时触发 | - | $LOWEST_VERSION$ | ## Methods diff --git a/docs/en-US/component/calendar.md b/docs/en-US/component/calendar.md index 2e990408..fc1d2d7a 100644 --- a/docs/en-US/component/calendar.md +++ b/docs/en-US/component/calendar.md @@ -165,4 +165,89 @@ Set the `formatter` parameter, which is a function type that receives an `object | same | Range start and end date are the same day | - | | current | Current date | - | | multiple-middle | Multiple date range selection, dates between start and end | 1.5.0 | -| multiple-selected| Multiple date range selection, selected dates | 1.5.0 | \ No newline at end of file +| multiple-selected| Multiple date range selection, selected dates | 1.5.0 | + +## Attributes + +| Attribute | Description | Type | Options | Default | Version | +|-----------|-------------|------|----------|---------|----------| +| v-model | Selected value, 13-digit timestamp or timestamp array | null / number / array | - | - | - | +| type | Date type | string | date / dates / datetime / week / month / daterange / datetimerange / weekrange / monthrange | date | - | +| min-date | Minimum date, 13-digit timestamp | number | - | 6 months before current date | - | +| max-date | Maximum date, 13-digit timestamp | number | - | 6 months after current date | - | +| first-day-of-week | Week start day | number | - | 0 | - | +| formatter | Date formatting function | function | - | - | - | +| max-range | Maximum date range for range selection types | number | - | - | - | +| range-prompt | Error message when selection exceeds maximum date range | string | - | Selection cannot exceed x days | - | +| allow-same-day | Whether to allow selecting the same day in range selection | boolean | - | false | - | +| default-time | Specific time of day for selected date | string / array | - | 00:00:00 | - | +| time-filter | Filter function for time picker data, effective for 'datetime' or 'datetimerange' types | function | - | - | - | +| hide-second | Whether to hide second modification for 'datetime' or 'datetimerange' types | boolean | - | false | - | +| show-confirm | Whether to show confirm button | boolean | - | true | - | +| show-type-switch | Whether to show type switch function | boolean | - | false | - | +| shortcuts | Quick options, array of objects with required 'text' property | array | - | - | - | +| title | Popup title | string | - | Select Date | - | +| label | Picker left text | string | - | - | - | +| placeholder | Picker placeholder | string | - | Please select | - | +| disabled | Disabled state | boolean | - | false | - | +| readonly | Read-only state | boolean | - | false | - | +| display-format | Custom display text formatting function, returns a string | function | - | - | - | +| inner-display-format | Custom panel internal display for range selection types, returns a string | function | - | - | - | +| size | Set picker size | string | large | - | - | +| label-width | Set left title width | string | - | 33% | - | +| error | Whether in error state, right content is red in error state | boolean | - | false | - | +| required | Required style | boolean | - | false | - | +| center | Whether to vertically center | boolean | - | false | - | +| ellipsis | Whether to hide overflow | boolean | - | false | - | +| align-right | Display picker value aligned to the right | boolean | - | false | - | +| before-confirm | Validation function before confirmation, receives { value, resolve } parameters, continue through resolve, resolve accepts a boolean parameter | function | - | - | - | +| close-on-click-modal | Whether to close when clicking mask | boolean | - | true | - | +| z-index | Popup layer z-index | number | - | 15 | - | +| safe-area-inset-bottom | Whether to set bottom safe area for popup panel (iPhone X type devices) | boolean | - | true | - | +| prop | Form field `model` field name, required when using form validation | string | - | - | - | +| rules | Form validation rules, used with `wd-form` component | `FormItemRule []` | - | `[]` | - | +| immediate-change | Whether to trigger the picker-view's change event immediately when the finger is released. If not enabled, the change event will be triggered after the scrolling animation ends. Available from version 1.2.25, only supported on WeChat Mini Program and Alipay Mini Program. | boolean | - | false | 1.2.25 | +| with-cell | Whether to use built-in cell picker | boolean | - | true | 1.5.0 | +| clearable | Show clear button | boolean | - | false | $LOWEST_VERSION$ | +| root-portal | Whether to detach from the page, used to solve various fixed positioning issues | boolean | - | false | $LOWEST_VERSION$ | + +### FormItemRule Data Structure + +| Key | Description | Type | +|-----|-------------|------| +| required | Whether required field | `boolean` | +| message | Error message | `string` | +| validator | Validate through function, can return a `Promise` for async validation | `(value, rule) => boolean \| Promise` | +| pattern | Validate through regular expression, validation fails if regex doesn't match | `RegExp` | + +## Events + +| Event Name | Description | Parameters | Version | +|------------|-------------|------------|----------| +| confirm | Triggered when binding value changes | `{ value, type }` | - | +| change | Triggered when clicking panel date | `{ value }` | - | +| cancel | Triggered when clicking close button or mask | - | - | +| open | Triggered when calendar opens | - | - | +| clear | Triggered when clicking clear button | - | $LOWEST_VERSION$ | + +## Methods + +| Method Name | Description | Parameters | Version | +|-------------|-------------|------------|----------| +| open | Open panel | - | - | +| close | Close panel | - | - | + +## Slots + +| Name | Description | Version | +|------|-------------|----------| +| default | Custom display | - | +| label | Left slot | - | + +## External Classes + +| Class Name | Description | Version | +|------------|-------------|----------| +| custom-class | Root node style | - | +| custom-label-class | Label external custom style | - | +| custom-value-class | Value external custom style | - | \ No newline at end of file diff --git a/docs/en-US/component/cell.md b/docs/en-US/component/cell.md index c60b2b92..f1f64a0e 100644 --- a/docs/en-US/component/cell.md +++ b/docs/en-US/component/cell.md @@ -120,6 +120,8 @@ The `center` attribute sets whether the left and right content of the cell is ve | on | Whether to show the on icon on the right | boolean | false | - | | bordered | Whether to show the bottom border | boolean | true | - | | center-title | Whether to center the title | boolean | false | 0.1.1 | +| ellipsis | Whether to truncate content with ellipsis when it overflows | boolean | false | $LOWEST_VERSION$ | +| use-title-slot | Whether to enable title slot, enabled by default to solve v-slot and v-if conflict issues | boolean | true | $LOWEST_VERSION$ | ## Cell Events diff --git a/docs/en-US/component/datetime-picker.md b/docs/en-US/component/datetime-picker.md index dc66bc0c..1b715d18 100644 --- a/docs/en-US/component/datetime-picker.md +++ b/docs/en-US/component/datetime-picker.md @@ -313,6 +313,7 @@ const displayFormatTabLabel = (items) => { | rules | Form validation rules, used with `wd-form` component | `FormItemRule []` | - | `[]` | - | | immediate-change | Whether to trigger the picker-view's change event immediately when the finger is released. If not enabled, the change event will be triggered after the scrolling animation ends. Available from version 1.2.25, only supported on WeChat Mini Program and Alipay Mini Program. | boolean | - | false | 1.2.25 | | use-second | Whether to display the second selection, only effective for time and datetime types | boolean | - | false | 1.10.0 | +| clearable | Show clear button | boolean | - | false | $LOWEST_VERSION$ | | root-portal | Whether to detach from the page, used to solve various fixed positioning issues | boolean | - | false | $LOWEST_VERSION$ | ### FormItemRule Data Structure @@ -331,6 +332,7 @@ const displayFormatTabLabel = (items) => { | confirm | Triggered when clicking right button | `{ value }`, value is the timestamp of currently selected date, or string for 'time' type | - | | cancel | Triggered when clicking left button | - | - | | toggle | In range selection mode, triggered when switching tab labels | Currently selected value of the switched picker | - | +| clear | Triggered when clicking clear button | - | $LOWEST_VERSION$ | ## Methods diff --git a/docs/en-US/component/picker.md b/docs/en-US/component/picker.md index d4619c81..62f6f75e 100644 --- a/docs/en-US/component/picker.md +++ b/docs/en-US/component/picker.md @@ -1,10 +1,10 @@ -# Picker +# Picker Selector The Picker component is a combination of popup and pickerView. ## Basic Usage -Set the data source of options through `columns`. Options can be strings or objects. If it's an object, the `label` property is used by default to render the option content. `label` sets the left text content, and `v-model` sets the value of the selected item. The label can be omitted. You can set the title width through `label-width`, which defaults to '33%'. Listen to the `confirm` event to get the selected value, which passes an event object `event = { value, selectedItems }`, where value is the bound value and selectedItems is the object of selected options. +Set the `columns` property to configure the option data source. Options can be strings or objects. If they are objects, the `label` property is used by default for rendering the option content. The `label` property sets the left-side text content, and `v-model` sets the selected value. The `label` can be omitted. The title width can be set via `label-width`, which defaults to '33%'. Listen to the `confirm` event to get the selected value, which returns an event object: `event = { value, selectedItems }`. `value` is the bound value, and `selectedItems` is the selected option object(s). ```html @@ -19,13 +19,13 @@ function handleConfirm({ value }) { } ``` -When the `columns` option is an object, its data structure is: +When `columns` options are objects, their data structure is as follows: -| Parameter | Type | Description | Min Version | -|-----------|------|-------------|-------------| -| value | string / number / boolean | Option value. If the value property doesn't exist, the label is used as the option value | - | -| label | string | Option text content | - | -| disabled | boolean | Whether the option is disabled | - | +| Parameter | Type | Description | Minimum Version | +| --------- | ------------------------- | --------------------------------------------------------------------------- | --------------- | +| value | string / number / boolean | Option value. If the `value` property is missing, `label` is used as the value. | - | +| label | string | Option text content | - | +| disabled | boolean | Whether the option is disabled | - | ## Disabled @@ -41,12 +41,12 @@ const value = ref('Option 3') const columns = ref(['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5', 'Option 6', 'Option 7']) ``` -## Read-only +## Readonly Set the `readonly` property. ```html - + ``` ## Clear Button @@ -57,12 +57,12 @@ Set the `clearable` property. ``` -## Title Text +## Title Set the `title` property. ```html - + ``` ## Loading @@ -86,20 +86,20 @@ const value = ref(['Central South University', 'Software Engineering']) const columns = ref([ ['Sun Yat-sen University', 'Central South University', 'South China University of Technology'], - ['Computer Science and Technology', 'Software Engineering', 'Communication Engineering', 'Law', 'Economics'] + ['Computer Science', 'Software Engineering', 'Communication Engineering', 'Law', 'Economics'] ]) ``` -## Multi-level Linkage +## Cascading -Pass in the `column-change` property, which is of type `function`. It receives the pickerView instance, selected item, current column index, and resolve as parameters. Based on the selected item and column index, use the `setColumnData` method exposed by the pickerView instance to modify the data source of other columns. After modification is complete, execute `resolve()` to notify the component that the modification is complete to continue execution. If `column-change` includes asynchronous operations, the component can also execute according to the asynchronous sequence. +Pass the `column-change` property, which is a `function` that receives the pickerView instance, selected item, current column index, and `resolve` as parameters. Based on the selected item and column index, modify the data source of other columns using the `setColumnData` method exposed by the pickerView instance. After modification, call `resolve()` to notify the component that the modification is complete. If `column-change` contains asynchronous operations, the component will execute them in order. -> You need to call resolve() to notify the component after each modification. +> `resolve()` must be called after each modification. ```html { ## Picker Size -Modify the picker size by setting `size`. When `size` is set to 'large', the font size is 16px. +Modify the picker size by setting `size`. When `size` is set to 'large', the font size becomes 16px. ```html ``` -## Required Field +## Required Set the `required` property to display the required style. ```html - + ``` ## Error State @@ -167,22 +167,22 @@ Set the `error` property to display the picker value in red. ``` -## Right-aligned Value +## Right-Aligned Value -Set the `align-right` property to display the picker value aligned to the right. +Set the `align-right` property to right-align the picker value. ```html ``` -## Validation Before Confirmation +## Pre-Confirmation Validation -Set the `before-confirm` function, which will be executed when the user clicks the 'confirm' button. It receives `value`, `resolve`, and `picker` parameters. You can validate the `value` and use the `resolve` function to notify the component whether the confirmation is approved. `resolve` accepts a boolean value, where `resolve(true)` means the option is approved, and `resolve(false)` means it's not approved. When not approved, the picker popup won't close. You can directly set properties like `loading` and `columns` through the `picker` parameter. +Set the `before-confirm` function. When the user clicks the "Confirm" button, the `before-confirm` function is executed, receiving `value`, `resolve`, and `picker` parameters. You can validate `value` and notify the component whether the validation passes via `resolve`. `resolve` accepts a boolean value: `resolve(true)` indicates validation passes, while `resolve(false)` indicates validation fails (the picker popup will not close). Properties like `loading` and `columns` can be directly set via the `picker` parameter. ```html - + ``` ```typescript @@ -196,10 +196,119 @@ const beforeConfirm = (value, resolve, picker) => { picker.setLoading(false) if (['Option 2', 'Option 3'].indexOf(value) > -1) { resolve(false) - toast.show('Option 2 and Option 3 are not allowed to be selected') + toast.error('Validation failed. Please reselect.') } else { resolve(true) } }, 2000) } -``` \ No newline at end of file + +const columns = ref(['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5', 'Option 6', 'Option 7']) +const value = ref('') + +const beforeConfirm = (value, resolve, picker) => { + picker.setLoading(true) + setTimeout(() => { + picker.setLoading(false) + if (['Option 2', 'Option 3'].indexOf(value) > -1) { + resolve(false) + toast.error('Validation failed. Please reselect.') + } else { + resolve(true) + } + }, 2000) +} + +function handleConfirm({ value }) { + value.value = value +} +``` + +## Trigger Slot + +Enable `use-default-slot` and use the default slot to customize the picker trigger component. + +```html + + Slot Trigger + +``` + +## Attributes + +| Parameter | Description | Type | Options | Default | Minimum Version | +|-----------|-------------|------|---------|---------|-----------------| +| v-model | Selected value. For multi-column pickers, this should be an array. | string/number/boolean/array | - | - | - | +| columns | Picker data. Can be an array of strings or objects. If a 2D array, it becomes a multi-column picker. | array | - | - | - | +| loading | Loading state | boolean | - | false | - | +| loading-color | Loading color (hexadecimal format, no shorthand). | string | - | #4D80F0 | - | +| columns-height | Internal picker roller height | number | - | 231 | - | +| value-key | Key for the `value` property in option objects | string | - | value | - | +| label-key | Key for the `label` property in option objects | string | - | label | - | +| title | Popup title | string | - | - | - | +| cancel-button-text | Cancel button text | string | - | Cancel | - | +| confirm-button-text | Confirm button text | string | - | Confirm | - | +| label | Left-side text label | string | - | - | - | +| placeholder | Placeholder text | string | - | Select | - | +| disabled | Disabled state | boolean | - | false | - | +| readonly | Readonly state | boolean | - | false | - | +| display-format | Custom display text formatting function (returns a string) | function | - | - | - | +| column-change | Function to handle column changes (receives pickerView instance, selected item, column index, and resolve) | function | - | - | - | +| size | Picker size | string | large | - | - | +| label-width | Left-side label width | string | - | 33% | - | +| error | Error state (displays value in red) | boolean | - | false | - | +| required | Required field style | boolean | - | false | - | +| align-right | Right-align the picker value | boolean | - | false | - | +| use-label-slot | Use label slot | boolean | - | false | - | +| use-default-slot | Use default slot | boolean | - | false | - | +| before-confirm | Pre-confirmation validation function (receives value, resolve, picker) | function | - | - | - | +| close-on-click-modal | Close popup when clicking the mask | boolean | - | true | - | +| z-index | Popup z-index | number | - | 15 | - | +| safe-area-inset-bottom | Enable bottom safe area for iPhone X-type devices | boolean | - | true | - | +| ellipsis | Enable text overflow ellipsis | boolean | - | false | - | +| prop | Form model field name (required for form validation) | string | - | - | - | +| rules | Form validation rules (used with `wd-form`) | `FormItemRule []` | - | `[]` | - | +| immediate-change | Trigger picker-view change event immediately on touch release (supported in WeChat Mini Program and Alipay Mini Program from v1.2.25) | boolean | - | false | 1.2.25 | +| clearable | Show clear button | boolean | - | false | $LOWEST_VERSION$ | +| root-portal | Detach from page to resolve fixed positioning issues | boolean | - | false | $LOWEST_VERSION$ | + +### FormItemRule Structure + +| Key | Description | Type | +| --------- | --------------------------------------------------------------------------- | ------------------------------------- | +| required | Whether the field is required | `boolean` | +| message | Error message text | `string` | +| validator | Custom validation function (can return a `Promise` for async validation) | `(value, rule) => boolean \| Promise` | +| pattern | Validate using a regular expression (fails if no match) | `RegExp` | + +## Events + +| Event Name | Description | Parameters | Minimum Version | +| ---------- | ---------------------------- | -------------------------------------------------------------------------------------------------------- | --------------- | +| confirm | Triggered on confirm button click | { value, selectedItems }, where `value` is the selected value (array for multi-column), and `selectedItems` is the selected option(s) | - | +| cancel | Triggered on cancel button click | - | - | +| open | Triggered when picker popup opens | - | - | +| clear | Triggered on clear button click | - | $LOWEST_VERSION$ | + +## Methods + +| Method Name | Description | Parameters | Minimum Version | +| ----------- | -------------------- | ---------- | --------------- | +| open | Open picker popup | - | - | +| close | Close picker popup | - | - | + +## Slots + +| Name | Description | Minimum Version | +| ------- | -------------------- | --------------- | +| default | Default slot content | - | +| label | Left-side label slot | - | + +## External Classes + +| Class Name | Description | Minimum Version | +| ------------------- | ------------------------------- | --------------- | +| custom-class | Root node styles | - | +| custom-view-class | Custom styles for pickerView | - | +| custom-label-class | Custom styles for label | - | +| custom-value-class | Custom styles for value | - | \ No newline at end of file diff --git a/docs/en-US/component/select-picker.md b/docs/en-US/component/select-picker.md index 4658b2e2..83f64a57 100644 --- a/docs/en-US/component/select-picker.md +++ b/docs/en-US/component/select-picker.md @@ -252,6 +252,8 @@ Set the `label-key` property to customize the key name of the option label. | display-format | Display format function | function | - | - | | close-on-click-modal | Whether to close when clicking modal | boolean | true | - | | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | boolean | true | - | +| root-portal | Whether to detach from the page, used to solve various fixed positioning issues | boolean | false | $LOWEST_VERSION$ | +| clearable | Show clear button | boolean | false | $LOWEST_VERSION$ | ## Events @@ -262,6 +264,7 @@ Set the `label-key` property to customize the key name of the option label. | change | Triggered when value changes | value | - | | focus | Triggered when focusing | - | - | | blur | Triggered when blurring | - | - | +| clear | Triggered when clicking clear button | - | $LOWEST_VERSION$ | ## Methods diff --git a/src/locale/en-US.json b/src/locale/en-US.json index 94d48831..d922b1ac 100644 --- a/src/locale/en-US.json +++ b/src/locale/en-US.json @@ -157,6 +157,7 @@ "bottom-right": "bottom right", "bu-gu-ding-biao-tou-jie-he-fen-ye-qi": "Non fixed header combined with paginator", "bu-neng-xuan-ze-da-yu-jin-tian-de-ri-qi": "Cannot select a date greater than today", + "bu-shou-fu-zu-jian-yang-shi-ying-xiang": "Do not affect the parent component's style", "bu-xian": "no limit", "bu-xian-shi-jin-du-wen-zi": "Do not display progress text", "bu-zhan-shi-biao-tou": "Do not display the header", @@ -319,6 +320,7 @@ "dan-dan-dan": "Bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet bullet", "dan-dong": "Dandong", "dan-ge-ri-qi-xuan-ze": "Single date selection", + "dan-ge-ri-qi-xuan-ze-ke-qing-kong": "Single date selection (can be cleared)", "dan-lie-xuan-xiang": "Single column options", "dan-xuan-ke-sou-suo": "Single choice searchable", "dan-xuan-kuang-1": "Single Choice Box 1", @@ -403,6 +405,7 @@ "duo-hang-wen-ben-3": "Multi line Text 3", "duo-hang-zhan-shi": "Multi line display", "duo-ji-lian-dong": "Multi level linkage", + "duo-ji-lian-dong-ke-qing-kong": "Multi level linkage (can be cleared)", "duo-ji-lian-dong-shu-zhi-value5": "Multi level linkage, numerical value: ", "duo-lie": "Multicolumn", "duo-lie-shu-zhi-value4": "Multiple columns, numerical value: ", @@ -598,6 +601,7 @@ "items0label-nian-items1label-yue-items2label-ri-items3labelitems4label-0": "{0} year {1} month {2} day {3}: {4}", "itemtitle-hui-biao": " Badge", "ji-ben-shi-yong": "Basic Use", + "ji-ben-tan-chuang": "Basic Modal", "ji-ben-yong-fa-shi-yong-yu-an-niu-jia-zai-zhuang-tai-he-ye-mian-qing-ti-shi": "Basic usage (applicable to button loading status and page light prompts)", "ji-ben-yong-fa-shu-zhi-value1": "Basic usage, numerical value: ", "ji-chu": "foundation", @@ -786,6 +790,7 @@ "mo-ren-fen-duan-qi": "Default Segmenter", "mo-ren-jian-pan": "Default keyboard", "mo-ren-ri-qi": "default date", + "mo-tai-kuang-biao-ti": "Modal Title", "name-pi-pei": "Name matching", "nan": "male", "nan-0": "male", @@ -934,6 +939,7 @@ "qu-xiao-xuan-ze-cao-zuo": "Deselect operation", "qu-xiao-yu-lan-cao-zuo": "Cancel preview operation", "qu-yu-xuan-ze": "Regional selection", + "qu-yu-xuan-ze-ke-qing-kong": "Area selection (can be cleared)", "quXiaoAnNiu": "cancel button", "quan-bu": "all", "quan-bu-0": "all", @@ -944,6 +950,8 @@ "quan-bu-shou-qi": "Put it all away", "quan-bu-xuan-zhong-tiao-guo-jin-yong": "Select All, Skip, Disable", "quan-bu-zhan-kai": "Expand All", + "quan-ju-jia-zai": "Global Loading", + "quan-ju-tong-zhi": "Global Notification", "quan-mian-e": "Coupon denomination", "que-ding": "sure", "que-ding-yao-da-kai-xia-la-cai-dan-ma": "Are you sure you want to open the dropdown menu?", @@ -961,6 +969,7 @@ "ri": "sun", "ri-qi": "date", "ri-qi-fan-wei-xuan-ze": "date range selection", + "ri-qi-fan-wei-xuan-ze-ke-qing-kong": "Date range selection (can be cleared)", "ri-qi-ge-shi-hua": "Date formatting", "ri-qi-shi-jian-fan-wei-xuan-ze": "Date and time range selection", "ri-qi-shi-jian-xuan-ze": "Date and time selection", @@ -970,8 +979,10 @@ "ri-qi-xuan-ze-2": "Date selection", "ri-qi-xuan-ze-3": "Date selection", "ri-qi-xuan-ze-dai-miao": "Date selection (with seconds)", + "ri-qi-xuan-ze-ke-qing-kong": "Date picker (clearable)", "ri-zhou-yue-qie-huan": "Day Week Month Switching", "ring-lei-xing-loading": "Ring type loading", + "rootportal-title": "Root Portal", "ru-ding-dan-chu-yu-zan-ting-zhuang-tai-jin-ru-wo-de-ding-dan-ye-mian-zhao-dao-yao-qu-xiao-de-ding-dan-dian-ji-qu-xiao-ding-dan-an-niu-xuan-ze-ding-dan-qu-xiao-yuan-yin-hou-dian-ji-xia-yi-bu-ti-jiao-shen-qing-ji-ke": "If the order is in a suspended state, go to the \"My Orders\" page, find the order you want to cancel, and click the \"Cancel Order\" button; After selecting the reason for canceling the order, click \"Next\" to submit the application.", "ru-ding-dan-chu-yu-zan-ting-zhuang-tai-jin-ru-wo-de-ding-dan-ye-mian-zhao-dao-yao-qu-xiao-de-ding-dan-dian-ji-qu-xiao-ding-dan-an-niu-xuan-ze-ding-dan-qu-xiao-yuan-yin-hou-dian-ji-xia-yi-bu-ti-jiao-shen-qing-ji-ke-0": "If the order is in a suspended state, go to the \"My Orders\" page, find the order you want to cancel, and click the \"Cancel Order\" button; After selecting the reason for canceling the order, click \"Next\" to submit the application.", "ruan-jian-gong-cheng": "software engineering", @@ -1019,6 +1030,7 @@ "she-zhi-zui-xiao-xuan-zhong-shu-liang-he-zui-da-xuan-zhong-shu-liang": "Set the minimum and maximum selection quantities", "shen-fen-zheng-jian-pan": "ID card keyboard", "shen-zhen-shi": "Shenzhen", + "sheng-lve-hao-xian-shi": "Ellipsis display", "shi": "time", "shi-0": "correct", "shi-fen": "time division", @@ -1275,9 +1287,14 @@ "xian-shi-border": "Display border", "xian-shi-guan-bi-an-niu": "Display the close button", "xian-shi-guan-bi-an-niu-0": "Display the close button", + "xian-shi-ji-ben-tan-chuang": "Display basic modal", + "xian-shi-jia-zai": "Show Loading", + "xian-shi-mo-tai-kuang": "Show Modal", "xian-shi-nei-rong": "show contents", "xian-shi-quan-bu": "Show All", "xian-shi-suo-yin": "Display index", + "xian-shi-tan-chuang": "Show Modal", + "xian-shi-tong-zhi": "Show Notification", "xian-shi-zhe-zhao-ceng": "Display Mask Layer", "xian-zhi-zui-da-xuan-ze-fan-wei": "Limit the maximum selection range", "xian-zhi-zui-da-zui-xiao-zhi": "Limit the maximum and minimum values", @@ -1349,6 +1366,7 @@ "xuan-xiang-wu": "Option Five", "xuan-xiang-xiao-yan-bu-tong-guo-qing-zhong-xin-xuan-ze": "Option verification failed, please select again", "xuan-xiang-yi": "Option 1", + "xuan-xiang-yi-jing-qing-kong": "Option has been cleared", "xuan-ze-di-zhi": "select address", "xuan-ze-le": "chose", "xuan-ze-qi-change": "Selector change", @@ -1421,6 +1439,7 @@ "your-less-than-signaturestring-greater-than": "your ", "your-ossaccesskeyid": "your ossAccessKeyId", "yu-mai-gui-hua-tong-zai-jiu-zhong-bu-si-shao-nian-you": "I want to buy osmanthus flowers and carry wine together, but it's not like a youth outing", + "yu-zhe-zhao-ceng-jie-he": "Combined with Overlay", "yuYanQieHuan": "Language Switch", "yuan": "first", "yuan-jiao": "rounded corners", @@ -1464,9 +1483,15 @@ "zhe-shi-bu-chong-xin-xi": "This is supplementary information", "zhe-shi-jin-yong-zhuang-tai": "This is a disabled state", "zhe-shi-miao-shu-zhe-shi-miao-shu": "a description", + "zhe-shi-mo-tai-kuang-de-nei-rong": "This is modal content", + "zhe-shi-yi-duan-hen-chang-de-wen-zi-nei-rong-dang-qi-yong-ellipsis-shu-xing-shi-chao-chu-bu-fen-jiang-xian-shi-sheng-lve-hao": "balabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabalabala", + "zhe-shi-yi-duan-hen-chang-de-wen-zi-nei-rong-tong-chang-qing-kuang-xia-hui-wan-zheng-xian-shi": "This is a long text content that would normally be displayed in full", + "zhe-shi-yi-duan-hen-chang-de-wen-zi-nei-rong-zuo-dui-qi-bing-qi-yong-sheng-lve-hao-gong-neng": "This is a long text, left-aligned and truncated with ellipsis", "zhe-shi-yi-duan-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-de-wen-an": "This is a very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long copy", "zhe-shi-yi-duan-nei-rong": "This is a piece of content.", "zhe-shi-yi-duan-zi-ding-yi-yang-shi-de-nei-rong": "This is a custom styled content.", + "zhe-shi-yi-ge-quan-ju-tan-chuang": "This is a global modal", + "zhe-shi-yi-ge-shi-yong-root-portal-de-ji-ben-tan-chuang-shi-li": "This is a basic modal using root-portal", "zhe-shi-yi-tiao-ce-shi-index": "This is a test ", "zhe-shi-yi-tiao-jian-dan-de-shi-li-wen-zi": "This is a simple example text.", "zhe-shi-yi-tiao-jian-dan-de-shi-li-wen-zi-0": "This is a simple example text.", @@ -1482,6 +1507,7 @@ "zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi": "This is a message prompt message, this is a message prompt message, this is a message prompt message, this is a message prompt message, this is a message prompt message", "zhe-shi-zhi-du-zhuang-tai": "This is a read-only state", "zhe-yi-ge-cell-bu-xiang-yao-bian-kuang": "This cell doesn't want borders", + "zheng-chang-xian-shi": "Normal display", "zheng-fang-xing-ge-zi": "Square grid", "zheng-zai-geng-xin-dao-value": "Updating to ", "zheng-ze-xiao-yan": "Regular verification", @@ -1606,19 +1632,9 @@ "zui-da-zhi-0": "Maximum", "zuo-ce": "left", "zuo-dui-qi-chao-chu-ji-ke-gun-dong": "Left aligned beyond to scroll", + "zuo-dui-qi-sheng-lve": "Left-aligned with ellipsis", "zuo-shang": "Top Left", "zuo-xia": "lower left", "zuo-you-hua-dong": "Slide left and right", - "zuo-zhong": "Middle Left", - "xian-shi-tan-chuang": "Show Modal", - "yu-zhe-zhao-ceng-jie-he": "Combined with Overlay", - "xian-shi-mo-tai-kuang": "Show Modal", - "quan-ju-tong-zhi": "Global Notification", - "xian-shi-tong-zhi": "Show Notification", - "quan-ju-jia-zai": "Global Loading", - "xian-shi-jia-zai": "Show Loading", - "zhe-shi-yi-ge-quan-ju-tan-chuang": "This is a global modal", - "mo-tai-kuang-biao-ti": "Modal Title", - "zhe-shi-mo-tai-kuang-de-nei-rong": "This is modal content", - "rootportal-title": "Root Portal" + "zuo-zhong": "Middle Left" } diff --git a/src/locale/zh-CN.json b/src/locale/zh-CN.json index b3e47e21..4336ca91 100644 --- a/src/locale/zh-CN.json +++ b/src/locale/zh-CN.json @@ -157,6 +157,7 @@ "bottom-right": "bottom right", "bu-gu-ding-biao-tou-jie-he-fen-ye-qi": "不固定表头结合分页器", "bu-neng-xuan-ze-da-yu-jin-tian-de-ri-qi": "不能选择大于今天的日期", + "bu-shou-fu-zu-jian-yang-shi-ying-xiang": "不受父组件样式影响", "bu-xian": "不限", "bu-xian-shi-jin-du-wen-zi": "不显示进度文字", "bu-zhan-shi-biao-tou": "不展示表头", @@ -319,6 +320,7 @@ "dan-dan-dan": "弹弹弹", "dan-dong": "丹东", "dan-ge-ri-qi-xuan-ze": "单个日期选择", + "dan-ge-ri-qi-xuan-ze-ke-qing-kong": "单个日期选择(可清空)", "dan-lie-xuan-xiang": "单列选项", "dan-xuan-ke-sou-suo": "单选可搜索", "dan-xuan-kuang-1": "单选框1", @@ -403,6 +405,7 @@ "duo-hang-wen-ben-3": "多行文本3", "duo-hang-zhan-shi": "多行展示", "duo-ji-lian-dong": "多级联动", + "duo-ji-lian-dong-ke-qing-kong": "多级联动(可清空)", "duo-ji-lian-dong-shu-zhi-value5": "多级联动，数值: ", "duo-lie": "多列", "duo-lie-shu-zhi-value4": "多列，数值: ", @@ -598,12 +601,13 @@ "items0label-nian-items1label-yue-items2label-ri-items3labelitems4label-0": "{0}年{1}月{2}日 {3}:{4}", "itemtitle-hui-biao": "徽标", "ji-ben-shi-yong": "基本使用", + "ji-ben-tan-chuang": "基本弹窗", "ji-ben-yong-fa-shi-yong-yu-an-niu-jia-zai-zhuang-tai-he-ye-mian-qing-ti-shi": "基本用法（适用于按钮加载状态和页面轻提示）", "ji-ben-yong-fa-shu-zhi-value1": "基本用法，数值: ", "ji-chu": "基础", "ji-chu-biao-dan": "基础表单", "ji-chu-xin-xi": "基础信息", - "ji-chu-yong-fa": "基础用法", + "ji-chu-yong-fa": "基本用法", "ji-chu-yong-fa-0": "基础用法", "ji-chu-yong-fa-1": "基础用法", "ji-suan-ji-ke-xue-yu-ji-shu": "计算机科学与技术", @@ -630,7 +634,7 @@ "jia-ge-1": "价格", "jia-ge-2": "价格", "jia-zai-shi-bai": "加载失败", - "jia-zai-zhong": "加载中", + "jia-zai-zhong": "加载中...", "jia-zai-zhong-0": "加载中", "jia-zai-zhong-1": "加载中", "jia-zai-zhong-2": "加载中", @@ -786,6 +790,7 @@ "mo-ren-fen-duan-qi": "默认分段器", "mo-ren-jian-pan": "默认键盘", "mo-ren-ri-qi": "默认日期", + "mo-tai-kuang-biao-ti": "模态框标题", "name-pi-pei": "name匹配", "nan": "男", "nan-0": "男", @@ -934,6 +939,7 @@ "qu-xiao-xuan-ze-cao-zuo": "取消选择操作", "qu-xiao-yu-lan-cao-zuo": "取消预览操作", "qu-yu-xuan-ze": "区域选择", + "qu-yu-xuan-ze-ke-qing-kong": "区域选择(可清空)", "quXiaoAnNiu": "取消按钮", "quan-bu": "全部", "quan-bu-0": "全部", @@ -944,6 +950,8 @@ "quan-bu-shou-qi": "全部收起", "quan-bu-xuan-zhong-tiao-guo-jin-yong": "全部选中跳过禁用", "quan-bu-zhan-kai": "全部展开", + "quan-ju-jia-zai": "全局加载", + "quan-ju-tong-zhi": "全局通知", "quan-mian-e": "券面额", "que-ding": "确定", "que-ding-yao-da-kai-xia-la-cai-dan-ma": "确定要打开下拉菜单吗？", @@ -961,6 +969,7 @@ "ri": "日", "ri-qi": "日期", "ri-qi-fan-wei-xuan-ze": "日期范围选择", + "ri-qi-fan-wei-xuan-ze-ke-qing-kong": "日期范围选择(可清空)", "ri-qi-ge-shi-hua": "日期格式化", "ri-qi-shi-jian-fan-wei-xuan-ze": "日期时间范围选择", "ri-qi-shi-jian-xuan-ze": "日期时间选择", @@ -970,8 +979,10 @@ "ri-qi-xuan-ze-2": "日期选择", "ri-qi-xuan-ze-3": "日期选择", "ri-qi-xuan-ze-dai-miao": "日期选择（带秒）", + "ri-qi-xuan-ze-ke-qing-kong": "日期选择(可清空)", "ri-zhou-yue-qie-huan": "日周月切换", "ring-lei-xing-loading": "ring类型loading", + "rootportal-title": "Root Portal 根节点传送门", "ru-ding-dan-chu-yu-zan-ting-zhuang-tai-jin-ru-wo-de-ding-dan-ye-mian-zhao-dao-yao-qu-xiao-de-ding-dan-dian-ji-qu-xiao-ding-dan-an-niu-xuan-ze-ding-dan-qu-xiao-yuan-yin-hou-dian-ji-xia-yi-bu-ti-jiao-shen-qing-ji-ke": "如订单处于暂停状态，进入“我的订单”页面，找到要取消的订单，点击“取消订单”按钮；选择订单取消原因后，点击“下一步”提交申请即可。", "ru-ding-dan-chu-yu-zan-ting-zhuang-tai-jin-ru-wo-de-ding-dan-ye-mian-zhao-dao-yao-qu-xiao-de-ding-dan-dian-ji-qu-xiao-ding-dan-an-niu-xuan-ze-ding-dan-qu-xiao-yuan-yin-hou-dian-ji-xia-yi-bu-ti-jiao-shen-qing-ji-ke-0": "如订单处于暂停状态，进入“我的订单”页面，找到要取消的订单，点击“取消订单”按钮；选择订单取消原因后，点击“下一步”提交申请即可。", "ruan-jian-gong-cheng": "软件工程", @@ -1019,6 +1030,7 @@ "she-zhi-zui-xiao-xuan-zhong-shu-liang-he-zui-da-xuan-zhong-shu-liang": "设置最小选中数量和最大选中数量", "shen-fen-zheng-jian-pan": "身份证键盘", "shen-zhen-shi": "深圳市", + "sheng-lve-hao-xian-shi": "省略号显示", "shi": "时", "shi-0": "是", "shi-fen": "时分", @@ -1275,9 +1287,14 @@ "xian-shi-border": "显示border", "xian-shi-guan-bi-an-niu": "显示关闭按钮", "xian-shi-guan-bi-an-niu-0": "显示关闭按钮", + "xian-shi-ji-ben-tan-chuang": "显示基本弹窗", + "xian-shi-jia-zai": "显示加载", + "xian-shi-mo-tai-kuang": "显示模态框", "xian-shi-nei-rong": "显示内容", "xian-shi-quan-bu": "显示全部", "xian-shi-suo-yin": "显示索引", + "xian-shi-tan-chuang": "显示弹窗", + "xian-shi-tong-zhi": "显示通知", "xian-shi-zhe-zhao-ceng": "显示遮罩层", "xian-zhi-zui-da-xuan-ze-fan-wei": "限制最大选择范围", "xian-zhi-zui-da-zui-xiao-zhi": "限制最大最小值", @@ -1349,6 +1366,7 @@ "xuan-xiang-wu": "选项五", "xuan-xiang-xiao-yan-bu-tong-guo-qing-zhong-xin-xuan-ze": "选项校验不通过，请重新选择", "xuan-xiang-yi": "选项一", + "xuan-xiang-yi-jing-qing-kong": "选项已清空", "xuan-ze-di-zhi": "选择地址", "xuan-ze-le": "选择了", "xuan-ze-qi-change": "选择器change", @@ -1421,6 +1439,7 @@ "your-less-than-signaturestring-greater-than": "your ", "your-ossaccesskeyid": "your ossAccessKeyId", "yu-mai-gui-hua-tong-zai-jiu-zhong-bu-si-shao-nian-you": "欲买桂花同载酒，终不似少年游…", + "yu-zhe-zhao-ceng-jie-he": "与遮罩层结合", "yuYanQieHuan": "语言切换", "yuan": "元", "yuan-jiao": "圆角", @@ -1464,9 +1483,15 @@ "zhe-shi-bu-chong-xin-xi": "这是补充信息", "zhe-shi-jin-yong-zhuang-tai": "这是禁用状态", "zhe-shi-miao-shu-zhe-shi-miao-shu": "这是描述这是描述", + "zhe-shi-mo-tai-kuang-de-nei-rong": "这是模态框的内容", + "zhe-shi-yi-duan-hen-chang-de-wen-zi-nei-rong-dang-qi-yong-ellipsis-shu-xing-shi-chao-chu-bu-fen-jiang-xian-shi-sheng-lve-hao": "这是一段很长的文字内容，当启用ellipsis属性时，超出部分将显示省略号", + "zhe-shi-yi-duan-hen-chang-de-wen-zi-nei-rong-tong-chang-qing-kuang-xia-hui-wan-zheng-xian-shi": "这是一段很长的文字内容，通常情况下会完整显示", + "zhe-shi-yi-duan-hen-chang-de-wen-zi-nei-rong-zuo-dui-qi-bing-qi-yong-sheng-lve-hao-gong-neng": "这是一段很长的文字内容，左对齐并启用省略号功能", "zhe-shi-yi-duan-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-hen-chang-de-wen-an": "这是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的文案", "zhe-shi-yi-duan-nei-rong": "这是一段内容。", "zhe-shi-yi-duan-zi-ding-yi-yang-shi-de-nei-rong": "这是一段自定义样式的内容。", + "zhe-shi-yi-ge-quan-ju-tan-chuang": "这是一个全局弹窗", + "zhe-shi-yi-ge-shi-yong-root-portal-de-ji-ben-tan-chuang-shi-li": "这是一个使用 root-portal 的基本弹窗示例", "zhe-shi-yi-tiao-ce-shi-index": "这是一条测试", "zhe-shi-yi-tiao-jian-dan-de-shi-li-wen-zi": "这是一条简单的示例文字。", "zhe-shi-yi-tiao-jian-dan-de-shi-li-wen-zi-0": "这是一条简单的示例文字。", @@ -1482,6 +1507,7 @@ "zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi-zhe-shi-yi-tiao-xiao-xi-ti-shi-xin-xi": "这是一条消息提示信息，这是一条消息提示信息，这是一条消息提示信息这是一条消息提示信息，这是一条消息提示信息，这是一条消息提示信息", "zhe-shi-zhi-du-zhuang-tai": "这是只读状态", "zhe-yi-ge-cell-bu-xiang-yao-bian-kuang": "这一个cell不想要边框", + "zheng-chang-xian-shi": "正常显示", "zheng-fang-xing-ge-zi": "正方形格子", "zheng-zai-geng-xin-dao-value": "正在更新到", "zheng-ze-xiao-yan": "正则校验", @@ -1606,40 +1632,9 @@ "zui-da-zhi-0": "最大值", "zuo-ce": "左侧", "zuo-dui-qi-chao-chu-ji-ke-gun-dong": "左对齐超出即可滚动", + "zuo-dui-qi-sheng-lve": "左对齐省略", "zuo-shang": "左上", "zuo-xia": "左下", "zuo-you-hua-dong": "左右滑动", - "zuo-zhong": "左中", - "xian-shi-tan-chuang": "显示弹窗", - "yu-zhe-zhao-ceng-jie-he": "与遮罩层结合", - "xian-shi-mo-tai-kuang": "显示模态框", - "quan-ju-tong-zhi": "全局通知", - "xian-shi-tong-zhi": "显示通知", - "quan-ju-jia-zai": "全局加载", - "xian-shi-jia-zai": "显示加载", - "zhe-shi-yi-ge-quan-ju-tan-chuang": "这是一个全局弹窗", - "mo-tai-kuang-biao-ti": "模态框标题", - "zhe-shi-mo-tai-kuang-de-nei-rong": "这是模态框的内容", - "rootportal-title": "Root Portal 根节点传送门", - "ji-chu-yong-fa": "基本用法", - "xian-shi-ji-ben-tan-chuang": "显示基本弹窗", - "ji-ben-tan-chuang": "基本弹窗", - "zhe-shi-yi-ge-shi-yong-root-portal-de-ji-ben-tan-chuang-shi-li": "这是一个使用 root-portal 的基本弹窗示例", - "guan-bi": "关闭", - "zai-zhe-zhao-ceng-zhong-de-xiao-guo-dui-bi": "在遮罩层中的效果对比", - "bu-shi-yong-root-portal": "不使用 root-portal", - "ke-neng-shou-dao-fu-zu-jian-yang-shi-ying-xiang": "可能受到父组件样式影响", - "xian-shi-pu-tong-tan-chuang": "显示普通弹窗", - "shi-yong-root-portal": "使用 root-portal", - "bu-shou-fu-zu-jian-yang-shi-ying-xiang": "不受父组件样式影响", - "xian-shi-chuan-song-men-tan-chuang": "显示传送门弹窗", - "pu-tong-tan-chuang": "普通弹窗", - "chuan-song-men-tan-chuang": "传送门弹窗", - "que-ding": "确定", - "quan-ju-tong-zhi": "全局通知", - "xian-shi-tong-zhi": "显示通知", - "zhe-shi-yi-tiao-quan-ju-tong-zhi": "这是一条全局通知", - "quan-ju-jia-zai-zhuang-tai": "全局加载状态", - "xian-shi-jia-zai": "显示加载", - "jia-zai-zhong": "加载中..." + "zuo-zhong": "左中" } diff --git a/src/subPages/calendar/Index.vue b/src/subPages/calendar/Index.vue index f0e42874..1b003826 100644 --- a/src/subPages/calendar/Index.vue +++ b/src/subPages/calendar/Index.vue @@ -1,7 +1,6 @@ diff --git a/src/subPages/card/Index.vue b/src/subPages/card/Index.vue index 36b000b9..aa480fec 100644 --- a/src/subPages/card/Index.vue +++ b/src/subPages/card/Index.vue @@ -152,7 +152,7 @@ } .custom-sub { - color: $-dark-color-gray; + color: $-dark-color; } } diff --git a/src/subPages/cell/Index.vue b/src/subPages/cell/Index.vue index a82f3b30..42c85fda 100644 --- a/src/subPages/cell/Index.vue +++ b/src/subPages/cell/Index.vue @@ -3,15 +3,15 @@ - - + + - - + + @@ -20,49 +20,49 @@ - - + + - - - + + + - - - + + + - + - + - - + + @@ -83,7 +83,27 @@ :title="$t('biao-ti-wen-zi-14')" :label="$t('zhe-li-shi-wen-zi-miao-shu-zhe-li-shi-wen-zi-miao-shu-zhe-li-shi-wen-zi-miao-shu')" title-width="200px" - value="内容" + :value="$t('nei-rong')" + /> + + + + + + + + diff --git a/src/subPages/colPicker/Index.vue b/src/subPages/colPicker/Index.vue index 221ac70b..800c8dca 100644 --- a/src/subPages/colPicker/Index.vue +++ b/src/subPages/colPicker/Index.vue @@ -1,7 +1,6 @@ diff --git a/src/subPages/picker/Index.vue b/src/subPages/picker/Index.vue index a27f8ac1..5621fed3 100644 --- a/src/subPages/picker/Index.vue +++ b/src/subPages/picker/Index.vue @@ -1,6 +1,5 @@