@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/right-key/src/index.d.ts

@@ -39,7 +39,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: number;
     };
     label: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     boxClass: {
@@ -80,7 +80,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: number;
     };
     label: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     boxClass: {

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

@@ -1,160 +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 { getPrentClass } from "@fangzhongya/utils/css/getPrentClass";
-import { setVueValue } from "../../../utils/vues/common.js";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
-import { Icon } from "../../icon/index.js";
-import _sfc_main$1 from "../../frame/common/box-teleport.js";
-import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import "../../../hooks/global-config/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    useLocale();
-    const cs = useCssName("right-key");
-    const props = __props;
-    const emit = __emit;
-    const flag = ref(false);
-    const refRightKey = ref();
-    const refRightKeyBox = ref();
-    const topx = ref("");
-    const lefty = ref("");
-    const dom = ref();
-    onMounted(() => {
-      window.addEventListener("mousedown", watchContextmenu);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("mousedown", watchContextmenu);
-    });
-    function watchContextmenu(event) {
-      if (refRightKeyBox.value.contains(event.target)) {
-        return;
-      }
-      if (!refRightKey.value.contains(event.target) || event.button !== 2) {
-        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;
-        }
-      }
-    }
-    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 = window ? window.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 {
-        flag.value = false;
-      }
-    }
-    function onClick(v) {
-      flag.value = false;
-      emit("click-key", v, dom.value);
-    }
-    __expose({
-      ...dataExpose
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z()),
-        ref_key: "refRightKey",
-        ref: refRightKey,
-        onContextmenu: handleContextmenu
-      }, [
-        renderSlot(_ctx.$slots, unref(dataSlot).default),
-        createVNode(_sfc_main$1, {
-          disabled: props.disabled,
-          to: props.to
-        }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              class: normalizeClass([unref(cs).z("box"), props.boxClass]),
-              ref_key: "refRightKeyBox",
-              ref: refRightKeyBox,
-              style: normalizeStyle({
-                position: "fixed",
-                top: lefty.value,
-                left: topx.value
-              })
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(cs).z("box-list"))
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (v, k) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: k,
-                    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(setVueValue)(v, props.label)), 1)
-                  ], 10, _hoisted_1);
-                }), 128))
-              ], 2)
-            ], 6), [
-              [vShow, flag.value]
-            ])
-          ]),
-          _: 1
-        }, 8, ["disabled", "to"])
-      ], 34);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,146 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const getPrentClass = require("@fangzhongya/utils/css/getPrentClass");
+require("../../../utils/index.cjs");
+const index$3 = require("../../icon/index.cjs");
+const index$2 = require("../../box-teleport/index.cjs");
+const data = require("./data.cjs");
+require("../../../hooks/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const common = require("../../../utils/vues/common.cjs");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("right-key");
+    const props = __props;
+    const emit = __emit;
+    const flag = vue.ref(false);
+    const refRightKey = vue.ref();
+    const refRightKeyBox = vue.ref();
+    const topx = vue.ref("");
+    const lefty = vue.ref("");
+    const dom = vue.ref();
+    vue.onMounted(() => {
+      window.addEventListener("mousedown", watchContextmenu);
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("mousedown", watchContextmenu);
+    });
+    function watchContextmenu(event) {
+      if (refRightKeyBox.value.contains(event.target)) {
+        return;
+      }
+      if (!refRightKey.value.contains(event.target) || event.button !== 2) {
+        flag.value = false;
+      }
+    }
+    function isDomClass(dom2) {
+      if (dom2) {
+        if (props.domClass) {
+          const v = getPrentClass.getPrentClass(
+            dom2,
+            props.domClass,
+            props.level
+          );
+          if (v && refRightKey.value.contains(v)) {
+            return v;
+          }
+        } else {
+          return dom2;
+        }
+      }
+    }
+    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 = window ? window.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 {
+        flag.value = false;
+      }
+    }
+    function onClick(v) {
+      flag.value = false;
+      emit("click-key", v, dom.value);
+    }
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        ref_key: "refRightKey",
+        ref: refRightKey,
+        onContextmenu: handleContextmenu
+      }, [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default),
+        vue.createVNode(vue.unref(index$2.BoxTeleport), {
+          disabled: props.disabled,
+          to: props.to
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              class: vue.normalizeClass([vue.unref(cs).z("box"), props.boxClass]),
+              ref_key: "refRightKeyBox",
+              ref: refRightKeyBox,
+              style: vue.normalizeStyle({
+                position: "fixed",
+                top: lefty.value,
+                left: topx.value
+              })
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("box-list"))
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (v, k) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: k,
+                    onClick: vue.withModifiers(($event) => onClick(v), ["stop"]),
+                    class: vue.normalizeClass(vue.unref(cs).z("box-list-li"))
+                  }, [
+                    v.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Icon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(v.icon)))
+                      ]),
+                      _: 2
+                    }, 1024)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(common.setVueValue)(v, props.label)), 1)
+                  ], 10, _hoisted_1);
+                }), 128))
+              ], 2)
+            ], 6), [
+              [vue.vShow, flag.value]
+            ])
+          ]),
+          _: 1
+        }, 8, ["disabled", "to"])
+      ], 34);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,146 @@
-import _sfc_main from "./index.js";
+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 { getPrentClass } from "@fangzhongya/utils/css/getPrentClass";
+import "../../../utils/index.js";
+import { Icon } from "../../icon/index.js";
+import { BoxTeleport } from "../../box-teleport/index.js";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import "../../../hooks/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { setVueValue } from "../../../utils/vues/common.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("right-key");
+    const props = __props;
+    const emit = __emit;
+    const flag = ref(false);
+    const refRightKey = ref();
+    const refRightKeyBox = ref();
+    const topx = ref("");
+    const lefty = ref("");
+    const dom = ref();
+    onMounted(() => {
+      window.addEventListener("mousedown", watchContextmenu);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("mousedown", watchContextmenu);
+    });
+    function watchContextmenu(event) {
+      if (refRightKeyBox.value.contains(event.target)) {
+        return;
+      }
+      if (!refRightKey.value.contains(event.target) || event.button !== 2) {
+        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;
+        }
+      }
+    }
+    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 = window ? window.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 {
+        flag.value = false;
+      }
+    }
+    function onClick(v) {
+      flag.value = false;
+      emit("click-key", v, dom.value);
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z()),
+        ref_key: "refRightKey",
+        ref: refRightKey,
+        onContextmenu: handleContextmenu
+      }, [
+        renderSlot(_ctx.$slots, unref(dataSlot).default),
+        createVNode(unref(BoxTeleport), {
+          disabled: props.disabled,
+          to: props.to
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              class: normalizeClass([unref(cs).z("box"), props.boxClass]),
+              ref_key: "refRightKeyBox",
+              ref: refRightKeyBox,
+              style: normalizeStyle({
+                position: "fixed",
+                top: lefty.value,
+                left: topx.value
+              })
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("box-list"))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (v, k) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: k,
+                    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(setVueValue)(v, props.label)), 1)
+                  ], 10, _hoisted_1);
+                }), 128))
+              ], 2)
+            ], 6), [
+              [vShow, flag.value]
+            ])
+          ]),
+          _: 1
+        }, 8, ["disabled", "to"])
+      ], 34);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/role-select/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const RoleSelect = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "RoleSelect");
 exports.RoleSelect = RoleSelect;
 exports.default = RoleSelect;

package/dist/components/role-select/index.d.ts

@@ -66,11 +66,11 @@ declare const RoleSelect: SFCWithInstall<{
                 readonly separator: string;
                 readonly getName: Function;
                 readonly value?: ModelValue[] | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly placeholder?: string | undefined;
                 readonly title?: string | undefined;
                 readonly modelValue?: ModelValue[] | undefined;
                 readonly width?: string | number | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly placeholder?: string | undefined;
                 readonly setInputName?: Function | undefined;
                 readonly getNameExplain?: Function | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "appendToBody" | "separator" | "getName">;

package/dist/components/role-select/index.js

@@ -1,5 +1,6 @@
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const RoleSelect = withInstall(_sfc_main, "RoleSelect");
 export {
   RoleSelect,

package/dist/components/role-select/src/data.cjs

@@ -1,23 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
-require("vue");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
 const roleSelect = {
   searchPlaceholder: "请输入字段进行查询",
   value: "value",
@@ -82,8 +67,12 @@ const dataProps = buildProps.buildProps({
   }
 });
 const dataEmits = ["change", "update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
 exports.roleSelect = roleSelect;

package/dist/components/role-select/src/data.js

@@ -1,21 +1,6 @@
+import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
-import "vue";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
 import { definePropType } from "../../../utils/vues/definePropType.js";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
 const roleSelect = {
   searchPlaceholder: "请输入字段进行查询",
   value: "value",
@@ -80,10 +65,14 @@ const dataProps = buildProps({
   }
 });
 const dataEmits = ["change", "update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
   dataProps,
+  dataSlot,
   roleSelect
 };