@shjjs/visual-ui 1.0.37 → 1.0.39

package/es/components/interaction/date-picker/components/common-date-picker/index.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as V, useCssVars as D, ref as h, onMounted as T, createElementBlock as u, openBlock as f, createVNode as B, unref as C, normalizeStyle as E, withCtx as I, createElementVNode as i, createCommentVNode as w, Fragment as O, pushScopeId as N, popScopeId as R } from "vue";
-import H from "@vuepic/vue-datepicker";
-import { nanoid as g } from "nanoid";
-import e from "dayjs";
+import { defineComponent as V, useCssVars as S, ref as c, onMounted as T, createElementBlock as f, openBlock as b, createVNode as D, unref as C, normalizeStyle as B, withCtx as N, createElementVNode as i, createCommentVNode as w, Fragment as g } from "vue";
+import R from "@vuepic/vue-datepicker";
+import { nanoid as O } from "nanoid";
+import r from "dayjs";
 import "dayjs/locale/zh-cn";
-import j from "dayjs/plugin/relativeTime";
-import { useDatePickerWatch as q } from "./hooks/useDatePickerWatch.mjs";
+import H from "dayjs/plugin/relativeTime";
+import { useDatePickerWatch as I } from "./hooks/useDatePickerWatch.mjs";
 import "../../../../text-text-basic/index.mjs";
 import "../../../../text-table-basic/index.mjs";
 import "../../../../chart-other-gauge/index.mjs";
@@ -185,40 +185,15 @@ import "../../../../chart/src/scatter/basic/index.mjs";
 import "../../../../chart/src/scatter/basic2/index.mjs";
 import "../../../../chart/src/scatter/bubble/index.mjs";
 import "../../../../chart/src/scatter/ripples/index.mjs";
+import "../../../../commons/custom-component-render/index.mjs";
 /* empty css                                 */
 /* empty css                                        */
-import { SHJDatasourceV2 as z } from "../../../../../plugins/datasource/index.mjs";
-import { SHJParseEvent as S } from "../../../../../plugins/event/index.mjs";
+import { SHJDatasourceV2 as j } from "../../../../../plugins/datasource/index.mjs";
+import { SHJParseEvent as d } from "../../../../../plugins/event/index.mjs";
 import "lodash";
-import { Utils as F } from "../../../../../commons/utils/utils.mjs";
+import { Utils as q } from "../../../../../commons/utils/utils.mjs";
 import "@vuepic/vue-datepicker/dist/main.css";
-const p = (a) => (N("data-v-0d6f8ad9"), a = a(), R(), a), J = { class: "left-sidebar" }, U = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "今天", -1)), A = [
-  U
-], K = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "昨天", -1)), L = [
-  K
-], M = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "前天", -1)), W = [
-  M
-], Y = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "今日", -1)), G = [
-  Y
-], Q = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "昨日", -1)), X = [
-  Q
-], Z = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "前天", -1)), _ = [
-  Z
-], x = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "本周", -1)), oo = [
-  x
-], to = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "上一月", -1)), io = [
-  to
-], eo = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "本月", -1)), ro = [
-  eo
-], po = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "近7天", -1)), so = [
-  po
-], no = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "近15天", -1)), mo = [
-  no
-], ao = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "近30天", -1)), lo = [
-  ao
-], co = /* @__PURE__ */ p(() => /* @__PURE__ */ i("span", null, "近365天", -1)), uo = [
-  co
-], We = /* @__PURE__ */ V({
+const z = { class: "left-sidebar" }, ce = /* @__PURE__ */ V({
   __name: "index",
   props: {
     option: {},
@@ -226,76 +201,86 @@ const p = (a) => (N("data-v-0d6f8ad9"), a = a(), R(), a), J = { class: "left-sid
     useEvents: {},
     uuid: {}
   },
-  emits: ["on-change"],
-  setup(a, { expose: $, emit: P }) {
-    D((o) => ({
-      "3360c67f": o.option.css.dp.backgroundColor,
-      "6948f540": o.option.css.dp.textColor,
-      "5bd9699d": o.option.css.dp.hoverColor,
-      "3b5c8920": o.option.css.dp.hoverTextColor,
-      "3e2df9d2": o.option.css.dp.primaryColor,
-      cbefdc0a: o.option.css.dp.primaryDisabledColor,
-      "8ab7f02c": o.option.css.dp.primaryTextColor,
-      "233a2965": o.option.css.dp.secondaryColor,
-      f1c6897e: o.option.css.dp.borderColor,
-      "56dbb13c": o.option.css.dp.menuBorderColor,
-      "17b5fe7b": o.option.css.dp.borderColorHover,
-      "17998a17": o.option.css.dp.borderColorFocus,
-      "5f37e471": o.option.css.dp.disabledColor,
-      "1b4f4b04": o.option.css.dp.scrollBarBackground,
-      "4fad1813": o.option.css.dp.scrollBarColor,
-      "07162c94": o.option.css.dp.successColor,
-      "0e237252": o.option.css.dp.successColorDisabled,
-      "3b73bbaa": o.option.css.dp.dangerColor,
-      "7f05fd3e": o.option.css.dp.disabledColorText,
-      f06fd3b6: o.option.css.dp.highlightColor,
-      54563929: o.option.css.dp.loader,
-      "3f6dbc86": o.option.css.dp.fontSize,
-      "35f0177e": o.option.css.dp.inputBackgroundColor,
-      "362d8a3b": o.option.css.dp.inputHeight
-    })), e.extend(j), e.locale("zh-cn");
-    const m = a, b = P, r = h(), v = h(g()), y = () => v.value = g(), d = () => {
-      z.parse({
+  emits: ["on-change", "on-complete"],
+  setup($, { expose: E, emit: P }) {
+    S((o) => ({
+      "681ba034": o.option.css.dp.backgroundColor,
+      "61f5c807": o.option.css.dp.textColor,
+      cef10854: o.option.css.dp.hoverColor,
+      "18ca0929": o.option.css.dp.hoverTextColor,
+      ab4929e0: o.option.css.dp.primaryColor,
+      de991e18: o.option.css.dp.primaryDisabledColor,
+      "343fcb63": o.option.css.dp.primaryTextColor,
+      "59b2771e": o.option.css.dp.secondaryColor,
+      "3f9e1fb0": o.option.css.dp.borderColor,
+      "6d2390c9": o.option.css.dp.menuBorderColor,
+      dd5c7c18: o.option.css.dp.borderColorHover,
+      dd9564e0: o.option.css.dp.borderColorFocus,
+      "77db08d0": o.option.css.dp.disabledColor,
+      b08e8f36: o.option.css.dp.scrollBarBackground,
+      f3b53468: o.option.css.dp.scrollBarColor,
+      "74315ca2": o.option.css.dp.successColor,
+      "04ced14b": o.option.css.dp.successColorDisabled,
+      d6f01ede: o.option.css.dp.dangerColor,
+      "38e2a8e5": o.option.css.dp.disabledColorText,
+      "837f3844": o.option.css.dp.highlightColor,
+      c45f603c: o.option.css.dp.loader,
+      "12bd08ff": o.option.css.dp.fontSize,
+      "4899598c": o.option.css.dp.inputBackgroundColor,
+      e17c81bc: o.option.css.dp.inputHeight
+    })), r.extend(H), r.locale("zh-cn");
+    const m = $, l = P, e = c(), v = c(O()), y = () => v.value = O(), a = () => {
+      j.parse({
         tId: m.uuid,
         sources: m.sources,
         callback: ({ data: o }) => {
           try {
-            r.value = o[0].data[0].date;
+            if (e.value = o[0].data[0].date, m.option.range) {
+              const t = {
+                data: e.value,
+                startTime: e.value[0],
+                endTime: e.value[1]
+              };
+              l("on-complete", t), d.parseEvents(m.useEvents, "on-complete", t);
+            } else {
+              const t = { data: e.value };
+              l("on-complete", t), d.parseEvents(m.useEvents, "on-complete", t);
+            }
           } catch {
           }
         }
       });
     };
-    T(() => d()), q(m, d, y), $({
-      refresh: () => d(),
+    T(() => a()), I(m, a, y), E({
+      refresh: () => a(),
       refreshView: () => y(),
-      refreshData: () => d()
+      refreshData: () => a()
     });
     const k = (o) => {
-      if (r.value = o, m.option.range) {
-        const l = {
-          data: r.value,
-          startTime: r.value[0],
-          endTime: r.value[1]
+      if (e.value = o, m.option.range) {
+        const n = {
+          data: e.value,
+          startTime: e.value[0],
+          endTime: e.value[1]
         };
-        b("on-change", l), S.parseEvents(m.useEvents, "on-change", l);
+        l("on-change", n), d.parseEvents(m.useEvents, "on-change", n);
         return;
       }
-      const t = { data: r.value };
-      b("on-change", t), S.parseEvents(m.useEvents, "on-change", t);
-    }, c = (o) => {
-      o === "today" ? r.value = e() : o === "yesterday" ? r.value = e().subtract(1, "day") : o === "before-yesterday" && (r.value = e().subtract(2, "day"));
-    }, n = (o) => {
-      o === "today" ? r.value = [e().startOf("day"), e().endOf("day")] : o === "yesterday" ? r.value = [e().subtract(1, "day").startOf("day"), e().subtract(1, "day").endOf("day")] : o === "before-yesterday" ? r.value = [e().subtract(2, "day").startOf("day"), e().subtract(2, "day").endOf("day")] : o === "week" ? r.value = [e().startOf("week"), e().endOf("week")] : o === "last-month" ? r.value = [e().subtract(1, "month").startOf("month"), e().subtract(1, "month").endOf("month")] : o === "month" ? r.value = [e().startOf("month"), e().endOf("month")] : o === "last-7" ? r.value = [e().subtract(7, "day").startOf("day"), e().endOf("day")] : o === "last-15" ? r.value = [e().subtract(15, "day").startOf("day"), e().endOf("day")] : o === "last-30" ? r.value = [e().subtract(30, "day").startOf("day"), e().endOf("day")] : o === "last-365" && (r.value = [e().subtract(365, "day").startOf("day"), e().endOf("day")]), k(r.value);
+      const t = { data: e.value };
+      l("on-change", t), d.parseEvents(m.useEvents, "on-change", t);
+    }, u = (o) => {
+      o === "today" ? e.value = r() : o === "yesterday" ? e.value = r().subtract(1, "day") : o === "before-yesterday" && (e.value = r().subtract(2, "day"));
+    }, s = (o) => {
+      o === "today" ? e.value = [r().startOf("day"), r().endOf("day")] : o === "yesterday" ? e.value = [r().subtract(1, "day").startOf("day"), r().subtract(1, "day").endOf("day")] : o === "before-yesterday" ? e.value = [r().subtract(2, "day").startOf("day"), r().subtract(2, "day").endOf("day")] : o === "week" ? e.value = [r().startOf("week"), r().endOf("week")] : o === "last-month" ? e.value = [r().subtract(1, "month").startOf("month"), r().subtract(1, "month").endOf("month")] : o === "month" ? e.value = [r().startOf("month"), r().endOf("month")] : o === "last-7" ? e.value = [r().subtract(7, "day").startOf("day"), r().endOf("day")] : o === "last-15" ? e.value = [r().subtract(15, "day").startOf("day"), r().endOf("day")] : o === "last-30" ? e.value = [r().subtract(30, "day").startOf("day"), r().endOf("day")] : o === "last-365" && (e.value = [r().subtract(365, "day").startOf("day"), r().endOf("day")]), k(e.value);
     };
-    return (o, t) => (f(), u("div", {
+    return (o, t) => (b(), f("div", {
       key: v.value,
       class: "date-picker"
     }, [
-      B(C(H), {
-        modelValue: r.value,
+      D(C(R), {
+        modelValue: e.value,
         "onUpdate:modelValue": [
-          t[13] || (t[13] = (l) => r.value = l),
+          t[13] || (t[13] = (n) => e.value = n),
           k
         ],
         range: o.option.range,
@@ -326,65 +311,91 @@ const p = (a) => (N("data-v-0d6f8ad9"), a = a(), R(), a), J = { class: "left-sid
         "select-text": o.option.selectText,
         "hide-input-icon": o.option.hideInputIcon,
         class: "date-picker-container",
-        style: E(C(F).json2cssObject(o.option.css.dp, "dp"))
+        style: B(C(q).json2cssObject(o.option.css.dp, "dp"))
       }, {
-        "left-sidebar": I((l) => [
-          i("div", J, [
-            o.option.range ? w("", !0) : (f(), u(O, { key: 0 }, [
+        "left-sidebar": N((n) => [
+          i("div", z, [
+            o.option.range ? w("", !0) : (b(), f(g, { key: 0 }, [
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[0] || (t[0] = (s) => c("today"))
-              }, A),
+                onClick: t[0] || (t[0] = (p) => u("today"))
+              }, t[14] || (t[14] = [
+                i("span", null, "今天", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[1] || (t[1] = (s) => c("yesterday"))
-              }, L),
+                onClick: t[1] || (t[1] = (p) => u("yesterday"))
+              }, t[15] || (t[15] = [
+                i("span", null, "昨天", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[2] || (t[2] = (s) => c("before-yesterday"))
-              }, W)
+                onClick: t[2] || (t[2] = (p) => u("before-yesterday"))
+              }, t[16] || (t[16] = [
+                i("span", null, "前天", -1)
+              ]))
             ], 64)),
-            o.option.range ? (f(), u(O, { key: 1 }, [
+            o.option.range ? (b(), f(g, { key: 1 }, [
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[3] || (t[3] = (s) => n("today"))
-              }, G),
+                onClick: t[3] || (t[3] = (p) => s("today"))
+              }, t[17] || (t[17] = [
+                i("span", null, "今日", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[4] || (t[4] = (s) => n("yesterday"))
-              }, X),
+                onClick: t[4] || (t[4] = (p) => s("yesterday"))
+              }, t[18] || (t[18] = [
+                i("span", null, "昨日", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[5] || (t[5] = (s) => n("before-yesterday"))
-              }, _),
+                onClick: t[5] || (t[5] = (p) => s("before-yesterday"))
+              }, t[19] || (t[19] = [
+                i("span", null, "前天", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[6] || (t[6] = (s) => n("week"))
-              }, oo),
+                onClick: t[6] || (t[6] = (p) => s("week"))
+              }, t[20] || (t[20] = [
+                i("span", null, "本周", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[7] || (t[7] = (s) => n("last-month"))
-              }, io),
+                onClick: t[7] || (t[7] = (p) => s("last-month"))
+              }, t[21] || (t[21] = [
+                i("span", null, "上一月", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[8] || (t[8] = (s) => n("month"))
-              }, ro),
+                onClick: t[8] || (t[8] = (p) => s("month"))
+              }, t[22] || (t[22] = [
+                i("span", null, "本月", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[9] || (t[9] = (s) => n("last-7"))
-              }, so),
+                onClick: t[9] || (t[9] = (p) => s("last-7"))
+              }, t[23] || (t[23] = [
+                i("span", null, "近7天", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[10] || (t[10] = (s) => n("last-15"))
-              }, mo),
+                onClick: t[10] || (t[10] = (p) => s("last-15"))
+              }, t[24] || (t[24] = [
+                i("span", null, "近15天", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[11] || (t[11] = (s) => n("last-30"))
-              }, lo),
+                onClick: t[11] || (t[11] = (p) => s("last-30"))
+              }, t[25] || (t[25] = [
+                i("span", null, "近30天", -1)
+              ])),
               i("div", {
                 class: "left-sidebar-item",
-                onClick: t[12] || (t[12] = (s) => n("last-365"))
-              }, uo)
+                onClick: t[12] || (t[12] = (p) => s("last-365"))
+              }, t[26] || (t[26] = [
+                i("span", null, "近365天", -1)
+              ]))
             ], 64)) : w("", !0)
           ])
         ]),
@@ -394,5 +405,5 @@ const p = (a) => (N("data-v-0d6f8ad9"), a = a(), R(), a), J = { class: "left-sid
   }
 });
 export {
-  We as default
+  ce as default
 };

package/es/components/interaction/date-picker/components/common-date-picker/types.d.ts

@@ -100,6 +100,10 @@ export interface IDatePickerOption {
             inputHeight: string;
         };
     };
+    /**
+     * 日期格式
+     */
+    format?: string;
     /**
      * 是否为范围选择
      */

package/es/components/interaction/date-picker/src/date-picker/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ShjDatePicker: import("../../../../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ShjDatePicker: import("../../../../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -15,9 +15,9 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
         type: StringConstructor;
         required: true;
     };
-}, {
-    componentRef: import("vue").Ref<any>;
-    CommonDatePicker: import("vue").DefineComponent<{
+}>, {
+    componentRef: import("vue").Ref<any, any>;
+    CommonDatePicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         option: {
             type: any;
             required: true;
@@ -34,51 +34,25 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
             type: StringConstructor;
             required: true;
         };
-    }, {
+    }>, {
         props: any;
-        emits: (event: "on-change", ...args: any[]) => void;
-        dateValue: import("vue").Ref<any>;
-        refreshKey: import("vue").Ref<string>;
+        emits: (event: "on-change" | "on-complete", ...args: any[]) => void;
+        dateValue: import("vue").Ref<any, any>;
+        refreshKey: import("vue").Ref<string, string>;
         initView: () => string;
         initSourceData: () => void;
         handleDate: (modelData: any) => void;
         handleSetDate: (type: "today" | "yesterday" | "before-yesterday") => void;
         handleSetRangeDate: (type: "week" | "today" | "yesterday" | "before-yesterday" | "last-7" | "last-15" | "last-30" | "last-365" | "month" | "last-month") => void;
         readonly VueDatePicker: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
                 onBlur?: (...args: any[]) => any;
                 onFocus?: (...args: any[]) => any;
                 onOpen?: (...args: any[]) => any;
-                onClosed?: (...args: any[]) => any;
                 "onUpdate:model-value"?: (...args: any[]) => any;
                 "onUpdate:model-timezone-value"?: (...args: any[]) => any;
                 "onText-submit"?: (...args: any[]) => any;
-                onCleared?: (...args: any[]) => any;
-                "onInternal-model-change"?: (...args: any[]) => any;
-                "onRecalculate-position"?: (...args: any[]) => any;
-                "onFlow-step"?: (...args: any[]) => any;
-                "onUpdate-month-year"?: (...args: any[]) => any;
-                "onInvalid-select"?: (...args: any[]) => any;
-                "onTooltip-open"?: (...args: any[]) => any;
-                "onTooltip-close"?: (...args: any[]) => any;
-                "onInvalid-fixed-range"?: (...args: any[]) => any;
-                "onTime-picker-open"?: (...args: any[]) => any;
-                "onTime-picker-close"?: (...args: any[]) => any;
-                "onAm-pm-change"?: (...args: any[]) => any;
-                "onRange-start"?: (...args: any[]) => any;
-                "onRange-end"?: (...args: any[]) => any;
-                "onDate-update"?: (...args: any[]) => any;
-                "onInvalid-date"?: (...args: any[]) => any;
-                "onOverlay-toggle"?: (...args: any[]) => any;
-                "onText-input"?: (...args: any[]) => any;
-            }, {}, {}, import("vue").ComputedOptions, import("@vuepic/vue-datepicker").PublicMethods, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("@vuepic/vue-datepicker").EmitEvents[], import("@vuepic/vue-datepicker").VueDatePickerProps & (Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
-                onBlur?: (...args: any[]) => any;
-                onFocus?: (...args: any[]) => any;
-                onOpen?: (...args: any[]) => any;
                 onClosed?: (...args: any[]) => any;
-                "onUpdate:model-value"?: (...args: any[]) => any;
-                "onUpdate:model-timezone-value"?: (...args: any[]) => any;
-                "onText-submit"?: (...args: any[]) => any;
                 onCleared?: (...args: any[]) => any;
                 "onInternal-model-change"?: (...args: any[]) => any;
                 "onRecalculate-position"?: (...args: any[]) => any;
@@ -97,9 +71,9 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
                 "onInvalid-date"?: (...args: any[]) => any;
                 "onOverlay-toggle"?: (...args: any[]) => any;
                 "onText-input"?: (...args: any[]) => any;
-            }), {
+            }, {}, {}, import("vue").ComputedOptions, import("@vuepic/vue-datepicker").PublicMethods, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("@vuepic/vue-datepicker").EmitEvents[], import("@vuepic/vue-datepicker").VueDatePickerProps, {
                 [x: number]: string;
-            } | {}, true, {}, {}, {
+            } | {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -110,10 +84,10 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
                 onBlur?: (...args: any[]) => any;
                 onFocus?: (...args: any[]) => any;
                 onOpen?: (...args: any[]) => any;
-                onClosed?: (...args: any[]) => any;
                 "onUpdate:model-value"?: (...args: any[]) => any;
                 "onUpdate:model-timezone-value"?: (...args: any[]) => any;
                 "onText-submit"?: (...args: any[]) => any;
+                onClosed?: (...args: any[]) => any;
                 onCleared?: (...args: any[]) => any;
                 "onInternal-model-change"?: (...args: any[]) => any;
                 "onRecalculate-position"?: (...args: any[]) => any;
@@ -142,10 +116,10 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
             onBlur?: (...args: any[]) => any;
             onFocus?: (...args: any[]) => any;
             onOpen?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
             "onUpdate:model-value"?: (...args: any[]) => any;
             "onUpdate:model-timezone-value"?: (...args: any[]) => any;
             "onText-submit"?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
             onCleared?: (...args: any[]) => any;
             "onInternal-model-change"?: (...args: any[]) => any;
             "onRecalculate-position"?: (...args: any[]) => any;
@@ -166,11 +140,11 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
             "onText-input"?: (...args: any[]) => any;
         }, {}, {}, import("vue").ComputedOptions, import("@vuepic/vue-datepicker").PublicMethods, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("@vuepic/vue-datepicker").EmitEvents[], import("@vuepic/vue-datepicker").EmitEvents, {
             [x: number]: string;
-        } | {}, {}, string, {}> & import("@vuepic/vue-datepicker").VueDatePickerProps & (new () => {
+        } | {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("@vuepic/vue-datepicker").VueDatePickerProps & (new () => {
             $slots: Readonly<import("@vuepic/vue-datepicker").Slots> & import("@vuepic/vue-datepicker").Slots;
         });
         readonly Utils: typeof import("../../../../../commons/utils/utils").Utils;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-change"[], "on-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "on-complete")[], "on-change" | "on-complete", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         option: {
             type: any;
             required: true;
@@ -187,10 +161,11 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
             type: StringConstructor;
             required: true;
         };
-    }>> & {
+    }>> & Readonly<{
         "onOn-change"?: (...args: any[]) => any;
-    }, {}, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        "onOn-complete"?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -207,5 +182,5 @@ export declare const ShjDatePicker: import("../../../../../commons/utils/typescr
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default ShjDatePicker;