@dazhicheng/ui 1.5.198 → 1.5.201

package/dist/components/tt-icon/index.vue.js

@@ -0,0 +1,8 @@
+import o from "./index.vue2.js";
+/* empty css           */
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d731bb93"]]);
+export {
+  a as default
+};

package/dist/components/tt-icon/index.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as v, useSlots as x, useAttrs as S, createElementBlock as n, openBlock as o, Fragment as w, createVNode as f, createBlock as s, unref as r, withCtx as C, mergeProps as d, resolveDynamicComponent as b, renderSlot as m, normalizeClass as B, h as i } from "vue";
+import { Icon as F } from "@iconify/vue";
+import { createReusableTemplate as T } from "@vueuse/core";
+const A = ["innerHTML"], H = ["title"], _ = /* @__PURE__ */ v({
+  name: "TtIcon",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    icon: {},
+    isSymbol: { type: Boolean, default: !1 },
+    isCustomSvg: { type: Boolean, default: !1 },
+    title: {},
+    iconFont: {},
+    isImg: { type: Boolean, default: !1 },
+    size: { default: 16 },
+    disabled: { type: Boolean, default: !1 },
+    class: {},
+    color: {}
+  },
+  emits: ["click"],
+  setup(p, { emit: h }) {
+    const e = p, y = h, c = x(), l = S(), [$, a] = T();
+    function u() {
+      e.disabled || y("click");
+    }
+    function g() {
+      return i("i", {
+        ...l,
+        class: `iconfont ${e.iconFont}`,
+        style: {
+          fontSize: `${e.size}px`,
+          width: `${e.size}px`,
+          height: `${e.size}px`,
+          lineHeight: `${e.size}px`,
+          color: e.color
+        },
+        title: e.title
+      });
+    }
+    function z() {
+      return i(
+        "svg",
+        {
+          ...l,
+          color: e.color,
+          style: {
+            display: "inline",
+            width: `${e.size}px`,
+            height: `${e.size}px`,
+            overflow: "hidden",
+            verticalAlign: "-0.15em",
+            fill: "currentcolor"
+          },
+          "aria-hidden": "true"
+        },
+        [
+          i("use", {
+            "xlink:href": `#${e.icon}`
+          })
+        ]
+      );
+    }
+    function k() {
+      return i(F, {
+        ...l,
+        icon: e.icon || "",
+        title: e.title,
+        width: e.size,
+        style: {
+          fontSize: `${e.size}`,
+          color: e.color
+        }
+      });
+    }
+    function I() {
+      return i("img", {
+        ...l,
+        src: e.icon,
+        alt: e.title,
+        style: {
+          width: `${e.size}px`,
+          height: `${e.size}px`
+        }
+      });
+    }
+    return (t, D) => (o(), n(w, null, [
+      f(r($), null, {
+        default: C(() => [
+          e.isCustomSvg ? (o(), n("i", d({
+            key: 0,
+            class: "iconSvg inline-flex",
+            style: `fill:currentColor;width:${t.size}px;height:${t.size}px;`
+          }, t.$attrs, { innerHTML: t.icon }), null, 16, A)) : e.isImg ? (o(), s(I, { key: 1 })) : (o(), s(b(t.isSymbol ? z : t.iconFont ? g : k), { key: 2 }))
+        ]),
+        _: 1
+      }),
+      c.default || c.prefix ? (o(), n("div", d({
+        key: 0,
+        class: ["flex items-center", [{ "cursor-not-allowed": e.disabled }, e.class]],
+        title: e.title
+      }, t.$attrs, { onClick: u }), [
+        m(t.$slots, "prefix", {}, void 0, !0),
+        f(r(a)),
+        m(t.$slots, "default", {}, void 0, !0)
+      ], 16, H)) : (o(), s(r(a), {
+        key: 1,
+        class: B([{ "cursor-not-allowed": e.disabled }, e.class]),
+        onClick: u
+      }, null, 8, ["class"]))
+    ], 64));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/tt-image/index.js

@@ -0,0 +1,9 @@
+import { withInstall as t } from "@dazhicheng/utils";
+import o from "./tt-image.js";
+import { TtImageViewer as i } from "./src/components/ImageViewer.js";
+const m = t(o);
+export {
+  m as TtImage,
+  i as TtImageViewer,
+  m as default
+};

package/dist/components/tt-image/src/components/ImageViewer.js

@@ -0,0 +1,41 @@
+import { defineComponent as n, ref as u, computed as p, createVNode as o, Fragment as r, mergeProps as f } from "vue";
+import { withInstall as w } from "@dazhicheng/utils";
+import { imageViewerEmits as c, imageViewerProps as g, ElImageViewer as d } from "element-plus";
+import v from "xe-utils";
+const C = w(/* @__PURE__ */ n({
+  name: "TtImageViewer",
+  props: {
+    ...g,
+    /**
+     * 是否显示
+     */
+    visible: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    ...c,
+    "update:visible": (e) => !0
+  },
+  setup(e, {
+    emit: i,
+    expose: s
+  }) {
+    const l = u(), a = () => {
+      i("update:visible", !e.visible), i("close");
+    }, m = p(() => v.omit(e, ["visible"]));
+    return s({
+      elImageViewerRef: l
+    }), () => o(r, null, [e.visible ? o(d, f(m.value, {
+      ref: l,
+      onClose: a,
+      onSwitch: (t) => i("switch", t),
+      onRotate: (t) => i("rotate", t)
+    }), null) : o(r, null, null)]);
+  }
+}));
+export {
+  C as TtImageViewer,
+  C as default
+};

package/dist/components/tt-image/tt-image.js

@@ -0,0 +1,55 @@
+import { defineComponent as f, ref as g, computed as s, createVNode as l, mergeProps as c } from "vue";
+import { imageEmits as p, imageProps as u, ElImage as d } from "element-plus";
+import P from "xe-utils";
+import h from "../../assets/img/empty_images/no_data.png.js";
+import w from "../../assets/img/empty_images/search.png.js";
+import I from "../../assets/img/image_status/develop.png.js";
+import E from "../../assets/img/image_status/loading.gif.js";
+import N from "../../assets/img/image_status/loading_fail.png.js";
+import S from "../../assets/img/image_status/no_network.png.js";
+import v from "../../assets/img/image_status/no_permission.png.js";
+const C = {
+  "no-network": S,
+  develop: I,
+  loading: E,
+  "loading-fail": N,
+  "no-data": h,
+  "no-permission": v,
+  "no-search": w
+}, M = /* @__PURE__ */ f({
+  name: "TtImage",
+  props: {
+    ...u,
+    /** image 图片的 集中状态 */
+    status: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  emits: p,
+  slots: Object,
+  setup(t, {
+    emit: o,
+    slots: a,
+    expose: n
+  }) {
+    const e = g(), m = s(() => t.status ? C[t.status] : t.src), i = s(() => P.omit(t, ["status", "src"]));
+    return n({
+      elImageRef: e
+    }), () => l(d, c(i.value, {
+      src: m.value,
+      ref: e,
+      onLoad: (r) => o("load", r),
+      onError: (r) => o("error", r),
+      onSwitch: (r) => o("switch", r),
+      onClose: () => o("close"),
+      onShow: () => o("show")
+    }), {
+      ...a
+    });
+  }
+});
+export {
+  M as default
+};

package/dist/components/tt-loading/index.js

@@ -0,0 +1,8 @@
+import { withInstall as o } from "@dazhicheng/utils";
+import "vue";
+import t from "./src/loading.vue.js";
+const r = o(t);
+export {
+  r as TtLoading,
+  r as default
+};

package/dist/components/tt-loading/src/directive.js

@@ -0,0 +1,51 @@
+import { isBoolean as n, isObject as u, isNull as r } from "@dazhicheng/utils";
+import { createApp as f } from "vue";
+import v from "./loading.vue.js";
+const s = /* @__PURE__ */ new WeakMap(), p = ["relative", "absolute", "fixed", "sticky"];
+function c(t, e = {}) {
+  const i = document.createElement("div"), l = { ...e };
+  delete l.visible;
+  const o = f(v, {
+    ...l,
+    visible: !0,
+    // 组件始终可见，通过DOM操作控制显示隐藏
+    fullscreen: !1
+  });
+  return o.mount(i), {
+    targetEl: t,
+    loadingEl: i.firstElementChild,
+    app: o,
+    visible: !1,
+    // 初始状态为不可见
+    originalPosition: getComputedStyle(t).position,
+    options: e
+  };
+}
+function a(t, e, i) {
+  if (e === t.visible && !i)
+    return;
+  const { targetEl: l, loadingEl: o } = t;
+  e ? (p.includes(getComputedStyle(l).position) || (l.style.position = "relative"), l.appendChild(o), t.visible = !0) : (o.parentNode && o.parentNode.removeChild(o), l.style.position === "relative" && t.originalPosition !== "relative" && (l.style.position = t.originalPosition), t.visible = !1), i && Object.assign(t.options, i);
+}
+const E = {
+  mounted(t, e) {
+    let i = {}, l = !1;
+    n(e.value) ? l = e.value : u(e.value) && !r(e.value) ? (i = { ...e.value }, l = i.visible ?? !1, delete i.visible) : l = !!e.value;
+    const o = c(t, i);
+    s.set(t, o), l && a(o, !0);
+  },
+  updated(t, e) {
+    const i = s.get(t);
+    if (!i) return;
+    let l = {}, o = !1;
+    n(e.value) ? o = e.value : u(e.value) && !r(e.value) ? (l = { ...e.value }, o = l.visible ?? !1, delete l.visible) : o = !!e.value, a(i, o, l);
+  },
+  unmounted(t) {
+    const e = s.get(t);
+    e && (a(e, !1), e.app.unmount(), s.delete(t));
+  }
+};
+export {
+  E as default,
+  E as vTtLoading
+};

package/dist/components/tt-loading/src/loading.vue.js

@@ -0,0 +1,7 @@
+import o from "./loading.vue2.js";
+/* empty css             */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7e6228e4"]]);
+export {
+  r as default
+};

package/dist/components/tt-loading/src/loading.vue2.js

@@ -0,0 +1,75 @@
+import { defineComponent as s, computed as r, createBlock as c, openBlock as o, Transition as d, withCtx as f, createElementBlock as n, createCommentVNode as a, normalizeStyle as u, normalizeClass as g, createElementVNode as m, createVNode as p, unref as y, toDisplayString as h } from "vue";
+import { TtIcon as x } from "../../tt-icon/index.js";
+const v = { class: "tt-loading__spinner" }, _ = {
+  key: 0,
+  class: "tt-loading__text"
+}, k = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <style>
+    .spinner { transform-origin: 20px 20px; animation: rotate 1.6s linear infinite; }
+    .dot { fill: var(--theme-color); animation: fade 1.6s infinite; }
+    .dot:nth-child(1) { animation-delay: 0s; }
+    .dot:nth-child(2) { animation-delay: 0.5s; }
+    .dot:nth-child(3) { animation-delay: 1s; }
+    .dot:nth-child(4) { animation-delay: 1.5s; }
+    @keyframes rotate { 100% { transform: rotate(360deg); } }
+    @keyframes fade { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+  </style>
+  <g class="spinner">
+    <circle class="dot" cx="20" cy="8" r="4"/>
+    <circle class="dot" cx="32" cy="20" r="4"/>
+    <circle class="dot" cx="20" cy="32" r="4"/>
+    <circle class="dot" cx="8" cy="20" r="4"/>
+  </g>
+</svg>`, z = /* @__PURE__ */ s({
+  name: "TtLoading",
+  inheritAttrs: !1,
+  __name: "loading",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    text: { default: "" },
+    svg: { default: "" },
+    icon: {},
+    background: { default: "rgba(255, 255, 255, 0.8)" },
+    zIndex: { default: 99 },
+    textColor: { default: "#606266" },
+    spinnerColor: { default: "#409eff" }
+  },
+  setup(l) {
+    const t = l, i = r(() => ({
+      backgroundColor: t.background,
+      zIndex: t.fullscreen ? "9999999" : t.zIndex,
+      "--tt-loading-spinner-color": t.spinnerColor,
+      "--tt-loading-text-color": t.textColor
+    }));
+    return (e, C) => (o(), c(d, {
+      name: "tt-loading-fade",
+      appear: ""
+    }, {
+      default: f(() => [
+        e.visible ? (o(), n("div", {
+          key: 0,
+          class: g(["tt-loading", {
+            "tt-loading--fullscreen": e.fullscreen,
+            "tt-loading--absolute": !e.fullscreen
+          }]),
+          style: u(i.value)
+        }, [
+          m("div", v, [
+            p(y(x), {
+              "is-custom-svg": "",
+              icon: e.svg || k,
+              size: 52,
+              class: "tt-loading__circular"
+            }, null, 8, ["icon"])
+          ]),
+          e.text ? (o(), n("p", _, h(e.text), 1)) : a("", !0)
+        ], 6)) : a("", !0)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  z as default
+};

package/dist/components/tt-loading/src/service.js

@@ -0,0 +1,79 @@
+import { ref as c, defineComponent as v, h as b, createApp as y } from "vue";
+import C from "./loading.vue.js";
+const x = ["relative", "absolute", "fixed", "sticky"];
+function f(o = {}) {
+  const {
+    target: n,
+    fullscreen: s = !n,
+    text: p = "",
+    visible: m = !0,
+    ...g
+  } = o;
+  let e, l = "";
+  if (n) {
+    if (typeof n == "string") {
+      if (e = document.querySelector(n), !e)
+        throw new Error(`Loading target element not found: ${n}`);
+    } else
+      e = n;
+    l = getComputedStyle(e).position;
+  } else
+    e = document.body;
+  const a = c(p), d = c(m), r = document.createElement("div"), h = v({
+    name: "LoadingWrapper",
+    setup() {
+      return {
+        textRef: a,
+        visibleRef: d
+      };
+    },
+    render() {
+      return b(C, {
+        ...g,
+        text: this.textRef,
+        visible: this.visibleRef,
+        fullscreen: s
+      });
+    }
+  }), u = y(h);
+  return u.mount(r), !s && e !== document.body ? (x.includes(l) || (e.style.position = "relative"), e.appendChild(r.firstElementChild)) : document.body.appendChild(r.firstElementChild), {
+    close() {
+      const t = r.firstElementChild;
+      t != null && t.parentNode && t.parentNode.removeChild(t), !s && e !== document.body && e.style.position === "relative" && l !== "relative" && (e.style.position = l), u.unmount();
+    },
+    setText(t) {
+      a.value = t;
+    },
+    setVisible(t) {
+      d.value = t;
+    }
+  };
+}
+let i = null;
+const R = {
+  /**
+   * 显示loading
+   */
+  show(o = {}) {
+    return f(o);
+  },
+  /**
+   * 显示全屏loading
+   */
+  showFullscreen(o = {}) {
+    return i && i.close(), i = f({
+      ...o,
+      fullscreen: !0
+    }), i;
+  },
+  /**
+   * 关闭全屏loading
+   */
+  hideFullscreen() {
+    i && (i.close(), i = null);
+  }
+};
+export {
+  R as Loading,
+  R as default
+};

package/dist/components/tt-log/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "@dazhicheng/utils";
+import o from "./index.vue.js";
+const a = t(o);
+export {
+  a as TtLog,
+  a as default
+};

package/dist/components/tt-log/index.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as s, createBlock as n, openBlock as a, unref as e, mergeProps as p } from "vue";
+import { useDesign as c } from "@dazhicheng/hooks";
+import { useTableRender as f } from "@dazhicheng-ui/components/tt-table";
+const _ = /* @__PURE__ */ s({
+  name: "TtLog",
+  __name: "index",
+  props: {
+    tableProps: { default: () => ({}) }
+  },
+  setup(t) {
+    const o = t, { prefixCls: r } = c("log"), [i] = f({
+      autoHeight: !0,
+      showPager: !0,
+      showToolbar: !1,
+      showSetting: !1,
+      columns: [
+        { field: "id", title: "日志ID" },
+        { field: "operateType", title: "操作类型" },
+        { field: "rizhi_content", title: "操作人" },
+        { field: "rizhi_content", title: "操作内容", width: 300 },
+        { field: "rizhi_content", title: "操作时间" }
+      ],
+      ...o.tableProps
+    });
+    return (l, u) => (a(), n(e(i), p({ class: e(r) }, l.$attrs), null, 16, ["class"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/tt-log/index.vue2.js

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

package/dist/components/tt-modal/index.js

@@ -0,0 +1,14 @@
+import { withInstall as o } from "@dazhicheng/utils";
+import t from "./src/RenderModal.vue.js";
+/* empty css                     */
+import "@tanstack/vue-store";
+import "vue";
+import "vue-router";
+import "@vueuse/core";
+import "@dazhicheng-ui/hooks/useSetup";
+const r = o(t), e = r;
+export {
+  r as RenderModal,
+  e as TtModal,
+  r as default
+};