hys-ui 0.7.0 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.8.0
+
+- DatePicker 与 DateRangePicker 增加统一范围类型、多格式录入、自定义清空值、跨年代浏览、独立双面板、快捷预设和浮层定位配置，并补充五个交互示例与 API 说明。
+- 日期时间选择支持面板内输入、12 小时制、时分秒步进和禁用规则；日期范围可设置起止默认时刻。窄屏可通过月份按钮切换双面板。
+- Modal 与 Drawer 的全屏、还原和关闭按钮悬停时位置稳定。
+
 ## 0.7.0
 
 - 新增 Spin、Icon、Popconfirm、Space、Descriptions、Result 和 TabPane，并配套交互示例和 API 文档。

package/dist/components/HysDatePicker/HysDatePicker.vue.js

@@ -1,19 +1,23 @@
-import { defineComponent as v, useSlots as h, ref as c, computed as p, openBlock as k, createBlock as $, mergeProps as B, toHandlers as g, unref as w, createSlots as b, withCtx as l, renderSlot as n, normalizeProps as t, guardReactiveProps as r, mergeDefaults as P } from "vue";
-import V from "./HysDatePickerControl.vue.js";
-import { datePickerDefaults as C } from "../../composables/datePicker.js";
-const T = /* @__PURE__ */ v({
+import { defineComponent as c, useSlots as h, ref as k, computed as p, openBlock as $, createBlock as B, mergeProps as g, unref as i, toHandlers as b, createSlots as w, withCtx as l, renderSlot as n, normalizeProps as s, guardReactiveProps as r, mergeDefaults as C } from "vue";
+import P from "./HysDatePickerControl.vue.js";
+import { dateRange as F, datePickerDefaults as V } from "../../composables/datePicker.js";
+const T = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "HysDatePicker",
-  props: /* @__PURE__ */ P({
+  props: /* @__PURE__ */ C({
     popupTransition: {},
     popupTransitionDuration: {},
     modelValue: {},
+    value: {},
     defaultValue: {},
     clearValue: {},
+    emptyValues: {},
+    valueOnClear: { type: Function },
     type: {},
+    picker: {},
     valueType: {},
     valueFormat: {},
-    format: {},
+    format: { type: [String, Function, Array] },
     inputFormats: {},
     disabled: { type: [Boolean, Array] },
     readonly: { type: Boolean },
@@ -21,6 +25,7 @@ const T = /* @__PURE__ */ v({
     status: {},
     bordered: { type: Boolean },
     placeholder: {},
+    id: {},
     label: {},
     ariaLabel: {},
     name: {},
@@ -30,6 +35,9 @@ const T = /* @__PURE__ */ v({
     max: {},
     disabledDate: { type: Function },
     disabledTime: { type: Function },
+    disabledHours: { type: Function },
+    disabledMinutes: { type: Function },
+    disabledSeconds: { type: Function },
     firstDayOfWeek: {},
     firstWeekContainsDate: {},
     weekNumberFormatter: { type: Function },
@@ -38,27 +46,40 @@ const T = /* @__PURE__ */ v({
     locale: {},
     messages: {},
     showWeekNumbers: { type: Boolean },
+    showWeekNumber: { type: Boolean },
     showAdjacentDays: { type: Boolean },
     defaultPickerValue: {},
     panelValue: {},
+    panelValues: {},
     mode: {},
     defaultMode: {},
     shortcuts: {},
+    presets: {},
+    ranges: {},
+    shortcutPlacement: {},
     clearable: { type: Boolean },
+    allowClear: { type: Boolean },
     editable: { type: Boolean },
     inputReadonly: { type: Boolean },
     showOnFocus: { type: Boolean },
+    automaticDropdown: { type: Boolean },
     showToday: { type: Boolean },
     showNow: { type: Boolean },
     showFooter: { type: Boolean },
     showConfirm: { type: Boolean },
-    showTime: { type: Boolean },
+    showTime: { type: [Boolean, Object] },
     defaultTime: {},
+    dateFormat: {},
+    timeFormat: {},
+    use12Hours: { type: Boolean },
+    hideDisabledOptions: { type: Boolean },
+    arrowControl: { type: Boolean },
     hourStep: {},
     minuteStep: {},
     secondStep: {},
     showSeconds: { type: Boolean },
     rangeSeparator: {},
+    separator: {},
     startPlaceholder: {},
     endPlaceholder: {},
     allowEmpty: {},
@@ -73,23 +94,35 @@ const T = /* @__PURE__ */ v({
     inline: { type: Boolean },
     placement: {},
     appendTo: { type: [String, Boolean] },
+    teleported: { type: Boolean },
+    getPopupContainer: { type: Function },
+    fallbackPlacements: {},
+    popperOptions: {},
     popupWidth: {},
     popupClass: {},
+    popupClassName: {},
+    popperClass: {},
     popupStyle: {},
+    popperStyle: {},
+    prefixIcon: {},
+    clearIcon: {},
     validateEvent: { type: Boolean },
     cellClassName: { type: Function }
-  }, C),
-  emits: ["update:modelValue", "change", "value-change", "update:open", "visible-change", "update:panelValue", "update:mode", "panelChange", "calendarChange", "clear", "ok", "invalid", "focus", "blur"],
-  setup(i, { expose: u, emit: d }) {
-    const m = i, f = d;
+  }, V),
+  emits: ["update:modelValue", "update:value", "change", "value-change", "update:open", "visible-change", "openChange", "update:panelValues", "update:panelValue", "update:mode", "panelChange", "calendarChange", "clear", "ok", "invalid", "focus", "blur"],
+  setup(d, { expose: m, emit: y }) {
+    const u = d, f = y;
     h();
-    const o = c(), y = Object.fromEntries(
+    const o = k(), v = Object.fromEntries(
       [
         "update:modelValue",
+        "update:value",
         "change",
         "value-change",
         "update:open",
         "visible-change",
+        "openChange",
+        "update:panelValues",
         "update:panelValue",
         "update:mode",
         "panelChange",
@@ -101,10 +134,10 @@ const T = /* @__PURE__ */ v({
         "blur"
       ].map((e) => [
         e,
-        (...a) => f(e, ...a)
+        (...t) => f(e, ...t)
       ])
     );
-    return u({
+    return m({
       element: p(() => {
         var e;
         return (e = o.value) == null ? void 0 : e.element;
@@ -134,8 +167,8 @@ const T = /* @__PURE__ */ v({
         return ((e = o.value) == null ? void 0 : e.show()) ?? Promise.resolve(!1);
       },
       hide: (e = !1) => {
-        var a;
-        return (a = o.value) == null ? void 0 : a.hide(e);
+        var t;
+        return (t = o.value) == null ? void 0 : t.hide(e);
       },
       handleOpen: () => {
         var e;
@@ -150,8 +183,8 @@ const T = /* @__PURE__ */ v({
         return ((e = o.value) == null ? void 0 : e.clear()) ?? Promise.resolve(!1);
       },
       setValue: (e) => {
-        var a;
-        return ((a = o.value) == null ? void 0 : a.setValue(e)) ?? Promise.resolve(!1);
+        var t;
+        return ((t = o.value) == null ? void 0 : t.setValue(e)) ?? Promise.resolve(!1);
       },
       confirm: () => {
         var e;
@@ -162,117 +195,138 @@ const T = /* @__PURE__ */ v({
         return (e = o.value) == null ? void 0 : e.cancel();
       },
       showMonth: (e) => {
-        var a;
-        return ((a = o.value) == null ? void 0 : a.showMonth(e)) ?? Promise.resolve(!1);
+        var t;
+        return ((t = o.value) == null ? void 0 : t.showMonth(e)) ?? Promise.resolve(!1);
       },
       setMode: (e) => {
-        var a;
-        return ((a = o.value) == null ? void 0 : a.setMode(e)) ?? !1;
+        var t;
+        return ((t = o.value) == null ? void 0 : t.setMode(e)) ?? !1;
       }
-    }), (e, a) => (k(), $(V, B({ ...m, ...e.$attrs }, {
-      range: !1,
+    }), (e, t) => ($(), B(P, g({ ...u, ...e.$attrs }, {
+      range: i(F)(u.type),
       ref_key: "control",
       ref: o
-    }, g(w(y))), b({ _: 2 }, [
+    }, b(i(v))), w({ _: 2 }, [
       e.$slots.default ? {
         name: "default",
-        fn: l((s) => [
-          n(e.$slots, "default", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "default", s(r(a)))
         ]),
         key: "0"
       } : void 0,
       e.$slots["week-number"] ? {
         name: "week-number",
-        fn: l((s) => [
-          n(e.$slots, "week-number", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "week-number", s(r(a)))
         ]),
         key: "1"
       } : void 0,
       e.$slots.cell ? {
         name: "cell",
-        fn: l((s) => [
-          n(e.$slots, "cell", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "cell", s(r(a)))
         ]),
         key: "2"
       } : void 0,
       e.$slots.header ? {
         name: "header",
-        fn: l((s) => [
-          n(e.$slots, "header", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "header", s(r(a)))
         ]),
         key: "3"
       } : void 0,
+      e.$slots["extra-footer"] ? {
+        name: "extra-footer",
+        fn: l((a) => [
+          n(e.$slots, "extra-footer", s(r(a)))
+        ]),
+        key: "4"
+      } : void 0,
+      e.$slots["date-render"] ? {
+        name: "date-render",
+        fn: l((a) => [
+          n(e.$slots, "date-render", s(r(a)))
+        ]),
+        key: "5"
+      } : void 0,
+      e.$slots["month-cell-render"] ? {
+        name: "month-cell-render",
+        fn: l((a) => [
+          n(e.$slots, "month-cell-render", s(r(a)))
+        ]),
+        key: "6"
+      } : void 0,
       e.$slots.footer ? {
         name: "footer",
-        fn: l((s) => [
-          n(e.$slots, "footer", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "footer", s(r(a)))
         ]),
-        key: "4"
+        key: "7"
       } : void 0,
       e.$slots.shortcut ? {
         name: "shortcut",
-        fn: l((s) => [
-          n(e.$slots, "shortcut", t(r(s)))
+        fn: l((a) => [
+          n(e.$slots, "shortcut", s(r(a)))
         ]),
-        key: "5"
+        key: "8"
       } : void 0,
       e.$slots.prefix ? {
         name: "prefix",
         fn: l(() => [
           n(e.$slots, "prefix")
         ]),
-        key: "6"
+        key: "9"
       } : void 0,
       e.$slots.suffix ? {
         name: "suffix",
         fn: l(() => [
           n(e.$slots, "suffix")
         ]),
-        key: "7"
+        key: "10"
       } : void 0,
       e.$slots["clear-icon"] ? {
         name: "clear-icon",
         fn: l(() => [
           n(e.$slots, "clear-icon")
         ]),
-        key: "8"
+        key: "11"
       } : void 0,
       e.$slots["prev-month"] ? {
         name: "prev-month",
         fn: l(() => [
           n(e.$slots, "prev-month")
         ]),
-        key: "9"
+        key: "12"
       } : void 0,
       e.$slots["next-month"] ? {
         name: "next-month",
         fn: l(() => [
           n(e.$slots, "next-month")
         ]),
-        key: "10"
+        key: "13"
       } : void 0,
       e.$slots["prev-year"] ? {
         name: "prev-year",
         fn: l(() => [
           n(e.$slots, "prev-year")
         ]),
-        key: "11"
+        key: "14"
       } : void 0,
       e.$slots["next-year"] ? {
         name: "next-year",
         fn: l(() => [
           n(e.$slots, "next-year")
         ]),
-        key: "12"
+        key: "15"
       } : void 0,
       e.$slots["range-separator"] ? {
         name: "range-separator",
         fn: l(() => [
           n(e.$slots, "range-separator")
         ]),
-        key: "13"
+        key: "16"
       } : void 0
-    ]), 1040));
+    ]), 1040, ["range"]));
   }
 });
 export {

package/dist/components/HysDatePicker/HysDatePickerControl.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysDatePickerControl2.vue.js";
 /* empty css                          */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fe515491"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dd46a728"]]);
 export {
-  f as default
+  m as default
 };