@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.61

package/packages/components/tooltip/index.js

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

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

@@ -1,72 +1,36 @@
 import 'element-plus/es/components/tooltip/style/css';
 import type { Props } from './type';
-declare function __VLS_template(): {
-    content?(_: {}): any;
-    default?(_: {}): any;
+declare var __VLS_16: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    content?: (props: typeof __VLS_16) => any;
+} & {
+    default?: (props: typeof __VLS_18) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    selfPopperClass: string;
-    effect: string;
-    text: string;
-    row: number;
-    textWidth: string;
-    isMaxheight: boolean;
-    textHtml: boolean;
-    disabled: undefined;
-    customClass: string;
-    content: string;
-}>, {
-    $tooltipRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    show: (event?: Event | undefined) => void;
-    hide: (event?: Event | undefined) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    selfPopperClass: string;
-    effect: string;
-    text: string;
-    row: number;
-    textWidth: string;
-    isMaxheight: boolean;
-    textHtml: boolean;
-    disabled: undefined;
-    customClass: string;
-    content: string;
-}>>> & {
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    $tooltipRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    show: (event?: Event | undefined) => any;
+    hide: (event?: Event | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onShow?: ((event?: Event | undefined) => any) | undefined;
     onHide?: ((event?: Event | undefined) => any) | undefined;
-}, {
-    text: string;
+}>, {
     disabled: boolean;
+    text: string;
+    selfPopperClass: string;
     effect: "dark" | "light";
-    content: string;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     customClass: string;
-    selfPopperClass: string;
+    content: string;
     row: number | string;
     textWidth: string;
     textHtml: boolean;
     isMaxheight: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/packages/components/tooltip/src/type.d.ts

@@ -1,40 +1,53 @@
-
-export interface Props {
-  
-  selfPopperClass?: string
-
-  
-  effect?: 'dark' | 'light'
-
-  
-  customClass?: string
-
-  
-  content?: string
-
-  
-  disabled?: boolean
-
-  
-  text?: string
-
-  
-  row?: number | string
-
-  
-  textWidth?: string
-
-  
-  textHtml?: boolean
-
-  
-  isMaxheight?: boolean
-  
-  content?: string
-}
-export interface Emits {
-  
-  (e: 'show', event?: Event | undefined): void
-  
-  (e: 'hide', event?: Event | undefined): void
-}
+
+export interface Props {
+  
+  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
+
+  
+  disabled?: boolean
+
+  
+  text?: string
+
+  
+  row?: number | string
+
+  
+  textWidth?: string
+
+  
+  textHtml?: boolean
+
+  
+  isMaxheight?: boolean
+}
+export interface Emits {
+  
+  (e: 'show', event?: Event | undefined): void
+  
+  (e: 'hide', event?: Event | undefined): void
+}

package/packages/components/tooltip/style.css

@@ -1 +1 @@
-.das-ui-tooltip-popper.el-popper{max-width:360px;word-break:break-all;box-shadow:0 4px 10px #0003;border:none;font-size:var(--das-ui-font-size-sm);padding:0;border-radius:unset}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-3px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-3px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--das-ui-color-normal);background-color:var(--das-ui-tooltip-bgff-color)}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--das-ui-tooltip-bgff-color);border-radius:2px}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:8px;width:8px;background-color:var(--das-ui-tooltip-bgff-color);border-color:var(--das-ui-tooltip-bgff-color);border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:3px 3px 5px #00000026}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px #0000001a}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px #0000001f,0 -2px 6px #cc95951f}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px #0000001a,-2px 0 6px #0000001a}.das-tooltip-text-wrap[data-v-05d76eec]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--474cc7be)}
+.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px #0003;border:none;font-size:var(--das-ui-font-size-sm);padding:0;border-radius:unset}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-3px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-3px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--das-ui-color-normal);background-color:var(--das-ui-tooltip-bgff-color)}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--das-ui-tooltip-bgff-color);border-radius:2px}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:8px;width:8px;background-color:var(--das-ui-tooltip-bgff-color);border-color:var(--das-ui-tooltip-bgff-color);border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:3px 3px 5px #00000026}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px #0000001a}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px #0000001f,0 -2px 6px #cc95951f}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px #0000001a,-2px 0 6px #0000001a}.das-tooltip-text-wrap[data-v-87cfa282]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--4fb23ab9)}

package/packages/components/tree/i18n/index.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    请搜索: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    '\u641C\u7D22\u4E2D...': {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    新增同级: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    新增子级: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    编辑: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    删除: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    请选择: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    暂无数据: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    noDataTryAnotherKeyword: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;