@fangzhongya/fang-ui 0.0.97 → 0.0.99

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYQJPHB3Bcjs = require('./chunk-YQJPHB3B.cjs');
+var _chunkIEODUGVJcjs = require('./chunk-IEODUGVJ.cjs');
 
 // expand/components.ts
 var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -35,11 +35,11 @@ function getFrom(mc, type, conf) {
   const p = config.prefix ? config.prefix + "-" : "";
   const filename = p ? mc.replace(new RegExp("^" + p), "") : mc;
   if (type == 1) {
-    if (_chunkYQJPHB3Bcjs.config_default.components.includes(filename)) {
+    if (_chunkIEODUGVJcjs.config_default.components.includes(filename)) {
       const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
       const from = `${config.name}/components/${filename}/index`;
       let sideEffects;
-      if (_chunkYQJPHB3Bcjs.config_default.sideEffects.includes(filename)) {
+      if (_chunkIEODUGVJcjs.config_default.sideEffects.includes(filename)) {
         if (conf.css) {
           sideEffects = `${config.name}/components/${filename}/style/index${conf.css || 2}.scss`;
         } else {
@@ -55,14 +55,14 @@ function getFrom(mc, type, conf) {
       return;
     }
   } else {
-    if (_chunkYQJPHB3Bcjs.config_default.directives.includes(filename)) {
+    if (_chunkIEODUGVJcjs.config_default.directives.includes(filename)) {
       const name = "default";
       const from = `${config.name}/directives/${filename}/index`;
       return {
         name,
         from
       };
-    } else if (_chunkYQJPHB3Bcjs.config_default.directives.includes("v-" + filename)) {
+    } else if (_chunkIEODUGVJcjs.config_default.directives.includes("v-" + filename)) {
       const name = "default";
       const from = `${config.name}/directives/${"v-" + filename}/index`;
       return {

package/dist/expand/components.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-BPL5WRRH.js";
+} from "./chunk-XY53LCPN.js";
 
 // expand/components.ts
 import { humpToLine } from "@fangzhongya/utils/name/humpToLine";

package/dist/expand/config.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYQJPHB3Bcjs = require('./chunk-YQJPHB3B.cjs');
+var _chunkIEODUGVJcjs = require('./chunk-IEODUGVJ.cjs');
 
 
-exports.default = _chunkYQJPHB3Bcjs.config_default;
+exports.default = _chunkIEODUGVJcjs.config_default;

package/dist/expand/config.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-BPL5WRRH.js";
+} from "./chunk-XY53LCPN.js";
 export {
   config_default as default
 };

package/dist/hooks/event-aliass/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vues = require("vue");
+const vue = require("vue");
 require("../../utils/util.cjs");
 const firstUpper = require("@fangzhongya/utils/basic/string/firstUpper");
 const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
@@ -69,7 +69,7 @@ function eventAlias(key, callback, obj, $event) {
           callback(obj[v]);
         }
       };
-      const wc = vues.withModifiers(fn, ns);
+      const wc = vue.withModifiers(fn, ns);
       wc();
     } else {
       callback(obj[v]);

package/dist/hooks/full-screen/index.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useFullscreen() {
+  const isFullscreen = vue.ref(false);
+  const target = vue.ref(null);
+  const onFullscreenChange = () => {
+    console.log("onFullscreenChange");
+    if (!document.fullscreenElement && //@ts-ignore
+    !document.mozFullScreenElement && //@ts-ignore
+    !document.webkitFullscreenElement && //@ts-ignore
+    !document.msFullscreenElement) {
+      isFullscreen.value = false;
+    } else {
+      isFullscreen.value = true;
+    }
+  };
+  vue.onMounted(() => {
+    document.addEventListener("fullscreenchange", onFullscreenChange);
+    document.addEventListener("webkitfullscreenchange", onFullscreenChange);
+    document.addEventListener("mozfullscreenchange", onFullscreenChange);
+    document.addEventListener("MSFullscreenChange", onFullscreenChange);
+  });
+  vue.onUnmounted(() => {
+    document.removeEventListener("fullscreenchange", onFullscreenChange);
+    document.removeEventListener(
+      "webkitfullscreenchange",
+      onFullscreenChange
+    );
+    document.removeEventListener("mozfullscreenchange", onFullscreenChange);
+    document.removeEventListener("MSFullscreenChange", onFullscreenChange);
+  });
+  const enter = async (el) => {
+    const element = el || document.documentElement;
+    target.value = element;
+    try {
+      if (element.requestFullscreen) {
+        await element.requestFullscreen();
+      } else if (element.webkitRequestFullscreen) {
+        await element.webkitRequestFullscreen();
+      } else if (element.msRequestFullscreen) {
+        await element.msRequestFullscreen();
+      } else if (element.mozRequestFullScreen) {
+        await element.mozRequestFullScreen();
+      }
+    } catch (error) {
+      console.error("进入全屏失败:", error);
+    }
+  };
+  const exit = async () => {
+    try {
+      if (document.exitFullscreen) {
+        await document.exitFullscreen();
+      } else if (document.webkitExitFullscreen) {
+        await document.webkitExitFullscreen();
+      } else if (document.msExitFullscreen) {
+        await document.msExitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        await document.mozCancelFullScreen();
+      }
+    } catch (error) {
+      console.error("退出全屏失败:", error);
+    }
+  };
+  const toggle = (el) => {
+    if (isFullscreen.value) {
+      exit();
+    } else {
+      enter(el);
+    }
+  };
+  return {
+    isFullscreen,
+    enter,
+    exit,
+    toggle
+  };
+}
+exports.useFullscreen = useFullscreen;

package/dist/hooks/full-screen/index.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare function useFullscreen(): {
+    isFullscreen: Ref<boolean, boolean>;
+    enter: (el?: HTMLElement) => Promise<void>;
+    exit: () => Promise<void>;
+    toggle: (el?: HTMLElement) => void;
+};

package/dist/hooks/full-screen/index.js

@@ -0,0 +1,79 @@
+import { ref, onMounted, onUnmounted } from "vue";
+function useFullscreen() {
+  const isFullscreen = ref(false);
+  const target = ref(null);
+  const onFullscreenChange = () => {
+    console.log("onFullscreenChange");
+    if (!document.fullscreenElement && //@ts-ignore
+    !document.mozFullScreenElement && //@ts-ignore
+    !document.webkitFullscreenElement && //@ts-ignore
+    !document.msFullscreenElement) {
+      isFullscreen.value = false;
+    } else {
+      isFullscreen.value = true;
+    }
+  };
+  onMounted(() => {
+    document.addEventListener("fullscreenchange", onFullscreenChange);
+    document.addEventListener("webkitfullscreenchange", onFullscreenChange);
+    document.addEventListener("mozfullscreenchange", onFullscreenChange);
+    document.addEventListener("MSFullscreenChange", onFullscreenChange);
+  });
+  onUnmounted(() => {
+    document.removeEventListener("fullscreenchange", onFullscreenChange);
+    document.removeEventListener(
+      "webkitfullscreenchange",
+      onFullscreenChange
+    );
+    document.removeEventListener("mozfullscreenchange", onFullscreenChange);
+    document.removeEventListener("MSFullscreenChange", onFullscreenChange);
+  });
+  const enter = async (el) => {
+    const element = el || document.documentElement;
+    target.value = element;
+    try {
+      if (element.requestFullscreen) {
+        await element.requestFullscreen();
+      } else if (element.webkitRequestFullscreen) {
+        await element.webkitRequestFullscreen();
+      } else if (element.msRequestFullscreen) {
+        await element.msRequestFullscreen();
+      } else if (element.mozRequestFullScreen) {
+        await element.mozRequestFullScreen();
+      }
+    } catch (error) {
+      console.error("进入全屏失败:", error);
+    }
+  };
+  const exit = async () => {
+    try {
+      if (document.exitFullscreen) {
+        await document.exitFullscreen();
+      } else if (document.webkitExitFullscreen) {
+        await document.webkitExitFullscreen();
+      } else if (document.msExitFullscreen) {
+        await document.msExitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        await document.mozCancelFullScreen();
+      }
+    } catch (error) {
+      console.error("退出全屏失败:", error);
+    }
+  };
+  const toggle = (el) => {
+    if (isFullscreen.value) {
+      exit();
+    } else {
+      enter(el);
+    }
+  };
+  return {
+    isFullscreen,
+    enter,
+    exit,
+    toggle
+  };
+}
+export {
+  useFullscreen
+};

package/dist/hooks/global-config/index.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vues = require("vue");
+const vue = require("vue");
 const enums = require("../../utils/enums.cjs");
 const getOnlyKey = require("../../utils/getOnlyKey.cjs");
-const globalConfig = vues.ref({});
+const globalConfig = vue.ref({});
 const { GlobalConfig } = enums.SymbolKey;
 function useGlobalConfig(key, defaultValue) {
-  const config = vues.getCurrentInstance() ? vues.inject(getOnlyKey.getOnlyKey(GlobalConfig), globalConfig) : globalConfig;
+  const config = vue.getCurrentInstance() ? vue.inject(getOnlyKey.getOnlyKey(GlobalConfig), globalConfig) : globalConfig;
   if (key) {
-    return vues.computed(() => {
+    return vue.computed(() => {
       var _a;
       return ((_a = config.value) == null ? void 0 : _a[key]) ?? defaultValue;
     });
@@ -32,11 +32,11 @@ function setGlobalConfig(obj, key) {
   }
 }
 function provideGlobalConfig(config, app, global = false) {
-  const inSetup = !!vues.getCurrentInstance();
+  const inSetup = !!vue.getCurrentInstance();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = (app == null ? void 0 : app.provide) ?? (inSetup ? vues.provide : void 0);
-  const context = vues.computed(() => {
-    const cfg = vues.unref(config);
+  const provideFn = (app == null ? void 0 : app.provide) ?? (inSetup ? vue.provide : void 0);
+  const context = vue.computed(() => {
+    const cfg = vue.unref(config);
     if (!(oldConfig == null ? void 0 : oldConfig.value)) return cfg;
     return mergeConfig(oldConfig.value, cfg);
   });

package/dist/hooks/index.cjs

@@ -3,17 +3,21 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./cssname/index.cjs");
 require("./default-config/index.cjs");
 const index$1 = require("./event-aliass/index.cjs");
-const index$2 = require("./global-config/index.cjs");
-const index$3 = require("./locale/index.cjs");
-const index$4 = require("./inherit/index.cjs");
+const index$2 = require("./expose/index.cjs");
+const index$3 = require("./full-screen/index.cjs");
+const index$4 = require("./global-config/index.cjs");
+const index$5 = require("./inherit/index.cjs");
+const index$6 = require("./locale/index.cjs");
 exports.useCssName = index.useCssName;
 exports.eventAliass = index$1.eventAliass;
-exports.provideGlobalConfig = index$2.provideGlobalConfig;
-exports.setGlobalConfig = index$2.setGlobalConfig;
-exports.useGlobalConfig = index$2.useGlobalConfig;
-exports.buildLocaleAdd = index$3.buildLocaleAdd;
-exports.buildLocaleContext = index$3.buildLocaleContext;
-exports.buildTranslator = index$3.buildTranslator;
-exports.useLocale = index$3.useLocale;
-exports.useAttrValue = index$4.useAttrValue;
-exports.useInherit = index$4.useInherit;
+exports.useExpose = index$2.useExpose;
+exports.useFullscreen = index$3.useFullscreen;
+exports.provideGlobalConfig = index$4.provideGlobalConfig;
+exports.setGlobalConfig = index$4.setGlobalConfig;
+exports.useGlobalConfig = index$4.useGlobalConfig;
+exports.useAttrValue = index$5.useAttrValue;
+exports.useInherit = index$5.useInherit;
+exports.buildLocaleAdd = index$6.buildLocaleAdd;
+exports.buildLocaleContext = index$6.buildLocaleContext;
+exports.buildTranslator = index$6.buildTranslator;
+exports.useLocale = index$6.useLocale;

package/dist/hooks/index.d.ts

@@ -1,6 +1,8 @@
 export * from './cssname';
 export * from './default-config';
 export * from './event-aliass';
+export * from './expose';
+export * from './full-screen';
 export * from './global-config';
-export * from './locale';
 export * from './inherit';
+export * from './locale';

package/dist/hooks/index.js

@@ -1,9 +1,11 @@
 import { useCssName } from "./cssname/index.js";
 import "./default-config/index.js";
 import { eventAliass } from "./event-aliass/index.js";
+import { useExpose } from "./expose/index.js";
+import { useFullscreen } from "./full-screen/index.js";
 import { provideGlobalConfig, setGlobalConfig, useGlobalConfig } from "./global-config/index.js";
-import { buildLocaleAdd, buildLocaleContext, buildTranslator, useLocale } from "./locale/index.js";
 import { useAttrValue, useInherit } from "./inherit/index.js";
+import { buildLocaleAdd, buildLocaleContext, buildTranslator, useLocale } from "./locale/index.js";
 export {
   buildLocaleAdd,
   buildLocaleContext,
@@ -13,6 +15,8 @@ export {
   setGlobalConfig,
   useAttrValue,
   useCssName,
+  useExpose,
+  useFullscreen,
   useGlobalConfig,
   useInherit,
   useLocale

package/dist/hooks/inherit/index.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vues = require("vue");
+const vue = require("vue");
 require("../../utils/index.cjs");
 const humpToLine = require("@fangzhongya/utils/name/humpToLine");
 const roots = ["class", "style"];
-const useInherit = (attrs = vues.useAttrs()) => {
+const useInherit = (attrs = vue.useAttrs()) => {
   const root = {};
   const assem = {};
   Object.keys(attrs).forEach((key) => {

package/dist/hooks/locale/index.cjs

@@ -3,12 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("../global-config/index.cjs");
 const zhCn = require("../../locale/zh-cn.cjs");
 const en = require("../../locale/en.cjs");
-const vues = require("vue");
+const vue = require("vue");
 require("../../utils/util.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 function buildTranslator(locale) {
   return (path, ...values) => {
-    let v = objValue.getObjValue(path, vues.unref(locale).value) || "";
+    let v = objValue.getObjValue(path, vue.unref(locale).value) || "";
     if (values.length > 0) {
       values.forEach((z, i) => {
         v = v.replaceAll("$" + (i + 1), z);
@@ -20,15 +20,15 @@ function buildTranslator(locale) {
 function buildLocaleAdd(locale, lang) {
   return (...arr) => {
     if (lang.value == "zh-cn") {
-      return arr.map((o) => objValue.getObjValue(o, vues.unref(locale).value)).join("");
+      return arr.map((o) => objValue.getObjValue(o, vue.unref(locale).value)).join("");
     } else {
-      return arr.map((o) => objValue.getObjValue(o, vues.unref(locale).value)).join(" ");
+      return arr.map((o) => objValue.getObjValue(o, vue.unref(locale).value)).join(" ");
     }
   };
 }
 function buildLocaleContext(locale) {
-  const lang = vues.computed(() => vues.unref(locale).name);
-  const localeRef = vues.isRef(locale) ? locale : vues.ref(locale);
+  const lang = vue.computed(() => vue.unref(locale).name);
+  const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
   return {
     lang,
     locale: localeRef,
@@ -39,7 +39,7 @@ function buildLocaleContext(locale) {
 function useLocale() {
   const locale = index.useGlobalConfig("locale");
   return buildLocaleContext(
-    vues.computed(() => {
+    vue.computed(() => {
       if (typeof locale.value == "string") {
         return {
           en: en.default,

package/dist/icons/iconify.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vues = require("vue");
+const vue = require("vue");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const config = require("./config.cjs");
 function createSVG(obj) {
@@ -11,11 +11,11 @@ function createSVG(obj) {
     obj.height || 24
   ].join(" ");
   const name = "icon-" + obj.name;
-  return vues.defineComponent({
+  return vue.defineComponent({
     name: lineToLargeHump.lineToLargeHump(name),
     props: {},
     render() {
-      return vues.h(
+      return vue.h(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",