@fangzhongya/fang-ui 0.0.37 → 0.0.39

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

@@ -1,4 +1,269 @@
 "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 index$5 = require("../../icon/index.cjs");
+const bar = require("../../../icons/vue/bar.cjs");
+const frame = require("../../../icons/vue/frame.cjs");
+const star = require("../../../icons/vue/star.cjs");
+const getCss = require("@fangzhongya/utils/css/getCss");
+const setCss = require("@fangzhongya/utils/css/setCss");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const index$7 = require("../../../directives/adjust/index.cjs");
+const index$4 = require("../../box-title/index.cjs");
+const index$3 = require("../../box-mask/index.cjs");
+const index$2 = require("../../box-teleport/index.cjs");
+const setClassName = require("@fangzhongya/utils/css/setClassName");
+const index$6 = require("../../../directives/drag/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const wykey = Symbol("Window-" + (/* @__PURE__ */ new Date()).getTime() + Math.random());
+    const refBody = vue.shallowRef();
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("window");
+    const props = __props;
+    const emit = __emit;
+    const isMax = vue.shallowRef(props.max);
+    const isMin = vue.shallowRef(false);
+    const isClose = vue.shallowRef(true);
+    const refBox = vue.shallowRef();
+    const position = vue.shallowRef({});
+    vue.watch(
+      () => props.modelValue,
+      () => {
+        if (props.modelValue) {
+          isClose.value = false;
+          isMin.value = false;
+          if (props.closeHave) {
+            vue.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.getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
+      });
+      return obj;
+    }
+    function setPosition() {
+      const el = refBody.value;
+      if (el && position.value) {
+        setCss.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");
+    };
+    vue.watch(
+      () => isMin.value,
+      () => {
+        setMin();
+      }
+    );
+    vue.watch(
+      () => isMax.value,
+      () => {
+        setMax();
+      }
+    );
+    function setMin() {
+      if (refBox.value) {
+        if (isMin.value) {
+          setCss.setCss(refBox.value, "display", "none");
+        } else {
+          setCss.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 = "") {
+      vue.nextTick(() => {
+        setClassName.setClassName(refBox.value, props.boxClass, oldValue);
+      });
+    }
+    let stop;
+    vue.onMounted(() => {
+      stop = vue.watch(
+        () => props.boxClass,
+        (newValue, oldValue) => {
+          setBoxClass(oldValue);
+        },
+        { immediate: true }
+      );
+    });
+    vue.onUnmounted(() => {
+      if (stop) {
+        stop();
+      }
+      if (props.pallet) {
+        props.pallet.remove(wykey, props.title);
+      }
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
+        disabled: props.disabled,
+        to: props.to
+      }, {
+        default: vue.withCtx(() => [
+          !isClose.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            ref_key: "refBox",
+            ref: refBox,
+            class: vue.normalizeClass(vue.unref(cs).z())
+          }, [
+            props.mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
+              key: 0,
+              onClick: onMaskClose,
+              cssprefix: vue.unref(cs).z()
+            }, null, 8, ["cssprefix"])) : vue.createCommentVNode("", true),
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              ref_key: "refBody",
+              ref: refBody,
+              class: vue.normalizeClass(vue.unref(cs).z("body"))
+            }, [
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
+                vue.createVNode(vue.unref(index$4.BoxTitle), {
+                  cssprefix: vue.unref(cs).z(),
+                  onClose,
+                  title: props.title
+                }, {
+                  icon: vue.withCtx(() => [
+                    !props.noMin ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Icon), {
+                      key: 0,
+                      title: vue.unref(getLocale)("minh"),
+                      onClick: onMin,
+                      class: vue.normalizeClass(vue.unref(cs).z("title-min"))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-min"], {}, () => [
+                          vue.createVNode(bar.default)
+                        ])
+                      ]),
+                      _: 3
+                    }, 8, ["title", "class"])) : vue.createCommentVNode("", true),
+                    vue.createVNode(vue.unref(index$5.Icon), {
+                      title: vue.unref(getLocale)(isMax.value ? "tmaxh" : "maxh"),
+                      onClick: onMax,
+                      class: vue.normalizeClass(vue.unref(cs).z("title-max"))
+                    }, {
+                      default: vue.withCtx(() => [
+                        isMax.value ? vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-full"], { key: 0 }, () => [
+                          vue.createVNode(frame.default)
+                        ]) : vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-max"], { key: 1 }, () => [
+                          vue.createVNode(star.default)
+                        ])
+                      ]),
+                      _: 3
+                    }, 8, ["title", "class"])
+                  ]),
+                  _: 3
+                }, 8, ["cssprefix", "title"])
+              ]),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("body-div"))
+              }, [
+                vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
+              ], 2),
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
+            ], 2)), [
+              [vue.unref(index$6.default), {
+                dom: props.drag,
+                onMousedown
+              }],
+              [vue.unref(index$7.default), {
+                often: props.often,
+                onChange: onChangeAdjust,
+                all: { position: true, getDisabled }
+              }]
+            ])
+          ], 2)) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"]);
+    };
+  }
+});
+exports.default = _sfc_main;

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