@jnrs/vue-core 1.2.32 → 1.2.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +22 -22
- package/CHANGELOG.md +12 -1
- package/dist/components/JnDateQuery.vue.d.ts +1 -1
- package/dist/components/index.js +1083 -1024
- package/package.json +1 -1
package/AGENTS.md
CHANGED
|
@@ -744,25 +744,25 @@ const dialogVisible = ref(false)
|
|
|
744
744
|
|
|
745
745
|
#### JnDateQuery
|
|
746
746
|
|
|
747
|
-
|
|
747
|
+
通用时间查询组件，支持日/周/月/年/日期时间/任意区间/时间区间七种类型切换，配合快捷按钮实现前后时间段快速导航。组件初始化时若未设置值，自动根据 `type` 配置设置当前时间为默认值。推荐使用 `showTypeSwitcher` 模式（时间查询），可覆盖所有时间类型的查询需求。
|
|
748
748
|
|
|
749
749
|
**Props：**
|
|
750
750
|
|
|
751
|
-
| 属性名 | 类型
|
|
752
|
-
| ---------------- |
|
|
753
|
-
| modelValue | `string \| [string, string]`
|
|
754
|
-
| type | `'date' \| 'week' \| 'month' \| 'year' \| 'daterange'` | `'date'`
|
|
755
|
-
| showTypeSwitcher | `boolean`
|
|
756
|
-
| switcherStyle | `'select' \| 'button-group'`
|
|
757
|
-
| typeOptions | `DateType[]`
|
|
758
|
-
| quickButtons | `'none' \| 'arrows' \| 'group'`
|
|
759
|
-
| valueFormat | `string`
|
|
760
|
-
| clearable | `boolean`
|
|
761
|
-
| size | `'' \| 'small' \| 'default' \| 'large'`
|
|
762
|
-
| placeholder | `string`
|
|
763
|
-
| startPlaceholder | `string`
|
|
764
|
-
| endPlaceholder | `string`
|
|
765
|
-
| rangeSeparator | `string`
|
|
751
|
+
| 属性名 | 类型 | 默认值 | 说明 |
|
|
752
|
+
| ---------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
|
|
753
|
+
| modelValue | `string \| [string, string]` | — | v-model 绑定值（`type='date'/'month'/'year'/'datetime'` 为 string，`type='week'/'daterange'/'datetimerange'` 为 [string, string]） |
|
|
754
|
+
| type | `'date' \| 'week' \| 'month' \| 'year' \| 'datetime' \| 'daterange' \| 'datetimerange'` | `'date'` | 日期类型；`showTypeSwitcher=true` 时作为初始类型；组件会根据 type 自动设置当前时间为默认值 |
|
|
755
|
+
| showTypeSwitcher | `boolean` | `false` | 是否显示类型切换器（推荐开启，可覆盖所有时间类型） |
|
|
756
|
+
| switcherStyle | `'select' \| 'button-group'` | `'select'` | 切换器风格（下拉选择 or 按钮组） |
|
|
757
|
+
| typeOptions | `DateType[]` | `['date','week','month','year','datetime','daterange','datetimerange']` | 可切换的类型选项 |
|
|
758
|
+
| quickButtons | `'none' \| 'arrows' \| 'group'` | `'none'` | 快捷按钮风格（无 / 左右箭头 / 按钮组）；`arrows` 模式支持 date/datetime/week/month/year（不含 daterange/datetimerange） |
|
|
759
|
+
| valueFormat | `string` | `'YYYY-MM-DD'` | 日期格式 |
|
|
760
|
+
| clearable | `boolean` | `false` | 是否可清除 |
|
|
761
|
+
| size | `'' \| 'small' \| 'default' \| 'large'` | `'default'` | 尺寸 |
|
|
762
|
+
| placeholder | `string` | `'选择日期'` | 单值 placeholder |
|
|
763
|
+
| startPlaceholder | `string` | `'开始日期'` | 范围开始 placeholder |
|
|
764
|
+
| endPlaceholder | `string` | `'结束日期'` | 范围结束 placeholder |
|
|
765
|
+
| rangeSeparator | `string` | `'至'` | 范围分隔符 |
|
|
766
766
|
|
|
767
767
|
**Events：**
|
|
768
768
|
|
|
@@ -770,7 +770,7 @@ const dialogVisible = ref(false)
|
|
|
770
770
|
- `change` - 值变化时触发，参数为 `(value, type)`
|
|
771
771
|
- `type-change` - 类型切换时触发，参数为 `(type)`
|
|
772
772
|
|
|
773
|
-
|
|
773
|
+
**使用示例：时间查询（推荐，覆盖所有时间类型）**
|
|
774
774
|
|
|
775
775
|
```vue
|
|
776
776
|
<template>
|
|
@@ -779,12 +779,12 @@ const dialogVisible = ref(false)
|
|
|
779
779
|
type="date"
|
|
780
780
|
show-type-switcher
|
|
781
781
|
switcher-style="button-group"
|
|
782
|
-
:type-options="['date', 'week', 'month', 'year', 'daterange']"
|
|
782
|
+
:type-options="['date', 'week', 'month', 'year', 'datetime', 'daterange', 'datetimerange']"
|
|
783
783
|
quick-buttons="arrows"
|
|
784
|
-
value-format="YYYY-MM-DD"
|
|
785
|
-
placeholder="
|
|
786
|
-
start-placeholder="
|
|
787
|
-
end-placeholder="
|
|
784
|
+
value-format="YYYY-MM-DD HH:mm:ss"
|
|
785
|
+
placeholder="选择日期时间"
|
|
786
|
+
start-placeholder="开始时间"
|
|
787
|
+
end-placeholder="结束时间"
|
|
788
788
|
/>
|
|
789
789
|
</template>
|
|
790
790
|
|
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
# 发版日志
|
|
2
2
|
|
|
3
|
-
## [1.2.
|
|
3
|
+
## [1.2.33] - 2026-07-27 【latest】
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
- `JnDateQuery`：拓展 `type` 配置支持 `'datetime'` 和 `'datetimerange'` 类型，可选择日期和时间
|
|
8
|
+
- `JnDateQuery`：组件初始化时自动根据 `type` 配置设置当前时间为默认值（year=当年1月1日，month=当月1日，date=今日，datetime=当前时间，week=本周范围，daterange=今日范围，datetimerange=当前时间范围）
|
|
9
|
+
|
|
10
|
+
### Documentation
|
|
11
|
+
|
|
12
|
+
- `AGENTS.md`：更新 JnDateQuery 文档，新增 datetime/datetimerange 类型说明，补充默认值行为说明
|
|
13
|
+
|
|
14
|
+
## [1.2.32] - 2026-07-27
|
|
4
15
|
|
|
5
16
|
### Fixed
|
|
6
17
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
type DateType = 'date' | 'week' | 'month' | 'year' | 'daterange';
|
|
1
|
+
type DateType = 'date' | 'week' | 'month' | 'year' | 'datetime' | 'daterange' | 'datetimerange';
|
|
2
2
|
type QuickButtonStyle = 'none' | 'arrows' | 'group';
|
|
3
3
|
type SwitcherStyle = 'select' | 'button-group';
|
|
4
4
|
interface Props {
|