@fangzhongya/fang-ui 0.0.38 → 0.0.40

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

@@ -1,269 +1,4 @@
-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 { dataEmits, dataProps, dataExpose, dataSlot } 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"]);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

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;