@fangzhongya/fang-ui 0.1.55 → 0.1.57

package/dist/components/right-key/src/index2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, vShow } from "vue";
+import { defineComponent, ref, computed, nextTick, watch, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, vShow } from "vue";
 import { getPrentClass } from "@fangzhongya/utils/css/getPrentClass";
 import { useVueValue } from "../../common/use.js";
 import { Icon } from "../../icon/index.js";
@@ -6,6 +6,7 @@ import { BoxTeleport } from "../../box-teleport/index.js";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
+import { getBoxDom } from "../../../utils/vues/getBoxDom.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,73 +22,145 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const flag = ref(false);
     const refRightKey = ref();
     const refRightKeyBox = ref();
-    const topx = ref("");
-    const lefty = ref("");
+    const position = ref({ x: 0, y: 0 });
     const dom = ref();
-    onMounted(() => {
-      globalThis.addEventListener("mousedown", watchContextmenu);
-    });
-    onUnmounted(() => {
-      globalThis.removeEventListener("mousedown", watchContextmenu);
+    const boxStyle = computed(() => {
+      if (!refRightKeyBox.value) return {};
+      const rect = refRightKeyBox.value.getBoundingClientRect();
+      const { innerWidth, innerHeight } = window;
+      let x = position.value.x;
+      let y = position.value.y;
+      if (x + rect.width > innerWidth) {
+        x = x - rect.width;
+      }
+      if (y + rect.height > innerHeight) {
+        y = y - rect.height;
+      }
+      return {
+        top: `${y}px`,
+        left: `${x}px`
+      };
     });
-    function watchContextmenu(event) {
-      if (refRightKeyBox.value.contains(event.target)) {
+    function handleGlobalMousedown(event) {
+      var _a;
+      if ((_a = refRightKeyBox.value) == null ? void 0 : _a.contains(event.target)) {
         return;
       }
-      if (!refRightKey.value.contains(event.target) || event.button !== 2) {
+      flag.value = false;
+    }
+    function handleGlobalClick(event) {
+      var _a;
+      if (event.button === 2) return;
+      if (!((_a = refRightKeyBox.value) == null ? void 0 : _a.contains(event.target))) {
+        flag.value = false;
+      }
+    }
+    function handleKeydown(event) {
+      if (event.key === "Escape" && flag.value) {
         flag.value = false;
       }
     }
     function isDomClass(dom2) {
-      if (dom2) {
-        if (props.domClass) {
-          const v = getPrentClass(
-            dom2,
-            props.domClass,
-            props.level
-          );
-          if (v && refRightKey.value.contains(v)) {
-            return v;
-          }
-        } else {
-          return dom2;
+      var _a, _b;
+      if (!dom2) return null;
+      if (props.domClass) {
+        const element = getPrentClass(
+          dom2,
+          props.domClass,
+          props.level
+        );
+        if (element && ((_a = refRightKey.value) == null ? void 0 : _a.contains(element))) {
+          return element;
         }
+      } else if ((_b = refRightKey.value) == null ? void 0 : _b.contains(dom2)) {
+        return dom2;
       }
+      return null;
     }
     function handleContextmenu(event) {
-      let target = event.target;
-      target = isDomClass(target);
-      if (target) {
-        dom.value = target;
-        let x = 0, y = 0;
-        if (event.x || event.y) {
-          x = event.x;
-          y = event.y;
-        } else if (event.pageX || event.pageY) {
-          x = event.pageX - 1;
-          y = event.pageY - 1;
-        }
-        let ww = globalThis ? globalThis.innerWidth : 0;
-        let kw = 0;
-        if (ww != 0 && x + 120 > ww) {
-          kw = 0 - (x + 120 - ww);
-        }
-        topx.value = x + kw + "px";
-        lefty.value = y + "px";
-        flag.value = true;
-        event.preventDefault();
-        event.stopPropagation();
-        emit("click-right", target);
-      } else {
+      const target = isDomClass(event.target);
+      if (!target) {
         flag.value = false;
+        return;
       }
+      dom.value = target;
+      let x = event.clientX;
+      let y = event.clientY;
+      flag.value = true;
+      event.preventDefault();
+      event.stopPropagation();
+      emit("click-right", target);
+      nextTick(() => {
+        position.value = { x, y };
+      });
     }
     function onClick(v) {
       flag.value = false;
       emit("click-key", v, dom.value);
     }
+    const toDom = ref();
+    watch(
+      () => flag.value,
+      () => {
+        if (props.isSingle) {
+          if (flag.value) {
+            if (toDom.value) {
+              toDom.value.querySelectorAll("." + cs.z("box")).forEach((v) => {
+                v.style.display = "none";
+              });
+            }
+            nextTick(() => {
+              refRightKeyBox.value.style.display = "block";
+            });
+          } else {
+            refRightKeyBox.value.style.display = "none";
+          }
+        } else {
+          refRightKeyBox.value.style.display = flag.value ? "block" : "none";
+        }
+      }
+    );
+    onMounted(() => {
+      toDom.value = getBoxDom();
+      document.addEventListener("mousedown", handleGlobalMousedown, true);
+      document.addEventListener("click", handleGlobalClick, true);
+      document.addEventListener("keydown", handleKeydown);
+      window.addEventListener("resize", () => {
+        if (flag.value) {
+          flag.value = false;
+        }
+      });
+      window.addEventListener(
+        "scroll",
+        () => {
+          if (flag.value) {
+            flag.value = false;
+          }
+        },
+        true
+      );
+    });
+    onUnmounted(() => {
+      document.removeEventListener("mousedown", handleGlobalMousedown, true);
+      document.removeEventListener("click", handleGlobalClick, true);
+      document.removeEventListener("keydown", handleKeydown);
+      window.removeEventListener("resize", () => {
+      });
+      window.removeEventListener("scroll", () => {
+      }, true);
+    });
     __expose({
-      ...dataExpose
+      ...dataExpose,
+      // 提供关闭菜单的方法
+      close: () => {
+        flag.value = false;
+      },
+      // 提供打开菜单的方法
+      open: (x, y, target) => {
+        position.value = { x, y };
+        dom.value = target;
+        flag.value = true;
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -106,11 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass([unref(cs).z("box"), unref(props).boxClass]),
               ref_key: "refRightKeyBox",
               ref: refRightKeyBox,
-              style: normalizeStyle({
-                position: "fixed",
-                top: lefty.value,
-                left: topx.value
-              })
+              style: normalizeStyle(boxStyle.value)
             }, [
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("box-list"))
@@ -121,13 +190,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => onClick(v), ["stop"]),
                     class: normalizeClass(unref(cs).z("box-list-li"))
                   }, [
-                    v.icon ? (openBlock(), createBlock(unref(Icon), { key: 0 }, {
-                      default: withCtx(() => [
-                        (openBlock(), createBlock(resolveDynamicComponent(v.icon)))
-                      ]),
-                      _: 2
-                    }, 1024)) : createCommentVNode("", true),
-                    createElementVNode("span", null, toDisplayString(unref(useVueValue)(v, unref(props).label)), 1)
+                    renderSlot(_ctx.$slots, unref(dataSlot).list, {
+                      value: v,
+                      index: k
+                    }, () => [
+                      v.icon ? (openBlock(), createBlock(unref(Icon), { key: 0 }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(v.icon)))
+                        ]),
+                        _: 2
+                      }, 1024)) : createCommentVNode("", true),
+                      createElementVNode("span", null, toDisplayString(unref(useVueValue)(v, unref(props).label)), 1)
+                    ])
                   ], 10, _hoisted_1);
                 }), 128))
               ], 2)
@@ -135,7 +209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               [vShow, flag.value]
             ])
           ]),
-          _: 1
+          _: 3
         }, 8, ["disabled", "to"])
       ], 34);
     };

package/dist/components/selects/src/data.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-import { comHandle } from '../../common/list';
+import { comHandle, Options } from '../../common/list';
 /**
  * @title {h3}
  */
@@ -18,10 +18,10 @@ export declare const dataProps: {
     };
     options: {
         type: {
-            (arrayLength: number): (string | number | boolean | ObjAny)[];
-            (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
-            new (arrayLength: number): (string | number | boolean | ObjAny)[];
-            new (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
+            (arrayLength: number): Options[];
+            (...items: Options[]): Options[];
+            new (arrayLength: number): Options[];
+            new (...items: Options[]): Options[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];

package/dist/components/stick-window/src/index2.cjs

@@ -4,11 +4,12 @@ const vue = require("vue");
 const index$3 = require("../../box-teleport/index.cjs");
 const data = require("./data.cjs");
 const index$4 = require("../../icon/index.cjs");
-const close = require("../../../icons/vue/close.cjs");
+require("../../../icons/vue/close.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$5 = require("../../../directives/stick/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
+const close_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/close2.cjs");
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -87,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     title: vue.unref(getLocale)("close")
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(close.default)
+                      vue.createVNode(close_vue_vue_type_script_setup_true_lang.default)
                     ]),
                     _: 1
                   }, 8, ["onClick", "class", "title"])

package/dist/components/stick-window/src/index2.js

@@ -2,11 +2,12 @@ import { defineComponent, ref, createBlock, openBlock, unref, withCtx, withDirec
 import { BoxTeleport } from "../../box-teleport/index.js";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { Icon } from "../../icon/index.js";
-import Close from "../../../icons/vue/close.js";
+import "../../../icons/vue/close.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import vStick from "../../../directives/stick/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+import _sfc_main$1 from "../../../icons/vue/close2.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -85,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     title: unref(getLocale)("close")
                   }, {
                     default: withCtx(() => [
-                      createVNode(Close)
+                      createVNode(_sfc_main$1)
                     ]),
                     _: 1
                   }, 8, ["onClick", "class", "title"])

package/dist/components/switchs/src/data.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPropTypes } from 'vue';
+import { Options } from '../../common/list';
 /**
  * @title {h3} switchs 开关列表
  * @text value: '' 在@change中会返回 true
@@ -14,10 +15,10 @@ export declare const dataProps: {
     };
     options: {
         type: {
-            (arrayLength: number): (string | number | boolean | ObjAny)[];
-            (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
-            new (arrayLength: number): (string | number | boolean | ObjAny)[];
-            new (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
+            (arrayLength: number): Options[];
+            (...items: Options[]): Options[];
+            new (arrayLength: number): Options[];
+            new (...items: Options[]): Options[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];

package/dist/components/uploads/src/data.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes } from 'vue';
-import { comHandle } from '../../common/list';
+import { comHandle, Options } from '../../common/list';
 /**
  * @title {h3} uploads
  */
@@ -78,10 +78,10 @@ export declare const dataProps: {
     };
     options: {
         type: {
-            (arrayLength: number): (string | number | boolean | ObjAny)[];
-            (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
-            new (arrayLength: number): (string | number | boolean | ObjAny)[];
-            new (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
+            (arrayLength: number): Options[];
+            (...items: Options[]): Options[];
+            new (arrayLength: number): Options[];
+            new (...items: Options[]): Options[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];

package/dist/components/uploads/src/index2.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const document = require("../../../icons/vue/document.cjs");
-const download$1 = require("../../../icons/vue/download.cjs");
-const plus = require("../../../icons/vue/plus.cjs");
-const views = require("../../../icons/vue/views.cjs");
-const _delete = require("../../../icons/vue/delete.cjs");
+require("../../../icons/vue/document.cjs");
+require("../../../icons/vue/download.cjs");
+require("../../../icons/vue/plus.cjs");
+require("../../../icons/vue/views.cjs");
+require("../../../icons/vue/delete.cjs");
 const index$7 = require("../../icon/index.cjs");
 const index$b = require("../../upload/index.cjs");
 const index$5 = require("../../message/index.cjs");
@@ -24,6 +24,11 @@ const util = require("./util.cjs");
 require("../../form/index.cjs");
 const index$3 = require("../../../hooks/props-default/index.cjs");
 const index$4 = require("element-plus/es/components/form/index");
+const download_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/download2.cjs");
+const views_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/views2.cjs");
+const delete_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/delete2.cjs");
+const document_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/document2.cjs");
+const plus_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/plus2.cjs");
 const _hoisted_1 = ["onMouseenter"];
 const _hoisted_2 = ["title"];
 const _hoisted_3 = ["onClick", "title"];
@@ -113,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return !value.value;
     });
-    const views$1 = vue.reactive({
+    const views = vue.reactive({
       show: false,
       value: void 0
     });
@@ -125,8 +130,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const onViews = (item, index2) => {
-      views$1.value = item;
-      views$1.show = true;
+      views.value = item;
+      views.show = true;
       emit("views", item, index2);
     };
     const onDelete = (item, index2) => {
@@ -264,7 +269,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, [
                       vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(download$1.default)
+                          vue.createVNode(download_vue_vue_type_script_setup_true_lang.default)
                         ]),
                         _: 1
                       })
@@ -276,7 +281,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, [
                       vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(views.default)
+                          vue.createVNode(views_vue_vue_type_script_setup_true_lang.default)
                         ]),
                         _: 1
                       })
@@ -289,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, [
                       vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(_delete.default)
+                          vue.createVNode(delete_vue_vue_type_script_setup_true_lang.default)
                         ]),
                         _: 1
                       })
@@ -324,7 +329,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document-bg"))
                       }, [
-                        vue.createVNode(document.default)
+                        vue.createVNode(document_vue_vue_type_script_setup_true_lang.default)
                       ], 2),
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document-text"))
@@ -342,22 +347,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).views, {
               type: vue.unref(props).type,
               accept: accept.value,
-              value: views$1.value,
-              show: views$1.show,
-              onClose: _cache[1] || (_cache[1] = ($event) => views$1.show = false)
+              value: views.value,
+              show: views.show,
+              onClose: _cache[1] || (_cache[1] = ($event) => views.show = false)
             }, () => [
               vue.createVNode(vue.unref(index$9.BoxAdjust), {
                 isMax: "",
-                modelValue: views$1.show,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => views$1.show = $event)
+                modelValue: views.show,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => views.show = $event)
               }, {
                 default: vue.withCtx(() => {
                   var _a, _b, _c;
                   return [
                     (vue.openBlock(), vue.createBlock(vue.unref(index$a.Iframe), {
-                      title: (_a = views$1.value) == null ? void 0 : _a.url,
-                      key: (_b = views$1.value) == null ? void 0 : _b.url,
-                      url: (_c = views$1.value) == null ? void 0 : _c.url
+                      title: (_a = views.value) == null ? void 0 : _a.url,
+                      key: (_b = views.value) == null ? void 0 : _b.url,
+                      url: (_c = views.value) == null ? void 0 : _c.url
                     }, null, 8, ["title", "url"]))
                   ];
                 }),
@@ -388,7 +393,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(index$7.Icon), null, {
                 default: vue.withCtx(() => [
-                  !isloading.value ? (vue.openBlock(), vue.createBlock(plus.default, { key: 0 })) : vue.createCommentVNode("", true)
+                  !isloading.value ? (vue.openBlock(), vue.createBlock(plus_vue_vue_type_script_setup_true_lang.default, { key: 0 })) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               })

package/dist/components/uploads/src/index2.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, useAttrs, computed, watch, reactive, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, normalizeClass, Fragment, renderList, renderSlot, normalizeStyle, createVNode, withCtx, toDisplayString } from "vue";
-import Document from "../../../icons/vue/document.js";
-import Download from "../../../icons/vue/download.js";
-import Plus from "../../../icons/vue/plus.js";
-import IconViews from "../../../icons/vue/views.js";
-import Delete from "../../../icons/vue/delete.js";
+import "../../../icons/vue/document.js";
+import "../../../icons/vue/download.js";
+import "../../../icons/vue/plus.js";
+import "../../../icons/vue/views.js";
+import "../../../icons/vue/delete.js";
 import { Icon } from "../../icon/index.js";
 import { Upload } from "../../upload/index.js";
 import { Message } from "../../message/index.js";
@@ -22,6 +22,11 @@ import { getType, getListType } from "./util.js";
 import "../../form/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { useDisabled } from "element-plus/es/components/form/index";
+import _sfc_main$1 from "../../../icons/vue/download2.js";
+import _sfc_main$2 from "../../../icons/vue/views2.js";
+import _sfc_main$3 from "../../../icons/vue/delete2.js";
+import _sfc_main$4 from "../../../icons/vue/document2.js";
+import _sfc_main$5 from "../../../icons/vue/plus2.js";
 const _hoisted_1 = ["onMouseenter"];
 const _hoisted_2 = ["title"];
 const _hoisted_3 = ["onClick", "title"];
@@ -262,7 +267,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
-                          createVNode(Download)
+                          createVNode(_sfc_main$1)
                         ]),
                         _: 1
                       })
@@ -274,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
-                          createVNode(IconViews)
+                          createVNode(_sfc_main$2)
                         ]),
                         _: 1
                       })
@@ -287,7 +292,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
-                          createVNode(Delete)
+                          createVNode(_sfc_main$3)
                         ]),
                         _: 1
                       })
@@ -322,7 +327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", {
                         class: normalizeClass(unref(cs).z("list-li-value-document-bg"))
                       }, [
-                        createVNode(Document)
+                        createVNode(_sfc_main$4)
                       ], 2),
                       createElementVNode("span", {
                         class: normalizeClass(unref(cs).z("list-li-value-document-text"))
@@ -386,7 +391,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(unref(Icon), null, {
                 default: withCtx(() => [
-                  !isloading.value ? (openBlock(), createBlock(Plus, { key: 0 })) : createCommentVNode("", true)
+                  !isloading.value ? (openBlock(), createBlock(_sfc_main$5, { key: 0 })) : createCommentVNode("", true)
                 ]),
                 _: 1
               })