@fangzhongya/fang-ui 0.0.97 → 0.0.98

package/dist/directives/index.cjs

@@ -3,15 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./adjust/index.cjs");
 const index$1 = require("./drag/index.cjs");
 const index$2 = require("./expose/index.cjs");
-const index$3 = require("./locus/index.cjs");
-const index$4 = require("./scroll/index.cjs");
-const index$5 = require("./stick/index.cjs");
+const index$3 = require("./inserted/index.cjs");
+const index$4 = require("./locus/index.cjs");
+const index$5 = require("./scroll/index.cjs");
+const index$6 = require("./stick/index.cjs");
 require("./v-loading/index.cjs");
-const index$6 = require("../components/loading/src/index.cjs");
+const index$7 = require("../components/loading/src/index.cjs");
 exports.Adjust = index.default;
 exports.Drag = index$1.default;
 exports.Expose = index$2.default;
-exports.Locus = index$3.default;
-exports.Scroll = index$4.default;
-exports.Stick = index$5.default;
-exports.VLoading = index$6.vLoading;
+exports.Inserted = index$3.default;
+exports.Locus = index$4.default;
+exports.Scroll = index$5.default;
+exports.Stick = index$6.default;
+exports.VLoading = index$7.vLoading;

package/dist/directives/index.d.ts

@@ -1,6 +1,7 @@
 export { default as Adjust } from './adjust';
 export { default as Drag } from './drag';
 export { default as Expose } from './expose';
+export { default as Inserted } from './inserted';
 export { default as Locus } from './locus';
 export { default as Scroll } from './scroll';
 export { default as Stick } from './stick';

package/dist/directives/index.js

@@ -1,17 +1,19 @@
 import { default as default2 } from "./adjust/index.js";
 import { default as default3 } from "./drag/index.js";
 import { default as default4 } from "./expose/index.js";
-import { default as default5 } from "./locus/index.js";
-import { default as default6 } from "./scroll/index.js";
-import { default as default7 } from "./stick/index.js";
+import { default as default5 } from "./inserted/index.js";
+import { default as default6 } from "./locus/index.js";
+import { default as default7 } from "./scroll/index.js";
+import { default as default8 } from "./stick/index.js";
 import "./v-loading/index.js";
 import { vLoading } from "../components/loading/src/index.js";
 export {
   default2 as Adjust,
   default3 as Drag,
   default4 as Expose,
-  default5 as Locus,
-  default6 as Scroll,
-  default7 as Stick,
+  default5 as Inserted,
+  default6 as Locus,
+  default7 as Scroll,
+  default8 as Stick,
   vLoading as VLoading
 };

package/dist/directives/inserted/index.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vInserted = {
+  name: "inserted",
+  created(el, binding) {
+    const value = binding.value;
+    let dom = el;
+    if (value.position) {
+      dom = el.querySelector(value.position);
+    }
+    if (value.value) {
+      let node = value.value;
+      if (typeof value.value == "string") {
+        const range = document.createRange();
+        const fragment = range.createContextualFragment(value.value);
+        node = fragment.firstChild;
+      }
+      dom.appendChild(node);
+    }
+  }
+};
+exports.default = vInserted;

package/dist/directives/inserted/index.d.ts

@@ -0,0 +1,7 @@
+import { Directive } from 'vue';
+/**
+ * 插入组件Dom内容
+ * @param {string} value 暴露的对应属性上
+ */
+declare const _default: Directive;
+export default _default;

package/dist/directives/inserted/index.js

@@ -0,0 +1,22 @@
+const vInserted = {
+  name: "inserted",
+  created(el, binding) {
+    const value = binding.value;
+    let dom = el;
+    if (value.position) {
+      dom = el.querySelector(value.position);
+    }
+    if (value.value) {
+      let node = value.value;
+      if (typeof value.value == "string") {
+        const range = document.createRange();
+        const fragment = range.createContextualFragment(value.value);
+        node = fragment.firstChild;
+      }
+      dom.appendChild(node);
+    }
+  }
+};
+export {
+  vInserted as default
+};

package/dist/expand/{chunk-YQJPHB3B.cjs → chunk-IEODUGVJ.cjs}

@@ -4,7 +4,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -48,6 +47,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",
@@ -73,6 +74,7 @@ var config_default = {
     "box-teleport",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -88,6 +90,9 @@ var config_default = {
     "keep-com",
     "menus",
     "page",
+    "audios",
+    "images",
+    "videos",
     "retract",
     "choice-select",
     "company-select",
@@ -108,7 +113,6 @@ var config_default = {
     "edit",
     "edit-float",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -118,8 +122,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -134,6 +140,7 @@ var config_default = {
     "adjust",
     "drag",
     "expose",
+    "inserted",
     "locus",
     "scroll",
     "stick",
@@ -157,6 +164,7 @@ var config_default = {
     "box-mask",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -164,12 +172,14 @@ var config_default = {
     "window",
     "icon",
     "icon-picker",
+    "audios",
+    "images",
+    "videos",
     "array",
     "buttons",
     "cascaders",
     "checks",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -179,8 +189,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -193,7 +205,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -214,6 +225,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",

package/dist/expand/{chunk-BPL5WRRH.js → chunk-XY53LCPN.js}

@@ -4,7 +4,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -48,6 +47,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",
@@ -73,6 +74,7 @@ var config_default = {
     "box-teleport",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -88,6 +90,9 @@ var config_default = {
     "keep-com",
     "menus",
     "page",
+    "audios",
+    "images",
+    "videos",
     "retract",
     "choice-select",
     "company-select",
@@ -108,7 +113,6 @@ var config_default = {
     "edit",
     "edit-float",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -118,8 +122,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -134,6 +140,7 @@ var config_default = {
     "adjust",
     "drag",
     "expose",
+    "inserted",
     "locus",
     "scroll",
     "stick",
@@ -157,6 +164,7 @@ var config_default = {
     "box-mask",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -164,12 +172,14 @@ var config_default = {
     "window",
     "icon",
     "icon-picker",
+    "audios",
+    "images",
+    "videos",
     "array",
     "buttons",
     "cascaders",
     "checks",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -179,8 +189,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -193,7 +205,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -214,6 +225,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",

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/full-screen/index.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vues = require("vue");
+function useFullscreen() {
+  const isFullscreen = vues.ref(false);
+  const target = vues.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;
+    }
+  };
+  vues.onMounted(() => {
+    document.addEventListener("fullscreenchange", onFullscreenChange);
+    document.addEventListener("webkitfullscreenchange", onFullscreenChange);
+    document.addEventListener("mozfullscreenchange", onFullscreenChange);
+    document.addEventListener("MSFullscreenChange", onFullscreenChange);
+  });
+  vues.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/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