@shjjs/visual-ui 1.0.2 → 1.0.3

package/es/components/interaction-data-picker/index.d.ts

@@ -1,14 +1,16 @@
-export declare const ZvInteractionDataPicker: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
-    basicOption: {
-        type: any;
-        required: true;
+export declare const ZvInteractionDataPicker: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{}, {
+    calendarOpen: import("vue").Ref<boolean>;
+    useDatePicker: () => {
+        getCurrentDate: () => number[];
+        solarWeek: (y: number, m: number, d: number) => number;
+        beforeDays: (date: number[], last: number) => any[];
+        afterDays: (day: any[], date: number[]) => any[];
+        dateArray: any[];
+        selectYear: import("vue").Ref<number>;
+        selectMonth: import("vue").Ref<number>;
     };
-}, {
-    props: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    basicOption: {
-        type: any;
-        required: true;
-    };
-}>>, {}, {}>> & Record<string, any>;
+    dateArray: any[];
+    selectYear: import("vue").Ref<number>;
+    selectMonth: import("vue").Ref<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>> & Record<string, any>;
 export default ZvInteractionDataPicker;

package/es/components/interaction-data-picker/index.mjs

@@ -1,6 +1,6 @@
 import t from "./index.vue.mjs";
-import { withInstall as a } from "../../utils/install.mjs";
-const i = a(t);
+import { withInstall as r } from "../../utils/install.mjs";
+const i = r(t);
 export {
   i as ZvInteractionDataPicker,
   i as default

package/es/components/interaction-data-picker/index.vue.d.ts

@@ -1,14 +1,16 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    basicOption: {
-        type: any;
-        required: true;
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    calendarOpen: import("vue").Ref<boolean>;
+    useDatePicker: () => {
+        getCurrentDate: () => number[];
+        solarWeek: (y: number, m: number, d: number) => number;
+        beforeDays: (date: number[], last: number) => any[];
+        afterDays: (day: any[], date: number[]) => any[];
+        dateArray: any[];
+        selectYear: import("vue").Ref<number>;
+        selectMonth: import("vue").Ref<number>;
     };
-}, {
-    props: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    basicOption: {
-        type: any;
-        required: true;
-    };
-}>>, {}, {}>;
+    dateArray: any[];
+    selectYear: import("vue").Ref<number>;
+    selectMonth: import("vue").Ref<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _sfc_main;

package/es/components/interaction-data-picker/index.vue.mjs

@@ -1,13 +1,7 @@
-import { defineComponent as e, openBlock as t, createElementBlock as o } from "vue";
-const n = { class: "zerov-widget" }, c = e({ name: "zv-interaction-data-picker" }), i = /* @__PURE__ */ e({
-  ...c,
-  props: {
-    basicOption: {}
-  },
-  setup(r) {
-    return (a, s) => (t(), o("div", n));
-  }
-});
+import o from "./index.vue2.mjs";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6b2adda5"]]);
 export {
-  i as default
+  p as default
 };

package/es/components/interaction-data-picker/index.vue2.mjs

@@ -1,4 +1,132 @@
-import f from "./index.vue.mjs";
+import { defineComponent as x, ref as m, openBlock as n, createElementBlock as l, normalizeClass as A, createElementVNode as e, toDisplayString as y, unref as g, Fragment as D, renderList as S, createCommentVNode as F, pushScopeId as I, popScopeId as W } from "vue";
+import j from "dayjs";
+const i = (_) => (I("data-v-6b2adda5"), _ = _(), W(), _), B = /* @__PURE__ */ i(() => /* @__PURE__ */ e("div", { class: "selected-date" }, [
+  /* @__PURE__ */ e("div", { class: "selected-date__prefix" }, [
+    /* @__PURE__ */ e("img", {
+      src: "https://lganv-1304359499.cos.ap-beijing.myqcloud.com/lg_cos_static/system/users/pages/xQY9EPmv7fsKSmtuEKmh/24gl-calendar-20241025175735939.png",
+      alt: ""
+    })
+  ]),
+  /* @__PURE__ */ e("div", { class: "selected-date__inner" }, " 2024-10-25 15:35:46 ")
+], -1)), K = {
+  key: 0,
+  class: "zv-date-picker"
+}, P = { class: "zv-date-picker__header" }, V = /* @__PURE__ */ i(() => /* @__PURE__ */ e("span", { class: "zv-date-picker__prev-btn" }, [
+  /* @__PURE__ */ e("i", { class: "iconfont zv-drag-drop-down" }),
+  /* @__PURE__ */ e("i", { class: "iconfont zv-return" })
+], -1)), q = { class: "zv-date-picker__header-label" }, L = { class: "zv-date-picker__header-label" }, O = /* @__PURE__ */ i(() => /* @__PURE__ */ e("span", { class: "zv-date-picker__next-btn" }, [
+  /* @__PURE__ */ e("i", { class: "iconfont zv-arrow-right" }),
+  /* @__PURE__ */ e("i", { class: "iconfont zv-drag-drop-down-r" })
+], -1)), Q = { class: "zv-date-picker__body" }, G = {
+  class: "zv-date-table",
+  cellspacing: "0",
+  cellpadding: "0",
+  role: "grid"
+}, H = /* @__PURE__ */ i(() => /* @__PURE__ */ e("tr", null, [
+  /* @__PURE__ */ e("th", {
+    "aria-label": "Sunday",
+    scope: "col"
+  }, "Sun"),
+  /* @__PURE__ */ e("th", {
+    "aria-label": "Monday",
+    scope: "col"
+  }, "Mon"),
+  /* @__PURE__ */ e("th", {
+    "aria-label": "Tuesday",
+    scope: "col"
+  }, "Tue"),
+  /* @__PURE__ */ e("th", {
+    "aria-label": "Wednesday",
+    scope: "col"
+  }, "Wed"),
+  /* @__PURE__ */ e("th", {
+    "aria-label": "Thursday",
+    scope: "col"
+  }, "Thu"),
+  /* @__PURE__ */ e("th", {
+    "aria-label": "Friday",
+    scope: "col"
+  }, "Fri"),
+  /* @__PURE__ */ e("th", {
+    "aria-label": "Saturday",
+    scope: "col"
+  }, "Sat")
+], -1)), J = /* @__PURE__ */ i(() => /* @__PURE__ */ e("span", { class: "zv-date-picker__arrow" }, null, -1)), R = x({ name: "zv-interaction-data-picker" }), Z = /* @__PURE__ */ x({
+  ...R,
+  setup(_) {
+    const b = m(!0), M = () => {
+      const f = m(0), k = m(0), p = () => {
+        const t = j();
+        return [t.year(), t.month(), t.date()];
+      }, u = (t, s, a) => new Date(t, s, a).getDay(), d = (t, s) => {
+        const a = t[1] === 1 ? t[0] - 1 : t[0], c = t[1] === 1 ? 12 : t[1], r = [];
+        let v = new Date(a, c, 0).getDate();
+        for (let o = 0; o < s; o++)
+          r.push({
+            y: a,
+            m: c,
+            d: v--
+          });
+        return r.sort();
+      }, z = (t, s) => {
+        const a = s[1] === 12 ? s[0] + 1 : s[0], c = s[1] === 12 ? 1 : s[1] + 1, r = [], v = new Date(a, c, 0).getDate();
+        for (let o = 1; o < 42 - t.length + 1; o++)
+          o > v ? r.push({
+            y: a,
+            m: c,
+            d: o - v
+          }) : r.push({
+            y: a,
+            m: c,
+            d: o
+          });
+        return [...t, ...r];
+      }, h = p(), N = u(h[0], h[1], 1), Y = z(d(h, N), h), w = [];
+      for (let t = 0; t < 6; t++)
+        w.push(Y.splice(0, 7));
+      return {
+        getCurrentDate: p,
+        solarWeek: u,
+        beforeDays: d,
+        afterDays: z,
+        dateArray: w,
+        selectYear: f,
+        selectMonth: k
+      };
+    }, {
+      dateArray: T,
+      selectYear: C,
+      selectMonth: E
+    } = M();
+    return (f, k) => (n(), l("div", {
+      class: A(["zerov-widgets-wrap", { "is-open": b.value }])
+    }, [
+      B,
+      b.value ? (n(), l("div", K, [
+        e("div", P, [
+          V,
+          e("span", q, y(g(C)), 1),
+          e("span", L, y(g(E)), 1),
+          O
+        ]),
+        e("div", Q, [
+          e("table", G, [
+            e("tbody", null, [
+              H,
+              (n(!0), l(D, null, S(g(T), (p, u) => (n(), l("tr", {
+                key: u,
+                class: "zv-date-table__row"
+              }, [
+                (n(!0), l(D, null, S(p, (d) => (n(), l("td", { key: d }, y(d.d), 1))), 128))
+              ]))), 128))
+            ])
+          ])
+        ]),
+        J
+      ])) : F("", !0)
+    ], 2));
+  }
+});
 export {
-  f as default
+  Z as default
 };

package/es/components/interaction-input/index.d.ts

@@ -3,13 +3,23 @@ export declare const ZvInteractionInput: import("../../utils/typescript").SFCWit
         type: any;
         required: true;
     };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
+    props: any;
     emit: (event: "on-blur" | "on-focus" | "on-input" | "on-change", ...args: any[]) => void;
     useInput: () => {
+        init: () => void;
         rendererDomStyle: (css: any) => {
             constructor: Function;
             toString(): string;
@@ -20,12 +30,9 @@ export declare const ZvInteractionInput: import("../../utils/typescript").SFCWit
             propertyIsEnumerable(v: PropertyKey): boolean;
         };
         inputRef: import("vue").Ref<any>;
+        inputValue: import("vue").Ref<string>;
     };
-    props: any;
-    onInputBlur: (e: FocusEvent) => void;
-    onInputFocus: (e: FocusEvent) => void;
-    onInputInput: (e: Event) => void;
-    onInputChange: (e: Event) => void;
+    init: () => void;
     rendererDomStyle: (css: any) => {
         constructor: Function;
         toString(): string;
@@ -36,15 +43,28 @@ export declare const ZvInteractionInput: import("../../utils/typescript").SFCWit
         propertyIsEnumerable(v: PropertyKey): boolean;
     };
     inputRef: import("vue").Ref<any>;
+    inputValue: import("vue").Ref<string>;
+    onInputBlur: (e: FocusEvent) => void;
+    onInputFocus: (e: FocusEvent) => void;
+    onInputInput: (e: Event) => void;
+    onInputChange: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-blur" | "on-focus" | "on-input" | "on-change")[], "on-blur" | "on-focus" | "on-input" | "on-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
     };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     "onOn-blur"?: (...args: any[]) => any;
     "onOn-focus"?: (...args: any[]) => any;

package/es/components/interaction-input/index.vue.d.ts

@@ -3,13 +3,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: any;
         required: true;
     };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
+    props: any;
     emit: (event: "on-blur" | "on-focus" | "on-input" | "on-change", ...args: any[]) => void;
     useInput: () => {
+        init: () => void;
         rendererDomStyle: (css: any) => {
             constructor: Function;
             toString(): string;
@@ -20,12 +30,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             propertyIsEnumerable(v: PropertyKey): boolean;
         };
         inputRef: import("vue").Ref<any>;
+        inputValue: import("vue").Ref<string>;
     };
-    props: any;
-    onInputBlur: (e: FocusEvent) => void;
-    onInputFocus: (e: FocusEvent) => void;
-    onInputInput: (e: Event) => void;
-    onInputChange: (e: Event) => void;
+    init: () => void;
     rendererDomStyle: (css: any) => {
         constructor: Function;
         toString(): string;
@@ -36,15 +43,28 @@ declare const _sfc_main: import("vue").DefineComponent<{
         propertyIsEnumerable(v: PropertyKey): boolean;
     };
     inputRef: import("vue").Ref<any>;
+    inputValue: import("vue").Ref<string>;
+    onInputBlur: (e: FocusEvent) => void;
+    onInputFocus: (e: FocusEvent) => void;
+    onInputInput: (e: Event) => void;
+    onInputChange: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-blur" | "on-focus" | "on-input" | "on-change")[], "on-blur" | "on-focus" | "on-input" | "on-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
     };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     "onOn-blur"?: (...args: any[]) => any;
     "onOn-focus"?: (...args: any[]) => any;

package/es/components/interaction-input/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f411bcca"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2233c529"]]);
 export {
-  f as default
+  m as default
 };

package/es/components/interaction-input/index.vue2.mjs

@@ -1,62 +1,93 @@
-import { defineComponent as r, openBlock as w, createElementBlock as E, normalizeStyle as S, unref as b, withModifiers as a, ref as I } from "vue";
-import { autoInstallFont as s, jsonToCssStyle as l } from "../../utils/json2css.mjs";
-const _ = ["type", "value", "placeholder"], g = r({ name: "zv-interaction-input" }), B = /* @__PURE__ */ r({
-  ...g,
+import { defineComponent as h, watch as v, withDirectives as P, openBlock as V, createElementBlock as _, isRef as F, normalizeStyle as O, unref as d, withModifiers as s, vModelDynamic as R, ref as f, onMounted as k } from "vue";
+import { cloneDeep as m, isEqual as w } from "lodash";
+import { autoInstallFont as E, jsonToCssStyle as r } from "../../utils/json2css.mjs";
+const B = ["type", "placeholder"], C = h({ name: "zv-interaction-input" }), q = /* @__PURE__ */ h({
+  ...C,
   props: {
     basicOption: {},
-    useEvents: {}
+    sources: {},
+    useEvents: {},
+    uuid: {}
   },
   emits: ["on-blur", "on-focus", "on-input", "on-change"],
-  setup(i, { emit: p }) {
-    const o = p, v = () => {
-      const e = I();
-      return {
-        rendererDomStyle: (t) => {
-          if (s(t.fontFamily), s(t.focus.fontFamily), e.value)
-            return {
-              ...l(t),
-              ...l(t.focus, "focus"),
-              ...l(t.placeholder, "placeholder")
-            };
-        },
-        inputRef: e
+  setup(y, { emit: S }) {
+    const t = y, a = S, b = () => {
+      const e = f(""), o = f(), i = (u) => {
+        if (E(u.fontFamily), E(u.focus.fontFamily), o.value)
+          return {
+            ...r(u),
+            ...r(u.focus, "focus"),
+            ...r(u.placeholder, "placeholder")
+          };
+      }, c = () => {
+        window.SHJDatasourceV2({
+          tId: t.uuid,
+          sources: t.sources,
+          callback: ({ data: u }) => {
+            try {
+              window.SHJParseEvent(t.useEvents, "dataListener", u), e.value = u[0].data[0].value;
+            } catch {
+              window.SHJParseEvent(t.useEvents, "dataListener", null);
+            }
+          }
+        });
       };
-    }, u = i, c = (e) => {
-      n.value && (o("on-blur", e, n.value.value), window.SHJParseEvent(u.useEvents, "on-blur", {
+      return k(() => c()), {
+        init: c,
+        rendererDomStyle: i,
+        inputRef: o,
+        inputValue: e
+      };
+    }, { init: p, rendererDomStyle: I, inputRef: n, inputValue: l } = b(), D = (e) => {
+      n.value && (a("on-blur", e, n.value.value), window.SHJParseEvent(t.useEvents, "on-blur", {
         data: n.value.value,
         event: e
       }));
-    }, f = (e) => {
-      n.value && (o("on-focus", e, n.value.value), window.SHJParseEvent(u.useEvents, "on-focus", {
+    }, H = (e) => {
+      n.value && (a("on-focus", e, n.value.value), window.SHJParseEvent(t.useEvents, "on-focus", {
         data: n.value.value,
         event: e
       }));
-    }, d = (e) => {
-      n.value && (o("on-input", e, n.value.value), window.SHJParseEvent(u.useEvents, "on-input", {
+    }, J = (e) => {
+      n.value && (a("on-input", e, n.value.value), window.SHJParseEvent(t.useEvents, "on-input", {
         data: n.value.value,
         event: e
       }));
-    }, m = (e) => {
-      n.value && (o("on-change", e, n.value.value), window.SHJParseEvent(u.useEvents, "on-change", {
+    }, g = (e) => {
+      n.value && (a("on-change", e, n.value.value), window.SHJParseEvent(t.useEvents, "on-change", {
         data: n.value.value,
         event: e
       }));
-    }, { rendererDomStyle: h, inputRef: n } = v();
-    return (e, y) => (w(), E("input", {
+    };
+    return v(
+      () => m(t.basicOption),
+      (e, o) => {
+        w(e, o) || p();
+      },
+      { deep: !0 }
+    ), v(
+      () => m(t.sources),
+      (e, o) => {
+        w(e, o) || p();
+      },
+      { deep: !0 }
+    ), (e, o) => P((V(), _("input", {
+      "onUpdate:modelValue": o[0] || (o[0] = (i) => F(l) ? l.value = i : null),
       ref_key: "inputRef",
       ref: n,
       type: e.basicOption.css.type || "text",
       class: "zerov-widget-input",
-      value: e.basicOption.value,
       placeholder: e.basicOption.placeholderValue,
-      style: S(b(h)(e.basicOption.css)),
-      onBlur: a(c, ["stop"]),
-      onFocus: a(f, ["stop"]),
-      onInput: a(d, ["stop"]),
-      onChange: a(m, ["stop"])
-    }, null, 44, _));
+      style: O(d(I)(e.basicOption.css)),
+      onBlur: s(D, ["stop"]),
+      onFocus: s(H, ["stop"]),
+      onInput: s(J, ["stop"]),
+      onChange: s(g, ["stop"])
+    }, null, 44, B)), [
+      [R, d(l)]
+    ]);
   }
 });
 export {
-  B as default
+  q as default
 };

package/es/components/interaction-slider/index.d.ts

@@ -1,27 +1,44 @@
 export declare const ZvInteractionSlider: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
     basicOption: {
-        type: ObjectConstructor;
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
         required: true;
     };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
-    emit: (event: "on-change", ...args: any[]) => void;
-    value: import("vue").Ref<number>;
     props: any;
-    onSliderChange: (e: Event) => void;
+    emit: (event: "on-change", ...args: any[]) => void;
+    sliderValue: import("vue").Ref<number>;
+    init: () => void;
+    onSliderChange: (value: number) => void;
     readonly Slider: typeof import("@vueform/slider");
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-change"[], "on-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
-        type: ObjectConstructor;
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
         required: true;
     };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     "onOn-change"?: (...args: any[]) => any;
 }, {}, {}>> & Record<string, any>;

package/es/components/interaction-slider/index.vue.d.ts

@@ -1,28 +1,45 @@
 import Slider from '@vueform/slider';
 declare const _sfc_main: import("vue").DefineComponent<{
     basicOption: {
-        type: ObjectConstructor;
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
         required: true;
     };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
-    emit: (event: "on-change", ...args: any[]) => void;
-    value: import("vue").Ref<number>;
     props: any;
-    onSliderChange: (e: Event) => void;
+    emit: (event: "on-change", ...args: any[]) => void;
+    sliderValue: import("vue").Ref<number>;
+    init: () => void;
+    onSliderChange: (value: number) => void;
     readonly Slider: typeof Slider;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-change"[], "on-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
-        type: ObjectConstructor;
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
         required: true;
     };
     useEvents: {
         type: ArrayConstructor;
         required: true;
     };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     "onOn-change"?: (...args: any[]) => any;
 }, {}, {}>;

package/es/components/interaction-slider/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-134b8732"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed81c815"]]);
 export {
-  p as default
+  m as default
 };