@shjjs/visual-ui 1.0.32 → 1.0.33

package/es/components/interaction/tabs/index.vue.mjs

@@ -1,88 +1,88 @@
-import { defineComponent as x, ref as i, onMounted as O, createElementBlock as a, openBlock as c, normalizeStyle as u, unref as v, createCommentVNode as k, Fragment as w, renderList as D, withModifiers as L, normalizeClass as V, createVNode as B, nextTick as N } from "vue";
-import { useResizeObserver as T } from "@vueuse/core";
-import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
-import { SHJDatasourceV2 as H } from "../../../commons/plugins/datasource/index.mjs";
-import { SHJParseEvent as g } from "../../../commons/plugins/event/index.mjs";
-import { Utils as f } from "../../../commons/utils/utils.mjs";
-import I from "../../../commons/components/text.vue.mjs";
-const J = ["onClick"], M = x({ name: "shj-tabs" }), K = /* @__PURE__ */ x({
-  ...M,
-  props: {
-    option: {},
-    sources: {},
-    useEvents: {},
-    uuid: {}
-  },
-  emits: ["on-change"],
-  setup(y, { expose: _, emit: C }) {
-    const e = y, h = C, s = i([]), o = i(e.option.value), r = () => {
-      H.parse({
-        tId: e.uuid,
-        sources: e.sources,
-        callback: ({ data: t }) => {
-          if (!t) {
-            s.value = [];
-            return;
-          }
-          s.value = t[0].data, e.option.isDefaultSelect && (o.value = e.option.value, !o.value && s.value.length > 0 && (o.value = s.value[0].value), h("on-change", s.value[0]), g.parseEvents(e.useEvents, "on-change", s.value[0])), m();
-        }
-      });
-    };
-    O(() => r());
-    const j = (t) => {
-      t.value !== o.value && (h("on-change", t), g.parseEvents(e.useEvents, "on-change", t)), o.value = t.value;
-    };
-    W(e, r, o, s), _({
-      refresh: () => r(),
-      refreshView: () => {
-      },
-      // 刷新视图 无需刷新
-      refreshData: () => r()
-    });
-    const l = i(null), d = 150, p = i(!1), m = () => {
-      N(() => {
-        if (l.value) {
-          const { scrollWidth: t, clientWidth: b } = l.value;
-          p.value = t > b;
-        }
-      });
-    }, S = () => {
-      l.value && (l.value.scrollLeft -= d);
-    }, E = () => {
-      l.value && (l.value.scrollLeft += d);
-    };
-    return T(l, (t) => m()), (t, b) => (c(), a("div", {
-      ref_key: "tabsContainer",
-      ref: l,
-      class: "height-100 flex overflow-hidden scroll-behavior-smooth",
-      style: u(v(f).json2cssObject(e.option.css.tab))
-    }, [
-      p.value ? (c(), a("button", {
-        key: 0,
-        class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
-        style: u(v(f).json2cssObject(e.option.css.nav.left)),
-        onClick: S
-      }, null, 4)) : k("", !0),
-      (c(!0), a(w, null, D(s.value, (n, z) => (c(), a("div", {
-        key: z,
-        class: V(["flex flex-none cursor-pointer transition-color-background-color background-size-cover", { selected: n.value === o.value }]),
-        style: u(v(f).json2cssObject(n.value === o.value ? e.option.css.item.selected : e.option.css.item)),
-        onClick: L((R) => j(n), ["stop"])
-      }, [
-        B(I, {
-          "text-style": n.value === o.value ? e.option.css.item.selected.textStyle : e.option.css.item.textStyle,
-          text: n.label
-        }, null, 8, ["text-style", "text"])
-      ], 14, J))), 128)),
-      p.value ? (c(), a("button", {
-        key: 1,
-        class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
-        style: u(v(f).json2cssObject(e.option.css.nav.right)),
-        onClick: E
-      }, null, 4)) : k("", !0)
-    ], 4));
-  }
-});
-export {
-  K as default
-};
+import { defineComponent as x, ref as i, onMounted as O, createElementBlock as a, openBlock as c, normalizeStyle as u, unref as v, createCommentVNode as k, Fragment as w, renderList as D, withModifiers as L, normalizeClass as V, createVNode as B, nextTick as N } from "vue";
+import { useResizeObserver as T } from "@vueuse/core";
+import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
+import { SHJDatasourceV2 as H } from "../../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as g } from "../../../commons/plugins/event/index.mjs";
+import { Utils as f } from "../../../commons/utils/utils.mjs";
+import I from "../../../commons/components/text.vue.mjs";
+const J = ["onClick"], M = x({ name: "shj-tabs" }), K = /* @__PURE__ */ x({
+  ...M,
+  props: {
+    option: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: ["on-change"],
+  setup(y, { expose: _, emit: C }) {
+    const e = y, h = C, s = i([]), o = i(e.option.value), r = () => {
+      H.parse({
+        tId: e.uuid,
+        sources: e.sources,
+        callback: ({ data: t }) => {
+          if (!t) {
+            s.value = [];
+            return;
+          }
+          s.value = t[0].data, e.option.isDefaultSelect && (o.value = e.option.value, !o.value && s.value.length > 0 && (o.value = s.value[0].value), h("on-change", s.value[0]), g.parseEvents(e.useEvents, "on-change", s.value[0])), m();
+        }
+      });
+    };
+    O(() => r());
+    const j = (t) => {
+      t.value !== o.value && (h("on-change", t), g.parseEvents(e.useEvents, "on-change", t)), o.value = t.value;
+    };
+    W(e, r, o, s), _({
+      refresh: () => r(),
+      refreshView: () => {
+      },
+      // 刷新视图 无需刷新
+      refreshData: () => r()
+    });
+    const l = i(null), d = 150, p = i(!1), m = () => {
+      N(() => {
+        if (l.value) {
+          const { scrollWidth: t, clientWidth: b } = l.value;
+          p.value = t > b;
+        }
+      });
+    }, S = () => {
+      l.value && (l.value.scrollLeft -= d);
+    }, E = () => {
+      l.value && (l.value.scrollLeft += d);
+    };
+    return T(l, (t) => m()), (t, b) => (c(), a("div", {
+      ref_key: "tabsContainer",
+      ref: l,
+      class: "height-100 flex overflow-hidden scroll-behavior-smooth",
+      style: u(v(f).json2cssObject(e.option.css.tab))
+    }, [
+      p.value ? (c(), a("button", {
+        key: 0,
+        class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
+        style: u(v(f).json2cssObject(e.option.css.nav.left)),
+        onClick: S
+      }, null, 4)) : k("", !0),
+      (c(!0), a(w, null, D(s.value, (n, z) => (c(), a("div", {
+        key: z,
+        class: V(["flex flex-none cursor-pointer transition-color-background-color background-size-cover", { selected: n.value === o.value }]),
+        style: u(v(f).json2cssObject(n.value === o.value ? e.option.css.item.selected : e.option.css.item)),
+        onClick: L((R) => j(n), ["stop"])
+      }, [
+        B(I, {
+          "text-style": n.value === o.value ? e.option.css.item.selected.textStyle : e.option.css.item.textStyle,
+          text: n.label
+        }, null, 8, ["text-style", "text"])
+      ], 14, J))), 128)),
+      p.value ? (c(), a("button", {
+        key: 1,
+        class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
+        style: u(v(f).json2cssObject(e.option.css.nav.right)),
+        onClick: E
+      }, null, 4)) : k("", !0)
+    ], 4));
+  }
+});
+export {
+  K as default
+};

package/es/components/interaction/tabs/types.d.ts

@@ -1,19 +1,19 @@
-import type { IFlex } from '../../../commons/types/flex';
-import type { IBaseSize, IBaseSizeTextStyle } from '../../../commons/types/base';
-export interface ITabsOption {
-    css: {
-        tab: IFlex;
-        item: IBaseSizeTextStyle & {
-            selected: IBaseSizeTextStyle;
-        };
-        nav: {
-            left: IBaseSize;
-            right: IBaseSize;
-        };
-    };
-    /** 选中值 */
-    value: string;
-    /** 是否默认选中 */
-    isDefaultSelect: boolean;
-    version: string;
-}
+import type { IFlex } from '../../../commons/types/flex';
+import type { IBaseSize, IBaseSizeTextStyle } from '../../../commons/types/base';
+export interface ITabsOption {
+    css: {
+        tab: IFlex;
+        item: IBaseSizeTextStyle & {
+            selected: IBaseSizeTextStyle;
+        };
+        nav: {
+            left: IBaseSize;
+            right: IBaseSize;
+        };
+    };
+    /** 选中值 */
+    value: string;
+    /** 是否默认选中 */
+    isDefaultSelect: boolean;
+    version: string;
+}

package/es/components/interaction/tabs-icon/hooks/useTabsWatch.d.ts

@@ -1,11 +1,11 @@
-import { type Ref } from 'vue';
-import type { ITabsOption } from '../types';
-/**
- * 监听选项
- * @param props 选项
- * @param tabs 选项列表
- */
-export declare const useTabsWatch: (props: {
-    option: ITabsOption;
-    sources: any;
-}, initData: Function, activeTab: Ref<string>, tabs: Ref<any[]>) => void;
+import { type Ref } from 'vue';
+import type { ITabsOption } from '../types';
+/**
+ * 监听选项
+ * @param props 选项
+ * @param tabs 选项列表
+ */
+export declare const useTabsWatch: (props: {
+    option: ITabsOption;
+    sources: any;
+}, initData: Function, activeTab: Ref<string>, tabs: Ref<any[]>) => void;

package/es/components/interaction/tabs-icon/hooks/useTabsWatch.mjs

@@ -1,30 +1,30 @@
-import { watch as o } from "vue";
-import { cloneDeep as c, isEqual as f } from "lodash";
-const m = (e, a, u, i) => {
-  const n = (t) => {
-    if (e.option.isDefaultSelect) {
-      if (!t && i.value.length > 0) {
-        u.value = i.value[0].value;
-        return;
-      }
-      u.value = t;
-    } else
-      u.value = "";
-  };
-  o(() => e.sources, () => {
-    e.sources && e.sources.length > 0 && a(e.option);
-  }, {
-    deep: !0
-  }), o(() => c(e.option.value), (t, l) => {
-    f(t, l) || n(t);
-  }, {
-    deep: !0
-  }), o(() => c(e.option.isDefaultSelect), (t, l) => {
-    f(t, l) || n(e.option.value);
-  }, {
-    deep: !0
-  });
-};
-export {
-  m as useTabsWatch
-};
+import { watch as o } from "vue";
+import { cloneDeep as c, isEqual as f } from "lodash";
+const m = (e, a, u, i) => {
+  const n = (t) => {
+    if (e.option.isDefaultSelect) {
+      if (!t && i.value.length > 0) {
+        u.value = i.value[0].value;
+        return;
+      }
+      u.value = t;
+    } else
+      u.value = "";
+  };
+  o(() => e.sources, () => {
+    e.sources && e.sources.length > 0 && a(e.option);
+  }, {
+    deep: !0
+  }), o(() => c(e.option.value), (t, l) => {
+    f(t, l) || n(t);
+  }, {
+    deep: !0
+  }), o(() => c(e.option.isDefaultSelect), (t, l) => {
+    f(t, l) || n(e.option.value);
+  }, {
+    deep: !0
+  });
+};
+export {
+  m as useTabsWatch
+};

package/es/components/interaction/tabs-icon/index.mjs

@@ -1,7 +1,7 @@
-import t from "./index.vue.mjs";
-import { withInstall as o } from "../../../commons/utils/install.mjs";
-const r = o(t);
-export {
-  r as ShjInteractionTabsIcon,
-  r as default
-};
+import t from "./index.vue.mjs";
+import { withInstall as o } from "../../../commons/utils/install.mjs";
+const r = o(t);
+export {
+  r as ShjInteractionTabsIcon,
+  r as default
+};

package/es/components/interaction/tabs-icon/index.vue.mjs

@@ -1,93 +1,93 @@
-import { defineComponent as x, ref as p, onMounted as O, createElementBlock as a, openBlock as c, normalizeStyle as r, unref as i, createCommentVNode as g, Fragment as V, renderList as w, withModifiers as D, normalizeClass as I, createElementVNode as L, createVNode as N, nextTick as B } from "vue";
-import { useResizeObserver as T } from "@vueuse/core";
-import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
-import { SHJDatasourceV2 as H } from "../../../commons/plugins/datasource/index.mjs";
-import { SHJParseEvent as k } from "../../../commons/plugins/event/index.mjs";
-import { Utils as u } from "../../../commons/utils/utils.mjs";
-import J from "../../../commons/components/text.vue.mjs";
-const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), X = /* @__PURE__ */ x({
-  ...$,
-  props: {
-    option: {},
-    sources: {},
-    useEvents: {},
-    uuid: {}
-  },
-  emits: ["on-change"],
-  setup(_, { expose: y, emit: j }) {
-    const e = _, d = j, l = p([]), t = p(e.option.value), v = () => {
-      H.parse({
-        tId: e.uuid,
-        sources: e.sources,
-        callback: ({ data: s }) => {
-          if (!s) {
-            l.value = [];
-            return;
-          }
-          l.value = s[0].data, e.option.isDefaultSelect && (t.value = e.option.value, !t.value && l.value.length > 0 && (t.value = l.value[0].value), d("on-change", l.value[0]), k.parseEvents(e.useEvents, "on-change", l.value[0])), h();
-        }
-      });
-    };
-    O(() => v());
-    const C = (s) => {
-      s.value !== t.value && (d("on-change", s), k.parseEvents(e.useEvents, "on-change", s)), t.value = s.value;
-    };
-    W(e, v, t, l), y({
-      refresh: () => v(),
-      refreshView: () => {
-      },
-      // 刷新视图 无需刷新
-      refreshData: () => v()
-    });
-    const n = p(null), m = 150, f = p(!1), h = () => {
-      B(() => {
-        if (n.value) {
-          const { scrollWidth: s, clientWidth: b } = n.value;
-          f.value = s > b;
-        }
-      });
-    }, S = () => {
-      n.value && (n.value.scrollLeft -= m);
-    }, E = () => {
-      n.value && (n.value.scrollLeft += m);
-    };
-    return T(n, (s) => h()), (s, b) => (c(), a("div", {
-      ref_key: "tabsContainer",
-      ref: n,
-      class: "height-100 flex overflow-hidden scroll-behavior-smooth",
-      style: r(i(u).json2cssObject(e.option.css.tab))
-    }, [
-      f.value ? (c(), a("button", {
-        key: 0,
-        class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
-        style: r(i(u).json2cssObject(e.option.css.nav.left)),
-        onClick: S
-      }, null, 4)) : g("", !0),
-      (c(!0), a(V, null, w(l.value, (o, z) => (c(), a("div", {
-        key: z,
-        class: I(["flex flex-none position-relative cursor-pointer transition-color-background-color background-size-cover", { selected: o.value === t.value }]),
-        style: r(i(u).json2cssObject(o.value === t.value ? e.option.css.item.selected : e.option.css.item)),
-        onClick: D((F) => C(o), ["stop"])
-      }, [
-        L("img", {
-          class: "img-drag-none img-30",
-          style: r(i(u).json2cssObject(o.value === t.value ? e.option.css.item.selected.img : e.option.css.item.img)),
-          src: o.value === t.value ? o.selectedImg : o.defaultImg
-        }, null, 12, R),
-        N(J, {
-          "text-style": o.value === t.value ? e.option.css.item.selected.textStyle : e.option.css.item.textStyle,
-          text: o.label
-        }, null, 8, ["text-style", "text"])
-      ], 14, M))), 128)),
-      f.value ? (c(), a("button", {
-        key: 1,
-        class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
-        style: r(i(u).json2cssObject(e.option.css.nav.right)),
-        onClick: E
-      }, null, 4)) : g("", !0)
-    ], 4));
-  }
-});
-export {
-  X as default
-};
+import { defineComponent as x, ref as p, onMounted as O, createElementBlock as a, openBlock as c, normalizeStyle as r, unref as i, createCommentVNode as g, Fragment as V, renderList as w, withModifiers as D, normalizeClass as I, createElementVNode as L, createVNode as N, nextTick as B } from "vue";
+import { useResizeObserver as T } from "@vueuse/core";
+import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
+import { SHJDatasourceV2 as H } from "../../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as k } from "../../../commons/plugins/event/index.mjs";
+import { Utils as u } from "../../../commons/utils/utils.mjs";
+import J from "../../../commons/components/text.vue.mjs";
+const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), X = /* @__PURE__ */ x({
+  ...$,
+  props: {
+    option: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: ["on-change"],
+  setup(_, { expose: y, emit: j }) {
+    const e = _, d = j, l = p([]), t = p(e.option.value), v = () => {
+      H.parse({
+        tId: e.uuid,
+        sources: e.sources,
+        callback: ({ data: s }) => {
+          if (!s) {
+            l.value = [];
+            return;
+          }
+          l.value = s[0].data, e.option.isDefaultSelect && (t.value = e.option.value, !t.value && l.value.length > 0 && (t.value = l.value[0].value), d("on-change", l.value[0]), k.parseEvents(e.useEvents, "on-change", l.value[0])), h();
+        }
+      });
+    };
+    O(() => v());
+    const C = (s) => {
+      s.value !== t.value && (d("on-change", s), k.parseEvents(e.useEvents, "on-change", s)), t.value = s.value;
+    };
+    W(e, v, t, l), y({
+      refresh: () => v(),
+      refreshView: () => {
+      },
+      // 刷新视图 无需刷新
+      refreshData: () => v()
+    });
+    const n = p(null), m = 150, f = p(!1), h = () => {
+      B(() => {
+        if (n.value) {
+          const { scrollWidth: s, clientWidth: b } = n.value;
+          f.value = s > b;
+        }
+      });
+    }, S = () => {
+      n.value && (n.value.scrollLeft -= m);
+    }, E = () => {
+      n.value && (n.value.scrollLeft += m);
+    };
+    return T(n, (s) => h()), (s, b) => (c(), a("div", {
+      ref_key: "tabsContainer",
+      ref: n,
+      class: "height-100 flex overflow-hidden scroll-behavior-smooth",
+      style: r(i(u).json2cssObject(e.option.css.tab))
+    }, [
+      f.value ? (c(), a("button", {
+        key: 0,
+        class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
+        style: r(i(u).json2cssObject(e.option.css.nav.left)),
+        onClick: S
+      }, null, 4)) : g("", !0),
+      (c(!0), a(V, null, w(l.value, (o, z) => (c(), a("div", {
+        key: z,
+        class: I(["flex flex-none position-relative cursor-pointer transition-color-background-color background-size-cover", { selected: o.value === t.value }]),
+        style: r(i(u).json2cssObject(o.value === t.value ? e.option.css.item.selected : e.option.css.item)),
+        onClick: D((F) => C(o), ["stop"])
+      }, [
+        L("img", {
+          class: "img-drag-none img-30",
+          style: r(i(u).json2cssObject(o.value === t.value ? e.option.css.item.selected.img : e.option.css.item.img)),
+          src: o.value === t.value ? o.selectedImg : o.defaultImg
+        }, null, 12, R),
+        N(J, {
+          "text-style": o.value === t.value ? e.option.css.item.selected.textStyle : e.option.css.item.textStyle,
+          text: o.label
+        }, null, 8, ["text-style", "text"])
+      ], 14, M))), 128)),
+      f.value ? (c(), a("button", {
+        key: 1,
+        class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
+        style: r(i(u).json2cssObject(e.option.css.nav.right)),
+        onClick: E
+      }, null, 4)) : g("", !0)
+    ], 4));
+  }
+});
+export {
+  X as default
+};

package/es/components/interaction/tabs-icon/index.vue2.mjs

@@ -1,4 +1,4 @@
-import f from "./index.vue.mjs";
-export {
-  f as default
-};
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/components/interaction/tabs-icon/types.d.ts

@@ -1,22 +1,22 @@
-import type { IFlex } from '../../../commons/types/flex';
-import type { IBaseImg, IBaseSize, IBaseSizeTextStyle } from '../../../commons/types/base';
-export interface ITabsOption {
-    css: {
-        tab: IFlex;
-        item: IBaseSizeTextStyle & IFlex & {
-            img: IBaseImg;
-            selected: IBaseSizeTextStyle & IFlex & {
-                img: IBaseImg;
-            };
-        };
-        nav: {
-            left: IBaseSize;
-            right: IBaseSize;
-        };
-    };
-    /** 选中值 */
-    value: string;
-    /** 是否默认选中 */
-    isDefaultSelect: boolean;
-    version: string;
-}
+import type { IFlex } from '../../../commons/types/flex';
+import type { IBaseImg, IBaseSize, IBaseSizeTextStyle } from '../../../commons/types/base';
+export interface ITabsOption {
+    css: {
+        tab: IFlex;
+        item: IBaseSizeTextStyle & IFlex & {
+            img: IBaseImg;
+            selected: IBaseSizeTextStyle & IFlex & {
+                img: IBaseImg;
+            };
+        };
+        nav: {
+            left: IBaseSize;
+            right: IBaseSize;
+        };
+    };
+    /** 选中值 */
+    value: string;
+    /** 是否默认选中 */
+    isDefaultSelect: boolean;
+    version: string;
+}

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-baa7180e"]]);
-export {
-  p as default
-};
+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-baa7180e"]]);
+export {
+  p as default
+};