@fangzhongya/fang-ui 0.0.38 → 0.0.40

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

@@ -1,4 +1,269 @@
-import _sfc_main from "./index.js";
+import { defineComponent, shallowRef, watch, nextTick, onMounted, onUnmounted, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, createElementVNode, createVNode } from "vue";
+import { Icon } from "../../icon/index.js";
+import Bar from "../../../icons/vue/bar.js";
+import Frame from "../../../icons/vue/frame.js";
+import Star from "../../../icons/vue/star.js";
+import { getCss } from "@fangzhongya/utils/css/getCss";
+import { setCss } from "@fangzhongya/utils/css/setCss";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import vAdjust from "../../../directives/adjust/index.js";
+import { BoxTitle } from "../../box-title/index.js";
+import { BoxMask } from "../../box-mask/index.js";
+import { BoxTeleport } from "../../box-teleport/index.js";
+import { setClassName } from "@fangzhongya/utils/css/setClassName";
+import vDrag from "../../../directives/drag/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const wykey = Symbol("Window-" + (/* @__PURE__ */ new Date()).getTime() + Math.random());
+    const refBody = shallowRef();
+    const { getLocale } = useLocale();
+    const cs = useCssName("window");
+    const props = __props;
+    const emit = __emit;
+    const isMax = shallowRef(props.max);
+    const isMin = shallowRef(false);
+    const isClose = shallowRef(true);
+    const refBox = shallowRef();
+    const position = shallowRef({});
+    watch(
+      () => props.modelValue,
+      () => {
+        if (props.modelValue) {
+          isClose.value = false;
+          isMin.value = false;
+          if (props.closeHave) {
+            nextTick(() => {
+              setPosition();
+            });
+          } else {
+            isMax.value = false;
+          }
+          setBoxClass();
+        } else {
+          isClose.value = true;
+        }
+      },
+      { immediate: true }
+    );
+    function getPosition(el) {
+      const keys = ["left", "right", "top", "bottom", "width", "height"];
+      const obj = {};
+      keys.forEach((key) => {
+        obj[key] = Number(getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
+      });
+      return obj;
+    }
+    function setPosition() {
+      const el = refBody.value;
+      if (el && position.value) {
+        setCss(el, {
+          top: position.value.top + "px",
+          left: position.value.left + "px",
+          width: position.value.width + "px",
+          height: position.value.height + "px"
+        });
+        setMax();
+      }
+    }
+    function getDisabled() {
+      return isMax.value;
+    }
+    function onMousedown(e, ecs) {
+      if (isMax.value) {
+        isMax.value = false;
+        ecs.left = e.clientX - position.value.width / 2;
+        return ecs;
+      }
+    }
+    const restore = () => {
+      isMin.value = false;
+    };
+    const remove = () => {
+      isClose.value = true;
+      emit("update:modelValue", false);
+      emit("close");
+    };
+    watch(
+      () => isMin.value,
+      () => {
+        setMin();
+      }
+    );
+    watch(
+      () => isMax.value,
+      () => {
+        setMax();
+      }
+    );
+    function setMin() {
+      if (refBox.value) {
+        if (isMin.value) {
+          setCss(refBox.value, "display", "none");
+        } else {
+          setCss(refBox.value, "display", "block");
+        }
+      }
+    }
+    function setMax() {
+      if (refBody.value) {
+        if (isMax.value) {
+          refBody.value.className = cs.z("body") + " max";
+        } else {
+          refBody.value.className = cs.z("body");
+        }
+        onChangeAdjust();
+      }
+    }
+    function onMin() {
+      isMin.value = true;
+      if (props.pallet) {
+        props.pallet.add(wykey, restore, remove, props.title);
+      }
+      emit("minimize", restore, props.title, wykey);
+      if (props.minChange) {
+        emit("update:modelValue", false);
+      }
+    }
+    function onMax() {
+      if (isMax.value) {
+        isMax.value = false;
+      } else {
+        position.value = getPosition(refBody.value);
+        isMax.value = true;
+      }
+    }
+    function onMaskClose() {
+      if (props.maskClose) {
+        onClose();
+      }
+    }
+    function onClose() {
+      if (!isMax.value) {
+        position.value = getPosition(refBody.value);
+      }
+      if (props.pallet) {
+        props.pallet.remove(wykey, props.title);
+      }
+      remove();
+    }
+    function onChangeAdjust() {
+      emit("changesize");
+    }
+    function setBoxClass(oldValue = "") {
+      nextTick(() => {
+        setClassName(refBox.value, props.boxClass, oldValue);
+      });
+    }
+    let stop;
+    onMounted(() => {
+      stop = watch(
+        () => props.boxClass,
+        (newValue, oldValue) => {
+          setBoxClass(oldValue);
+        },
+        { immediate: true }
+      );
+    });
+    onUnmounted(() => {
+      if (stop) {
+        stop();
+      }
+      if (props.pallet) {
+        props.pallet.remove(wykey, props.title);
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(BoxTeleport), {
+        disabled: props.disabled,
+        to: props.to
+      }, {
+        default: withCtx(() => [
+          !isClose.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "refBox",
+            ref: refBox,
+            class: normalizeClass(unref(cs).z())
+          }, [
+            props.mask ? (openBlock(), createBlock(unref(BoxMask), {
+              key: 0,
+              onClick: onMaskClose,
+              cssprefix: unref(cs).z()
+            }, null, 8, ["cssprefix"])) : createCommentVNode("", true),
+            withDirectives((openBlock(), createElementBlock("div", {
+              ref_key: "refBody",
+              ref: refBody,
+              class: normalizeClass(unref(cs).z("body"))
+            }, [
+              renderSlot(_ctx.$slots, unref(dataSlot).title, {}, () => [
+                createVNode(unref(BoxTitle), {
+                  cssprefix: unref(cs).z(),
+                  onClose,
+                  title: props.title
+                }, {
+                  icon: withCtx(() => [
+                    !props.noMin ? (openBlock(), createBlock(unref(Icon), {
+                      key: 0,
+                      title: unref(getLocale)("minh"),
+                      onClick: onMin,
+                      class: normalizeClass(unref(cs).z("title-min"))
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, unref(dataSlot)["icon-min"], {}, () => [
+                          createVNode(Bar)
+                        ])
+                      ]),
+                      _: 3
+                    }, 8, ["title", "class"])) : createCommentVNode("", true),
+                    createVNode(unref(Icon), {
+                      title: unref(getLocale)(isMax.value ? "tmaxh" : "maxh"),
+                      onClick: onMax,
+                      class: normalizeClass(unref(cs).z("title-max"))
+                    }, {
+                      default: withCtx(() => [
+                        isMax.value ? renderSlot(_ctx.$slots, unref(dataSlot)["icon-full"], { key: 0 }, () => [
+                          createVNode(Frame)
+                        ]) : renderSlot(_ctx.$slots, unref(dataSlot)["icon-max"], { key: 1 }, () => [
+                          createVNode(Star)
+                        ])
+                      ]),
+                      _: 3
+                    }, 8, ["title", "class"])
+                  ]),
+                  _: 3
+                }, 8, ["cssprefix", "title"])
+              ]),
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("body-div"))
+              }, [
+                renderSlot(_ctx.$slots, unref(dataSlot).default)
+              ], 2),
+              renderSlot(_ctx.$slots, unref(dataSlot).footer)
+            ], 2)), [
+              [unref(vDrag), {
+                dom: props.drag,
+                onMousedown
+              }],
+              [unref(vAdjust), {
+                often: props.often,
+                onChange: onChangeAdjust,
+                all: { position: true, getDisabled }
+              }]
+            ])
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/directives/adjust/index.cjs

@@ -64,6 +64,24 @@ function getAdjoin(el, type) {
     return getFront(el);
   }
 }
+function getHeight(el) {
+  if (el) {
+    const h = getCss.getCss(el, "height");
+    const d = Number(h.replace(/[a-z|A-Z]*$/, "")) || el.clientHeight;
+    return d;
+  } else {
+    return 0;
+  }
+}
+function getWidth(el) {
+  if (el) {
+    const w = getCss.getCss(el, "width");
+    const d = Number(w.replace(/[a-z|A-Z]*$/, "")) || el.clientWidth;
+    return d;
+  } else {
+    return 0;
+  }
+}
 function getDomHeight() {
   const dom = document.querySelector(".v-adjust-xux-height");
   if (dom) {

package/dist/directives/adjust/index.js

@@ -62,6 +62,24 @@ function getAdjoin(el, type) {
     return getFront(el);
   }
 }
+function getHeight(el) {
+  if (el) {
+    const h = getCss(el, "height");
+    const d = Number(h.replace(/[a-z|A-Z]*$/, "")) || el.clientHeight;
+    return d;
+  } else {
+    return 0;
+  }
+}
+function getWidth(el) {
+  if (el) {
+    const w = getCss(el, "width");
+    const d = Number(w.replace(/[a-z|A-Z]*$/, "")) || el.clientWidth;
+    return d;
+  } else {
+    return 0;
+  }
+}
 function getDomHeight() {
   const dom = document.querySelector(".v-adjust-xux-height");
   if (dom) {

package/dist/directives/index.cjs

@@ -6,6 +6,7 @@ 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");
+require("./v-loading/index.cjs");
 const index$6 = require("../components/loading/src/index.cjs");
 exports.Adjust = index.default;
 exports.Drag = index$1.default;

package/dist/directives/index.js

@@ -4,6 +4,7 @@ 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 "./v-loading/index.js";
 import { vLoading } from "../components/loading/src/index.js";
 export {
   default2 as Adjust,

package/dist/directives/v-loading/index.cjs

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../components/loading/index.cjs");
 const index = require("../../components/loading/src/index.cjs");
 exports.default = index.vLoading;

package/dist/directives/v-loading/index.js

@@ -1,3 +1,4 @@
+import "../../components/loading/index.js";
 import { vLoading } from "../../components/loading/src/index.js";
 export {
   vLoading as default

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

@@ -0,0 +1 @@
+"use strict";

package/dist/hooks/default-config/index.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+require("../../utils/util.cjs");
+const firstUpper = require("@fangzhongya/utils/basic/string/firstUpper");
+const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
+const isArray = require("@fangzhongya/utils/basic/array/isArray");
+const eventAliasObj = {
+  //.stop - 调用 event.stopPropagation()。
+  stop(event) {
+    event.stopPropagation();
+    return true;
+  },
+  // .prevent - 调用 event.preventDefault()。
+  prevent(event) {
+    event.preventDefault();
+    return true;
+  },
+  // .self - 只有事件从元素本身发出才触发处理函数。
+  self(event) {
+    return event.target === event.currentTarget;
+  },
+  // .once - 最多触发一次处理函数。
+  once(event) {
+    if (event.currentTarget?.__once__) {
+      return false;
+    } else {
+      if (event.currentTarget) {
+        event.currentTarget.__once__ = true;
+      }
+      return true;
+    }
+  }
+  // .capture - 在捕获模式添加事件监听器。
+  // 处理事件是异步的，只有在触发了事件后才执行方法,
+  // 目前无法支持 capture
+  // capture(event) {
+  //     console.log('event', event);
+  //     return true;
+  // },
+};
+function eventAlias(key, callback, obj, $event) {
+  let is = false;
+  const name = "on" + firstUpper.firstUpper(key);
+  const arr = [];
+  Object.keys(obj).forEach((k) => {
+    if (k.startsWith(name)) {
+      arr.push(k);
+    }
+  });
+  const reg = new RegExp("^" + name);
+  arr.forEach((v) => {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper.splitUpper(s);
+      if (ns.includes("passive")) {
+        ns = ns.filter((k) => {
+          return k != "prevent";
+        });
+      }
+      const fn = () => {
+        if (ns.includes("once")) {
+          let isc = eventAliasObj.once($event);
+          if (isc) {
+            callback(obj[v]);
+          }
+        } else {
+          callback(obj[v]);
+        }
+      };
+      const wc = vue.withModifiers(fn, ns);
+      wc();
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  });
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  let is = false;
+  if (callback && obj) {
+    if (arr && arr.length > 0) {
+      if (isArray.isArray(arr)) {
+        arr = arr;
+        arr.forEach((key) => {
+          if (eventAlias(key, callback, obj, $event)) {
+            is = true;
+          }
+        });
+      } else {
+        is = eventAlias(arr, callback, obj, $event);
+      }
+    }
+  }
+  return is;
+}
+exports.eventAliass = eventAliass;

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

@@ -0,0 +1,98 @@
+import { withModifiers } from "vue";
+import "../../utils/util.js";
+import { firstUpper } from "@fangzhongya/utils/basic/string/firstUpper";
+import { splitUpper } from "@fangzhongya/utils/basic/string/splitUpper";
+import { isArray } from "@fangzhongya/utils/basic/array/isArray";
+const eventAliasObj = {
+  //.stop - 调用 event.stopPropagation()。
+  stop(event) {
+    event.stopPropagation();
+    return true;
+  },
+  // .prevent - 调用 event.preventDefault()。
+  prevent(event) {
+    event.preventDefault();
+    return true;
+  },
+  // .self - 只有事件从元素本身发出才触发处理函数。
+  self(event) {
+    return event.target === event.currentTarget;
+  },
+  // .once - 最多触发一次处理函数。
+  once(event) {
+    if (event.currentTarget?.__once__) {
+      return false;
+    } else {
+      if (event.currentTarget) {
+        event.currentTarget.__once__ = true;
+      }
+      return true;
+    }
+  }
+  // .capture - 在捕获模式添加事件监听器。
+  // 处理事件是异步的，只有在触发了事件后才执行方法,
+  // 目前无法支持 capture
+  // capture(event) {
+  //     console.log('event', event);
+  //     return true;
+  // },
+};
+function eventAlias(key, callback, obj, $event) {
+  let is = false;
+  const name = "on" + firstUpper(key);
+  const arr = [];
+  Object.keys(obj).forEach((k) => {
+    if (k.startsWith(name)) {
+      arr.push(k);
+    }
+  });
+  const reg = new RegExp("^" + name);
+  arr.forEach((v) => {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper(s);
+      if (ns.includes("passive")) {
+        ns = ns.filter((k) => {
+          return k != "prevent";
+        });
+      }
+      const fn = () => {
+        if (ns.includes("once")) {
+          let isc = eventAliasObj.once($event);
+          if (isc) {
+            callback(obj[v]);
+          }
+        } else {
+          callback(obj[v]);
+        }
+      };
+      const wc = withModifiers(fn, ns);
+      wc();
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  });
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  let is = false;
+  if (callback && obj) {
+    if (arr && arr.length > 0) {
+      if (isArray(arr)) {
+        arr = arr;
+        arr.forEach((key) => {
+          if (eventAlias(key, callback, obj, $event)) {
+            is = true;
+          }
+        });
+      } else {
+        is = eventAlias(arr, callback, obj, $event);
+      }
+    }
+  }
+  return is;
+}
+export {
+  eventAliass
+};

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

@@ -13,10 +13,25 @@ function useGlobalConfig(key, defaultValue) {
     return config;
   }
 }
+function setValue(v, k, z) {
+  z[k] = v;
+  return z;
+}
+function setGlobalConfig(obj, key) {
+  if (key) {
+    globalConfig.value = setValue(
+      obj,
+      key,
+      globalConfig.value
+    );
+  } else {
+    globalConfig.value = obj;
+  }
+}
 function provideGlobalConfig(config, app, global = false) {
   const inSetup = !!vue.getCurrentInstance();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = inSetup ? vue.provide : void 0;
+  const provideFn = app?.provide ?? (inSetup ? vue.provide : void 0);
   const context = vue.computed(() => {
     const cfg = vue.unref(config);
     if (!oldConfig?.value) return cfg;
@@ -42,4 +57,5 @@ function mergeConfig(a, b) {
   return obj;
 }
 exports.provideGlobalConfig = provideGlobalConfig;
+exports.setGlobalConfig = setGlobalConfig;
 exports.useGlobalConfig = useGlobalConfig;

package/dist/hooks/global-config/index.d.ts

@@ -3,8 +3,10 @@ import { MaybeRef } from '../../types/hooks';
 import { DataProps } from '../../components/global-config/src/data';
 export declare function useGlobalConfig<K extends keyof DataProps, D extends DataProps[K]>(key: K, defaultValue?: D): Ref<Exclude<DataProps[K], undefined> | D>;
 export declare function useGlobalConfig(): Ref<DataProps>;
-type V = DataProps | DataProps[keyof DataProps];
-type K = keyof DataProps;
-export declare function setGlobalConfig(obj: V, key: K): void;
+/**
+ * 设置值
+ * @param obj
+ * @param key
+ */
+export declare function setGlobalConfig(obj: DataProps | DataProps[keyof DataProps], key?: keyof DataProps): void;
 export declare function provideGlobalConfig(config: MaybeRef<DataProps>, app?: App, global?: boolean): ComputedRef<Readonly<DataProps>>;
-export {};

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

@@ -1,4 +1,4 @@
-import { ref, getCurrentInstance, inject, computed, unref, provide } from "vue";
+import { ref, getCurrentInstance, inject, computed, provide, unref } from "vue";
 import { SymbolKey } from "../../utils/enums.js";
 import { getOnlyKey } from "../../utils/getOnlyKey.js";
 const globalConfig = ref({});
@@ -11,10 +11,25 @@ function useGlobalConfig(key, defaultValue) {
     return config;
   }
 }
+function setValue(v, k, z) {
+  z[k] = v;
+  return z;
+}
+function setGlobalConfig(obj, key) {
+  if (key) {
+    globalConfig.value = setValue(
+      obj,
+      key,
+      globalConfig.value
+    );
+  } else {
+    globalConfig.value = obj;
+  }
+}
 function provideGlobalConfig(config, app, global = false) {
   const inSetup = !!getCurrentInstance();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = inSetup ? provide : void 0;
+  const provideFn = app?.provide ?? (inSetup ? provide : void 0);
   const context = computed(() => {
     const cfg = unref(config);
     if (!oldConfig?.value) return cfg;
@@ -41,5 +56,6 @@ function mergeConfig(a, b) {
 }
 export {
   provideGlobalConfig,
+  setGlobalConfig,
   useGlobalConfig
 };

package/dist/hooks/index.cjs

@@ -0,0 +1,18 @@
+"use strict";
+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");
+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.buildLocaleContext = index$3.buildLocaleContext;
+exports.buildTranslator = index$3.buildTranslator;
+exports.useLocale = index$3.useLocale;
+exports.useAttrValue = index$4.useAttrValue;
+exports.useInherit = index$4.useInherit;

package/dist/hooks/index.js

@@ -0,0 +1,18 @@
+import { useCssName } from "./cssname/index.js";
+import "./default-config/index.js";
+import { eventAliass } from "./event-aliass/index.js";
+import { provideGlobalConfig, setGlobalConfig, useGlobalConfig } from "./global-config/index.js";
+import { buildLocaleContext, buildTranslator, useLocale } from "./locale/index.js";
+import { useAttrValue, useInherit } from "./inherit/index.js";
+export {
+  buildLocaleContext,
+  buildTranslator,
+  eventAliass,
+  provideGlobalConfig,
+  setGlobalConfig,
+  useAttrValue,
+  useCssName,
+  useGlobalConfig,
+  useInherit,
+  useLocale
+};