@das-fed/ui 6.4.0-test.8.2 → 7.0.0

package/packages/components/time-line/index.js

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/time-line/style.css';
 import { withInstall as T } from "@das-fed/utils/with-install/index";
-import { defineComponent as $, provide as E, reactive as N, openBlock as d, createElementBlock as k, createVNode as w, unref as B, mergeProps as I, withCtx as u, renderSlot as o, ref as F, inject as S, onMounted as W, createBlock as L, createElementVNode as i, normalizeStyle as P } from "vue";
+import { defineComponent as $, provide as E, reactive as N, createElementBlock as k, openBlock as d, createVNode as w, unref as B, mergeProps as I, withCtx as u, renderSlot as o, ref as F, inject as S, onMounted as W, createBlock as L, createElementVNode as i, normalizeStyle as P } from "vue";
 import "ant-design-vue/es/timeline/style/css";
 import { Timeline as V, TimelineItem as j } from "ant-design-vue";
 import { setThemeRule as z } from "@das-fed/web/packages/theme/index";

package/packages/components/time-line/src/Index.vue.d.ts

@@ -1,21 +1,27 @@
 import 'ant-design-vue/es/timeline/style/css';
+/** 基于Ant Design，文档见：https://www.antdv.com/components/timeline-cn*/
+import { Timeline as ATimeline } from 'ant-design-vue';
 import type { Props } from './type';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_5: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_5) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    ATimeline: typeof ATimeline;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    layoutType: "right" | "double" | "left" | "double-left" | "double-right";
+    alignWidth: string;
+    isThrough: false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     layoutType: "right" | "double" | "left" | "double-left" | "double-right";
     alignWidth: string;
     isThrough: false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/packages/components/time-line/src/TimelineItem.vue.d.ts

@@ -0,0 +1,46 @@
+import { TimelineItem as ATimelineItem } from 'ant-design-vue';
+import { Ref } from 'vue';
+interface Props {
+    /**dot是否采用slot形式*/
+    dotSlot?: boolean;
+    /**指定圆圈颜色 blue, red, green，或自定义的色值 */
+    color?: string;
+    layoutType?: string;
+    alignWidth?: string;
+}
+declare const $timelineitem: Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    dot?: (props: typeof __VLS_7) => any;
+} & {
+    left?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    right?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    ATimelineItem: typeof ATimelineItem;
+    $timelineitem: typeof $timelineitem;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: string;
+    layoutType: string;
+    alignWidth: string;
+    dotSlot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: string;
+    layoutType: string;
+    alignWidth: string;
+    dotSlot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/components/tooltip/index.d.ts

@@ -4,12 +4,13 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly selfPopperClass?: string | undefined;
-        readonly effect?: ("dark" | "light") | undefined;
+        readonly effect?: "dark" | "light" | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
         readonly customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
         readonly text?: string | undefined;
-        readonly row?: (number | string) | undefined;
+        readonly row?: number | string | undefined;
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;
@@ -43,6 +44,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         text: string;
         selfPopperClass: string;
         effect: "dark" | "light";
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
         content: string;
         row: number | string;
@@ -74,6 +76,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     text: string;
     selfPopperClass: string;
     effect: "dark" | "light";
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     customClass: string;
     content: string;
     row: number | string;
@@ -83,24 +86,25 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onShow?: ((event?: Event | undefined) => any) | undefined;
     onHide?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "placement" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        content?(_: {}): any;
-        default?(_: {}): any;
+        content?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
         readonly selfPopperClass?: string | undefined;
-        readonly effect?: ("dark" | "light") | undefined;
+        readonly effect?: "dark" | "light" | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
         readonly customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
         readonly text?: string | undefined;
-        readonly row?: (number | string) | undefined;
+        readonly row?: number | string | undefined;
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;
@@ -134,6 +138,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         text: string;
         selfPopperClass: string;
         effect: "dark" | "light";
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
         content: string;
         row: number | string;
@@ -165,6 +170,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     text: string;
     selfPopperClass: string;
     effect: "dark" | "light";
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     customClass: string;
     content: string;
     row: number | string;
@@ -174,12 +180,12 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onShow?: ((event?: Event | undefined) => any) | undefined;
     onHide?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "placement" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        content?(_: {}): any;
-        default?(_: {}): any;
+        content?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null>;
 declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
@@ -196,6 +202,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
         text: string;
         selfPopperClass: string;
         effect: "dark" | "light";
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
         content: string;
         row: number | string;
@@ -219,6 +226,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
         text: string;
         selfPopperClass: string;
         effect: "dark" | "light";
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
         content: string;
         row: number | string;
@@ -242,6 +250,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
     text: string;
     selfPopperClass: string;
     effect: "dark" | "light";
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     customClass: string;
     content: string;
     row: number | string;
@@ -250,8 +259,8 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
     isMaxheight: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        content?(_: {}): any;
-        default?(_: {}): any;
+        content?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
     };
 })>;
 export { DasTooltip, DasTooltipRef };

package/packages/components/tooltip/index.js

@@ -1,17 +1,18 @@
 import '@das-fed/ui/packages/components/tooltip/style.css';
-import { defineComponent as S, useCssVars as E, ref as u, computed as c, onMounted as L, onBeforeMount as _, openBlock as s, createBlock as D, unref as C, mergeProps as N, withCtx as x, withDirectives as P, createElementBlock as l, normalizeClass as b, renderSlot as k, Fragment as z, createTextVNode as I, toDisplayString as T, createCommentVNode as $, normalizeStyle as V, nextTick as W } from "vue";
-import { setThemeRule as q } from "@das-fed/web/packages/theme/index";
-import { setI18nRule as F, t as X } from "@das-fed/web/packages/i18n/index";
-import { withInstall as Y } from "@das-fed/utils/with-install/index";
-import { vScrollbar as O } from "@das-fed/ui/packages/components/scrollbar/index";
-import { ElTooltip as j } from "element-plus";
+import { defineComponent as S, useCssVars as E, computed as c, ref as m, onMounted as N, onBeforeMount as L, createBlock as V, openBlock as s, unref as x, mergeProps as _, withCtx as u, renderSlot as b, createElementBlock as p, createCommentVNode as k, normalizeStyle as D, normalizeClass as T, toDisplayString as $, createVNode as P, createElementVNode as z, Fragment as I, createTextVNode as W, nextTick as q } from "vue";
+import { setThemeRule as F } from "@das-fed/web/packages/theme/index";
+import { setI18nRule as X, t as Y } from "@das-fed/web/packages/i18n/index";
+import { withInstall as O } from "@das-fed/utils/with-install/index";
+import { DasScrollbar as j } from "@das-fed/ui/packages/components/scrollbar/index";
+import { ElTooltip as A } from "element-plus";
 import "element-plus/es/components/tooltip/style/css";
 import "@das-fed/ui/packages/global/theme";
-const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
+const G = ["innerHTML"], J = { key: 1 }, K = /* @__PURE__ */ S({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
     effect: { default: "light" },
+    placement: { default: "top" },
     customClass: { default: "" },
     content: { default: "" },
     disabled: { type: Boolean, default: void 0 },
@@ -22,117 +23,123 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
     isMaxheight: { type: Boolean, default: !0 }
   },
   emits: ["show", "hide"],
-  setup(i, { expose: d, emit: r }) {
+  setup(n, { expose: d, emit: i }) {
     E((e) => ({
-      "3fbd3ffc": M.value
+      "4fb23ab9": M.value
     }));
-    const o = i, a = r, m = u(), h = u(!1), M = c(() => Number(o.row)), B = c(() => o.disabled ?? (o.text ? !h.value : !1)), v = c(() => o.content || o.text), H = (e) => {
-      h.value = e.target.scrollHeight > e.target.clientHeight;
+    const o = n, a = i, h = m(), w = m(!1), M = c(() => Number(o.row)), B = c(() => o.disabled ?? (o.text ? !w.value : !1)), g = c(() => o.content || o.text), H = (e) => {
+      w.value = e.target.scrollHeight > e.target.clientHeight;
     }, R = (e) => {
       a("show", e), window.addEventListener("wheel", f);
-    }, w = (e) => {
+    }, v = (e) => {
       a("hide", e), window.removeEventListener("wheel", f);
     }, f = (e) => {
-      const n = document.querySelector('[id^="el-popper-container"]');
-      if (!n) return;
-      const t = n.querySelector(".das-ui-tooltip-popper");
+      const l = document.querySelector('[id^="el-popper-container"]');
+      if (!l) return;
+      const t = l.querySelector(".das-ui-tooltip-popper");
       if (!t) return;
-      const g = e.clientX, y = e.clientY, p = t == null ? void 0 : t.getBoundingClientRect();
-      t && g >= p.left && g <= p.right && y >= p.top && y <= p.bottom || (t.style.display = "none", t.style.opacity = "0", W(() => {
-        w();
+      const y = e.clientX, C = e.clientY, r = t == null ? void 0 : t.getBoundingClientRect();
+      t && y >= r.left && y <= r.right && C >= r.top && C <= r.bottom || (t.style.display = "none", t.style.opacity = "0", q(() => {
+        v();
       }));
     };
-    return L(() => {
-    }), _(() => {
+    return N(() => {
+    }), L(() => {
       window.removeEventListener("wheel", f);
     }), d({
-      $tooltipRef: m
-    }), (e, n) => (s(), D(C(j), N({
+      $tooltipRef: h
+    }), (e, l) => (s(), V(x(A), _({
       ref_key: "$tooltipRef",
-      ref: m,
+      ref: h,
       class: "das-ui-tooltip",
       disabled: B.value,
       effect: e.effect,
+      placement: e.placement,
       "popper-class": `das-ui-tooltip-popper ${e.isMaxheight ? "max-height" : ""} ${e.selfPopperClass}`,
       "hide-after": 100,
-      "show-after": 100,
+      "show-after": 100
+    }, e.$attrs, {
       onShow: R,
-      onHide: w
-    }, e.$attrs), {
-      content: x(() => [
-        P((s(), l(
-          "div",
-          {
-            class: b({ "max-height": e.isMaxheight, "das-popper-content": !0 })
-          },
-          [
-            k(e.$slots, "content", {}, void 0, !0),
-            v.value && !e.$slots.content ? (s(), l(
-              z,
-              { key: 0 },
+      onHide: v
+    }), {
+      content: u(() => [
+        P(x(j), null, {
+          default: u(() => [
+            z(
+              "div",
+              {
+                class: T({ "max-height": e.isMaxheight, "das-popper-content": !0 })
+              },
               [
-                I(
-                  T(v.value),
-                  1
-                  /* TEXT */
-                )
+                b(e.$slots, "content", {}, void 0, !0),
+                g.value && !e.$slots.content ? (s(), p(
+                  I,
+                  { key: 0 },
+                  [
+                    W(
+                      $(g.value),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : k("v-if", !0)
               ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : $("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )), [
-          [C(O)]
-        ])
+              2
+              /* CLASS */
+            )
+          ]),
+          _: 3
+          /* FORWARDED */
+        })
       ]),
-      default: x(() => [
-        k(e.$slots, "default", {}, () => [
-          e.text ? (s(), l(
+      default: u(() => [
+        b(e.$slots, "default", {}, () => [
+          e.text ? (s(), p(
             "div",
             {
               key: 0,
-              onMouseenter: n[0] || (n[0] = (t) => H(t)),
-              class: b(`das-tooltip-text-wrap ${e.customClass}`),
-              style: V({ width: o.textWidth })
+              onMouseenter: l[0] || (l[0] = (t) => H(t)),
+              class: T(`das-tooltip-text-wrap ${e.customClass}`),
+              style: D({ width: o.textWidth })
             },
             [
-              e.textHtml ? (s(), l("div", {
+              e.textHtml ? (s(), p("div", {
                 key: 0,
                 innerHTML: e.text
-              }, null, 8, A)) : (s(), l(
+              }, null, 8, G)) : (s(), p(
                 "div",
-                G,
-                T(e.text),
+                J,
+                $(e.text),
                 1
                 /* TEXT */
               ))
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : $("v-if", !0)
+          )) : k("v-if", !0)
         ], !0)
       ]),
       _: 3
       /* FORWARDED */
-    }, 16, ["disabled", "effect", "popper-class"]));
+    }, 16, ["disabled", "effect", "placement", "popper-class"]));
   }
-}), K = (i, d) => {
-  const r = i.__vccOpts || i;
+}), Q = (n, d) => {
+  const i = n.__vccOpts || n;
   for (const [o, a] of d)
-    r[o] = a;
-  return r;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-4470233c"]]), U = {
+    i[o] = a;
+  return i;
+}, U = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-87cfa282"]]), Z = {
   "--das-ui-tooltip-font-normal": "#212121",
   "--das-ui-tooltip-font-light": "#fff",
   "--das-ui-tooltip-bgff-color": "#fff"
-}, Z = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", _appCode: "framework" } };
+}, ee = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", _appCode: "framework" } };
+X(ee);
 F(Z);
-q(U);
-const ae = () => u(null), pe = Y(Q), de = { name: `Tooltip ${X("文字提示")}` };
+const pe = () => m(null), de = O(U), fe = { name: `Tooltip ${Y("文字提示")}` };
 export {
-  pe as DasTooltip,
-  ae as DasTooltipRef,
-  de as default
+  de as DasTooltip,
+  pe as DasTooltipRef,
+  fe as default
 };