@das-fed/ui 7.1.0-dev.1 → 7.1.0-dev.10

package/packages/components/dropdown/index.js

@@ -1,25 +1,25 @@
 import '@das-fed/ui/packages/components/dropdown/style.css';
-import { withInstall as u } from "@das-fed/utils/with-install/index";
-import { setI18nRule as C, t as E } from "@das-fed/web/packages/i18n/index";
+import { withInstall as m } from "@das-fed/utils/with-install/index";
+import { setI18nRule as E, t as C } from "@das-fed/web/packages/i18n/index";
 import { setThemeRule as k } from "@das-fed/web/packages/theme/index";
 import "@das-fed/ui/packages/global/theme";
-import { defineComponent as m, createBlock as v, openBlock as c, unref as t, mergeProps as h, withCtx as s, renderSlot as p, normalizeProps as F, guardReactiveProps as y, useAttrs as B, ref as n, watch as I, onMounted as M, createElementBlock as P, createVNode as R } from "vue";
+import { defineComponent as c, createBlock as v, openBlock as w, unref as t, mergeProps as h, withCtx as s, renderSlot as p, normalizeProps as F, guardReactiveProps as y, useAttrs as B, ref as n, watch as I, onMounted as M, createElementBlock as P, createVNode as R } from "vue";
 import "element-plus/es/components/dropdown-item/style/css";
 import { ElDropdownItem as A, ElDropdownMenu as b, ElDropdown as x } from "element-plus";
 import "element-plus/es/components/dropdown-menu/style/css";
 import "element-plus/es/components/dropdown/style/css";
-const z = {
+const L = {
   "--das-ui-dropdown-bgff-color": "#fff",
   "--das-ui-dropdown-divided-color": "#e5e5e5",
   "--das-ui-dropdown-active-color": "#5582F3",
   "--das-ui-dropdown-hover-color": "#F5F5F5"
-}, L = /* @__PURE__ */ m({
+}, z = /* @__PURE__ */ c({
   __name: "dropdownItem",
   props: {
     danger: { type: Boolean, default: !1 }
   },
   setup(d) {
-    return (o, a) => (c(), v(t(A), h(o.$attrs, {
+    return (o, a) => (w(), v(t(A), h(o.$attrs, {
       class: { danger: o.danger }
     }), {
       default: s(() => [
@@ -29,10 +29,10 @@ const z = {
       /* FORWARDED */
     }, 16, ["class"]));
   }
-}), N = /* @__PURE__ */ m({
+}), N = /* @__PURE__ */ c({
   __name: "dropdownMenu",
   setup(d) {
-    return (o, a) => (c(), v(
+    return (o, a) => (w(), v(
       t(b),
       F(y(o.$attrs)),
       {
@@ -46,15 +46,15 @@ const z = {
       /* FULL_PROPS */
     ));
   }
-}), O = /* @__PURE__ */ m({
+}), O = /* @__PURE__ */ c({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
     visibleArrow: { type: Boolean, default: !1 }
   },
   setup(d, { expose: o }) {
-    const a = B(), w = n(null), r = n(null);
-    let D = d, _ = n("hidden-arrow"), l = n({
+    const a = B(), l = n(null), r = n(null);
+    let D = d, _ = n("hidden-arrow"), f = n({
       modifiers: [
         {
           name: "offset",
@@ -66,8 +66,8 @@ const z = {
     });
     I(
       () => D.visibleArrow,
-      (e, f) => {
-        _.value = e ? "" : "hidden-arrow", l.value = {
+      (e, i) => {
+        _.value = e ? "" : "hidden-arrow", f.value = {
           modifiers: [
             {
               name: "offset",
@@ -81,20 +81,21 @@ const z = {
       { immediate: !0 }
     ), M(() => {
       if (a.trigger == "contextmenu") {
-        const e = w.value;
+        console.log("dropdownEL", l);
+        const e = l.value;
         e == null || e.addEventListener("contextmenu", $), e == null || e.addEventListener("mousedown", g);
       }
     });
     function $(e) {
-      const f = e.offsetX;
-      let i = e.offsetY;
-      i = 100 - i, l.value = {
+      const i = e.offsetX;
+      let u = e.offsetY;
+      u = 100 - u, f.value = {
         modifiers: [
           {
             name: "offset",
             options: {
               // offset:[x.value,y.value], x正数，y负数
-              offset: [f, -i]
+              offset: [i, -u]
             }
           }
         ]
@@ -105,17 +106,17 @@ const z = {
     }
     return o({
       getElRef: () => r.value
-    }), (e, f) => (c(), P(
+    }), (e, i) => (w(), P(
       "div",
       {
         class: "das-ui-dropdown",
         ref_key: "_selfDropdown",
-        ref: w
+        ref: l
       },
       [
         R(t(x), h(e.$attrs, {
           "popper-class": `das-ui-dropdown-popper ${e.selfPopperClass} ${t(_)}`,
-          "popper-options": t(l),
+          "popper-options": t(f),
           ref_key: "_selfElDropdown",
           ref: r
         }), {
@@ -134,9 +135,9 @@ const z = {
     ));
   }
 }), S = { 下拉菜单: { "zh-CN": "下拉菜单", en: "Dropdown Menu", _appCode: "framework" } };
-C(S);
-k(z);
-const Q = u(L), U = u(N), W = u(O), Z = { name: `Dropdown ${E("下拉菜单")}` };
+E(S);
+k(L);
+const Q = m(z), U = m(N), W = m(O), Z = { name: `Dropdown ${C("下拉菜单")}` };
 export {
   W as DasDropdown,
   Q as DasDropdownItem,