@shjjs/visual-ui 1.0.23 → 1.0.25

package/es/components/text/list/index.d.ts

@@ -0,0 +1,68 @@
+export declare const ShjTextList: import("../../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    option: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    props: any;
+    emits: (event: "on-click-item", ...args: any[]) => void;
+    scroll: import("vue").Ref<boolean>;
+    listData: import("vue").Ref<any[]>;
+    initSourceData: () => void;
+    readonly Vue3SeamlessScroll: import("vue").DefineComponent<OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, {}>;
+    readonly Utils: typeof import("../../../commons/utils/utils").Utils;
+    CommonsText: import("vue").DefineComponent<{
+        textStyle: {
+            type: any;
+            required: true;
+        };
+        text: {
+            type: StringConstructor;
+            required: true;
+        };
+    }, {
+        props: any;
+        readonly Utils: typeof import("../../../commons/utils/utils").Utils;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        textStyle: {
+            type: any;
+            required: true;
+        };
+        text: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-click-item"[], "on-click-item", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-click-item"?: (...args: any[]) => any;
+}, {}, {}>> & Record<string, any>;
+export default ShjTextList;

package/es/components/text/list/index.mjs

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

package/es/components/text/list/index.vue.d.ts

@@ -0,0 +1,69 @@
+import { Utils } from '../../../commons/utils/utils';
+declare const _sfc_main: import("vue").DefineComponent<{
+    option: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    props: any;
+    emits: (event: "on-click-item", ...args: any[]) => void;
+    scroll: import("vue").Ref<boolean>;
+    listData: import("vue").Ref<any[]>;
+    initSourceData: () => void;
+    readonly Vue3SeamlessScroll: import("vue").DefineComponent<OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, {}>;
+    readonly Utils: typeof Utils;
+    CommonsText: import("vue").DefineComponent<{
+        textStyle: {
+            type: any;
+            required: true;
+        };
+        text: {
+            type: StringConstructor;
+            required: true;
+        };
+    }, {
+        props: any;
+        readonly Utils: typeof Utils;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        textStyle: {
+            type: any;
+            required: true;
+        };
+        text: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-click-item"[], "on-click-item", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-click-item"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

package/es/components/text/list/index.vue.mjs

@@ -0,0 +1,98 @@
+import { defineComponent as g, ref as u, onMounted as y, createBlock as j, openBlock as a, unref as t, withCtx as w, createElementVNode as i, createElementBlock as d, Fragment as k, renderList as S, normalizeStyle as s, createVNode as h } from "vue";
+import { Vue3SeamlessScroll as V } from "vue3-seamless-scroll";
+import { useListWatch as O } from "./hooks/useListWatch.mjs";
+import { SHJDatasourceV2 as D } from "../../../commons/plugins/datasource/index.mjs";
+import { Utils as l } from "../../../commons/utils/utils.mjs";
+import f from "../../../commons/components/text.vue.mjs";
+const B = { class: "list-wrap flex flex-direction-column gap-10px margin-top-10px" }, E = ["src"], N = g({ name: "shj-list" }), I = /* @__PURE__ */ g({
+  ...N,
+  props: {
+    option: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: ["on-click-item"],
+  setup(v, { expose: x, emit: C }) {
+    const n = v, m = u(n.option.scroll.start), r = u([]), c = () => {
+      D.parse({
+        tId: n.uuid,
+        sources: n.sources,
+        callback: ({ data: e }) => {
+          if (!e) {
+            r.value = [];
+            return;
+          }
+          r.value = e[0].data;
+        }
+      });
+    };
+    return y(() => c()), O(n, c), x({
+      refresh: () => c(),
+      refreshView: () => {
+      },
+      // 刷新视图 无需刷新
+      refreshData: () => c()
+    }), (e, p) => (a(), j(t(V), {
+      modelValue: m.value,
+      "onUpdate:modelValue": p[0] || (p[0] = (o) => m.value = o),
+      direction: e.option.scroll.direction,
+      list: r.value,
+      "is-watch": "",
+      step: e.option.scroll.step,
+      hover: e.option.scroll.hover,
+      "limit-scroll-num": e.option.scroll.limitScrollNum,
+      "single-height": e.option.scroll.isSingle ? e.option.css.item.height : 0,
+      "single-wait-time": e.option.scroll.singleWaitTime,
+      class: "list-container overflow-hidden"
+    }, {
+      default: w(() => [
+        i("div", B, [
+          (a(!0), d(k, null, S(r.value, (o, b) => (a(), d("div", {
+            key: b,
+            class: "list-item flex gap-10px align-items-center padding-4px height-60px background-color-black overflow-hidden",
+            style: s(t(l).json2cssObject(e.option.css.item))
+          }, [
+            i("div", {
+              class: "item-thumbnail width-50px height-50px flex-none background-color-blue overflow-hidden",
+              style: s(t(l).json2cssObject(e.option.css.item.thumbnail))
+            }, [
+              i("img", {
+                class: "width-100 height-100 object-fit-cover",
+                src: o.thumbnail,
+                alt: ""
+              }, null, 8, E)
+            ], 4),
+            i("div", {
+              class: "item-container flex flex-direction-column gap-2px",
+              style: s(t(l).json2cssObject(e.option.css.item.container))
+            }, [
+              i("div", {
+                class: "item-title width-100 flex-none",
+                style: s(t(l).json2cssObject(e.option.css.item.container.title))
+              }, [
+                h(f, {
+                  "text-style": e.option.css.item.container.title.textStyle,
+                  text: o.title
+                }, null, 8, ["text-style", "text"])
+              ], 4),
+              i("div", {
+                class: "item-description flex-none",
+                style: s(t(l).json2cssObject(e.option.css.item.container.description))
+              }, [
+                h(f, {
+                  "text-style": e.option.css.item.container.description.textStyle,
+                  text: o.description
+                }, null, 8, ["text-style", "text"])
+              ], 4)
+            ], 4)
+          ], 4))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "direction", "list", "step", "hover", "limit-scroll-num", "single-height", "single-wait-time"]));
+  }
+});
+export {
+  I as default
+};

package/es/components/text/list/index.vue2.mjs

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

package/es/components/text/list/types.d.ts

@@ -0,0 +1,15 @@
+import type { IFlex } from '../../../commons/types/flex';
+import type { IBaseSize, IBaseSizeTextStyle } from '../../../commons/types/base';
+import type { IScroll } from '../../../commons/types/scroll';
+export interface IListOption {
+    css: {
+        item: IFlex & IBaseSize & {
+            thumbnail: IBaseSize;
+            container: IFlex & IBaseSize & {
+                title: IBaseSizeTextStyle;
+                description: IBaseSizeTextStyle;
+            };
+        };
+    };
+    scroll: IScroll;
+}

package/es/components/text-table-scroll/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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ca17191"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e3c62825"]]);
 export {
   m as default
 };

package/es/components/text-table-scroll/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as M, useCssVars as j, ref as v, onMounted as A, watch as S, createElementBlock as i, createCommentVNode as V, openBlock as r, normalizeStyle as u, createVNode as J, Fragment as O, renderList as y, normalizeClass as W, createElementVNode as T, toDisplayString as g, unref as q, withCtx as P } from "vue";
+import { defineComponent as M, useCssVars as j, ref as O, onMounted as A, watch as S, createElementBlock as i, createCommentVNode as V, openBlock as r, normalizeStyle as u, createVNode as J, Fragment as v, renderList as y, normalizeClass as W, createElementVNode as T, toDisplayString as g, unref as q, withCtx as P } from "vue";
 import { cloneDeep as k, isEqual as z } from "lodash";
 import { Vue3SeamlessScroll as U } from "vue3-seamless-scroll";
 import { nanoid as w } from "nanoid";
@@ -15,26 +15,26 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
   setup($, { expose: D, emit: F }) {
     j((e) => ({
-      "58ba5df3": e.basicOption.css.table.borderWidth + "px",
-      "64ed3d76": e.basicOption.css.table.borderStyle,
-      "66b51a12": e.basicOption.css.table.borderColor,
-      "7b271175": e.basicOption.css.table.paddingLeft + "px",
-      "3131035b": e.basicOption.css.table.alignItems,
-      cb28d12e: e.basicOption.css.table.justifyContent,
-      "73f7a5af": e.basicOption.css.header.background,
-      "3057a165": e.basicOption.css.header.height + "px",
-      "1ea5d242": e.basicOption.css.header.color,
-      cc251c88: e.basicOption.css.header.fontSize + "px",
-      d0ce57b0: e.basicOption.css.header.fontWeight,
-      "04b29601": e.basicOption.css.header.fontStyle,
-      "13621f7a": e.basicOption.css.body.background,
-      89062386: e.basicOption.css.oddBackground,
-      "68a32597": e.basicOption.css.body.color,
-      "3ce3425e": e.basicOption.css.body.fontSize + "px",
-      "37034df3": e.basicOption.css.body.fontWeight,
-      c3079254: e.basicOption.css.body.fontStyle
+      "0811a92e": e.basicOption.css.table.borderWidth + "px",
+      "71192c8f": e.basicOption.css.table.borderStyle,
+      "70353e41": e.basicOption.css.table.borderColor,
+      "1e63deeb": e.basicOption.css.table.paddingLeft + "px",
+      "2e35a6d1": e.basicOption.css.table.alignItems,
+      "74e58fdf": e.basicOption.css.table.justifyContent,
+      "178770f9": e.basicOption.css.header.background,
+      "0ad199db": e.basicOption.css.header.height + "px",
+      "277abe90": e.basicOption.css.header.color,
+      "8469b69c": e.basicOption.css.header.fontSize + "px",
+      "3b289f72": e.basicOption.css.header.fontWeight,
+      "01b73977": e.basicOption.css.header.fontStyle,
+      "6e203544": e.basicOption.css.body.background,
+      bd0c22f2: e.basicOption.css.oddBackground,
+      "20ed198d": e.basicOption.css.body.color,
+      "87ef5172": e.basicOption.css.body.fontSize + "px",
+      dc7d3886: e.basicOption.css.body.fontWeight,
+      "781f3fcc": e.basicOption.css.body.fontStyle
     }));
-    const b = F, h = v(w()), a = v([]), s = $, m = v(s.basicOption.scroll.start), d = () => {
+    const b = F, h = O(w()), a = O([]), s = $, m = O(s.basicOption.scroll.start), d = () => {
       G.parse({
         tId: s.uuid,
         sources: s.sources,
@@ -110,7 +110,7 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
           "--header-background-image": `url(${e.basicOption.css.header.backgroundImage})`
         })
       }, [
-        (r(!0), i(O, null, y(Object.keys(a.value[0]), (o, l) => (r(), i("div", {
+        (r(!0), i(v, null, y(Object.keys(a.value[0]), (o, l) => (r(), i("div", {
           key: o,
           class: W(["th", { customWidth: !C(l + 1) }]),
           style: u({ "--width": E(l + 1) + "px" })
@@ -124,6 +124,7 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
         direction: e.basicOption.scroll.direction,
         list: a.value,
         "is-watch": "",
+        step: e.basicOption.scroll.step,
         hover: e.basicOption.scroll.hover,
         "limit-scroll-num": e.basicOption.scroll.limitScrollNum,
         "single-height": e.basicOption.scroll.isSingle ? e.basicOption.css.body.height : 0,
@@ -134,7 +135,7 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
         }])
       }, {
         default: P(() => [
-          (r(!0), i(O, null, y(a.value, (o, l) => (r(), i("div", {
+          (r(!0), i(v, null, y(a.value, (o, l) => (r(), i("div", {
             key: o,
             class: "tr",
             style: u({
@@ -144,7 +145,7 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
             onMouseenter: (n) => H(o, l),
             onMouseout: (n) => I(o, l)
           }, [
-            (r(!0), i(O, null, y(L(o), (n, c) => (r(), i("div", {
+            (r(!0), i(v, null, y(L(o), (n, c) => (r(), i("div", {
               key: n,
               class: W(["td", { customWidth: !C(c + 1) }]),
               style: u({ "--width": E(c + 1) + "px" }),
@@ -163,7 +164,7 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
           ], 44, K))), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "direction", "list", "hover", "limit-scroll-num", "single-height", "single-wait-time"])
+      }, 8, ["modelValue", "direction", "list", "step", "hover", "limit-scroll-num", "single-height", "single-wait-time"])
     ], 4)) : V("", !0);
   }
 });