@fangzhongya/fang-ui 0.0.44 → 0.0.45

package/dist/components/window/src/data.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue';
+import { FunctConfig } from '../../../utils/enums';
 type Pallet = {
     add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
     remove: (s: symbol, t?: string) => void;
@@ -6,66 +7,79 @@ type Pallet = {
 };
 export declare const dataProps: {
     /**
-     * @props { String, Boolean } drag='.com-title-name' ( ) 可拖拽的元素样式 为空字符串就不拖拽
+     * @props { String, Boolean } drag='.com-title-name' ( )
+     * 可拖拽的元素样式 为空字符串就不拖拽
      */
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
     /**
-     * @props { Boolean } adjust=true ( ) 是否支持改变大小
+     * @props { Boolean } adjust=true ( )
+     * 是否支持改变大小
      */
     adjust: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @props { Boolean } mask=true ( ) 是否要遮罩
+     * @props { Boolean } mask=true ( )
+     * 是否要遮罩
      */
     mask: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @props { Boolean } maskClose=false ( ) 是否要遮罩是否关闭
+     * @props { Boolean } maskClose=false ( )
+     * 是否要遮罩是否关闭
      */
     maskClose: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @props {Object} pallet= ( ) 最小化的托盘对象或者设置方法
+     * @props { Pallet } pallet= ( )
+     * 最小化的托盘对象或者设置方法
      */
     pallet: {
         type: PropType<Pallet>;
     };
     /**
-     * @props {Boolean} minChange=true ( ) 是否允许在最小化后改变值
+     * @props {Boolean} minChange=true ( )
+     * 是否允许在最小化后改变值
      */
     minChange: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @props {Boolean} closeHave=true ( ) 关闭后是否保持位置
+     * @props {Boolean} closeHave=true ( )
+     * 关闭后是否保持位置
      */
     closeHave: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @props {Boolean} noMin=false ( ) 是否不要最小化
+     * @props {Boolean} noMin=false ( )
+     * 是否不要最小化
      */
     noMin: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @props { Boolean } often= ( ) 是否时时变化
+     * @props { Boolean } often= ( )
+     * 是否时时变化
      */
     often: {
         type: BooleanConstructor;
     };
+    /**
+     * @props { Boolean } max= ( )
+     * 是否要最大化
+     */
     max: {
         type: BooleanConstructor;
     };
@@ -75,18 +89,28 @@ export declare const dataProps: {
     modelValue: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
     to: {
         type: StringConstructor;
+        default: FunctConfig;
     };
     disabled: {
         type: BooleanConstructor;
     };
-    boxClass: {
+    cssprefix: {
         type: StringConstructor;
     };
 };
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 /**
+ * @emits minimize (restore:[Function], title:[string]标题, wykey:唯一标识 )
+ * 最小化事件
+ */
+/**
+ * @emits changesize ()
+ * 窗口变动事件
  */
 export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;

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

@@ -4,66 +4,79 @@ import { dataProps as dataProps$1, dataEmits as dataEmits$1, dataSlot as dataSlo
 const dataProps = buildProps({
   ...dataProps$1,
   /**
-   * @props { String, Boolean } drag='.com-title-name' ( ) 可拖拽的元素样式 为空字符串就不拖拽
+   * @props { String, Boolean } drag='.com-title-name' ( )
+   * 可拖拽的元素样式 为空字符串就不拖拽
    */
   drag: {
     type: [String, Boolean],
     default: ".com-title-name"
   },
   /**
-   * @props { Boolean } adjust=true ( ) 是否支持改变大小
+   * @props { Boolean } adjust=true ( )
+   * 是否支持改变大小
    */
   adjust: {
     type: Boolean,
     default: true
   },
   /**
-   * @props { Boolean } mask=true ( ) 是否要遮罩
+   * @props { Boolean } mask=true ( )
+   * 是否要遮罩
    */
   mask: {
     type: Boolean,
     default: true
   },
   /**
-   * @props { Boolean } maskClose=false ( ) 是否要遮罩是否关闭
+   * @props { Boolean } maskClose=false ( )
+   * 是否要遮罩是否关闭
    */
   maskClose: {
     type: Boolean,
     default: false
   },
   /**
-   * @props {Object} pallet= ( ) 最小化的托盘对象或者设置方法
+   * @props { Pallet } pallet= ( )
+   * 最小化的托盘对象或者设置方法
    */
   pallet: {
     type: definePropType(Object)
   },
   /**
-   * @props {Boolean} minChange=true ( ) 是否允许在最小化后改变值
+   * @props {Boolean} minChange=true ( )
+   * 是否允许在最小化后改变值
    */
   minChange: {
     type: Boolean,
     default: true
   },
   /**
-   * @props {Boolean} closeHave=true ( ) 关闭后是否保持位置
+   * @props {Boolean} closeHave=true ( )
+   * 关闭后是否保持位置
    */
   closeHave: {
     type: Boolean,
     default: true
   },
   /**
-   * @props {Boolean} noMin=false ( ) 是否不要最小化
+   * @props {Boolean} noMin=false ( )
+   * 是否不要最小化
    */
   noMin: {
     type: Boolean,
     default: false
   },
   /**
-   * @props { Boolean } often= ( ) 是否时时变化
+   * @props { Boolean } often= ( )
+   * 是否时时变化
    */
   often: {
     type: Boolean
   },
+  /**
+   * @props { Boolean } max= ( )
+   * 是否要最大化
+   */
   max: {
     type: Boolean
   }

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

@@ -16,6 +16,8 @@ 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 _hoisted_1 = ["title"];
+const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -35,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.modelValue,
       () => {
+        console.log("props.modelValue", props.modelValue);
         if (props.modelValue) {
           isClose.value = false;
           isMin.value = false;
@@ -86,6 +89,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       isMin.value = false;
     };
     const remove = () => {
+      console.log("remove");
       isClose.value = true;
       emit("update:modelValue", false);
       emit("close");
@@ -110,6 +114,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           setCss.setCss(refBox.value, "display", "block");
         }
       }
+      console.log("isClose", isClose);
     }
     function setMax() {
       if (refBody.value) {
@@ -197,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             props.mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
               key: 0,
               onClick: onMaskClose,
-              cssprefix: vue.unref(cs).z()
+              cssprefix: props.cssprefix || vue.unref(cs).z()
             }, null, 8, ["cssprefix"])) : vue.createCommentVNode("", true),
             vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               ref_key: "refBody",
@@ -206,41 +211,50 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, [
               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), {
+                    !props.noMin ? (vue.openBlock(), vue.createElementBlock("span", {
                       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), {
+                      class: vue.normalizeClass([
+                        vue.unref(cs).z("title-icon"),
+                        vue.unref(cs).z("title-min")
+                      ])
+                    }, [
+                      vue.createVNode(vue.unref(index$5.Icon), null, {
+                        default: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-min"], {}, () => [
+                            vue.createVNode(bar.default)
+                          ])
+                        ]),
+                        _: 3
+                      })
+                    ], 10, _hoisted_1)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("span", {
                       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"])
+                      class: vue.normalizeClass([
+                        vue.unref(cs).z("title-icon"),
+                        vue.unref(cs).z("title-max")
+                      ])
+                    }, [
+                      vue.createVNode(vue.unref(index$5.Icon), null, {
+                        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
+                      })
+                    ], 10, _hoisted_2)
                   ]),
                   _: 3
-                }, 8, ["cssprefix", "title"])
+                }, 8, ["title"])
               ]),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("body-div"))

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

@@ -14,6 +14,8 @@ 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 _hoisted_1 = ["title"];
+const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -33,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       () => {
+        console.log("props.modelValue", props.modelValue);
         if (props.modelValue) {
           isClose.value = false;
           isMin.value = false;
@@ -84,6 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isMin.value = false;
     };
     const remove = () => {
+      console.log("remove");
       isClose.value = true;
       emit("update:modelValue", false);
       emit("close");
@@ -108,6 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           setCss(refBox.value, "display", "block");
         }
       }
+      console.log("isClose", isClose);
     }
     function setMax() {
       if (refBody.value) {
@@ -195,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             props.mask ? (openBlock(), createBlock(unref(BoxMask), {
               key: 0,
               onClick: onMaskClose,
-              cssprefix: unref(cs).z()
+              cssprefix: props.cssprefix || unref(cs).z()
             }, null, 8, ["cssprefix"])) : createCommentVNode("", true),
             withDirectives((openBlock(), createElementBlock("div", {
               ref_key: "refBody",
@@ -204,41 +209,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               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), {
+                    !props.noMin ? (openBlock(), createElementBlock("span", {
                       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), {
+                      class: normalizeClass([
+                        unref(cs).z("title-icon"),
+                        unref(cs).z("title-min")
+                      ])
+                    }, [
+                      createVNode(unref(Icon), null, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, unref(dataSlot)["icon-min"], {}, () => [
+                            createVNode(Bar)
+                          ])
+                        ]),
+                        _: 3
+                      })
+                    ], 10, _hoisted_1)) : createCommentVNode("", true),
+                    createElementVNode("span", {
                       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"])
+                      class: normalizeClass([
+                        unref(cs).z("title-icon"),
+                        unref(cs).z("title-max")
+                      ])
+                    }, [
+                      createVNode(unref(Icon), null, {
+                        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
+                      })
+                    ], 10, _hoisted_2)
                   ]),
                   _: 3
-                }, 8, ["cssprefix", "title"])
+                }, 8, ["title"])
               ]),
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("body-div"))

package/dist/css/index.css

@@ -310,6 +310,7 @@
   padding: 0;
   margin: 0;
   transition: 0s;
+  min-height: 60px;
 }
 .seamless-scroll .seamless-scroll-warp-line,
 .seamless-scroll .seamless-scroll-warp {
@@ -340,9 +341,10 @@
   display: flex;
   flex-direction: column;
 }
-.window-body-title .com-title-close i {
+.window-body .window-title-icon {
   width: 20px;
-  height: 20px;
+  display: inline-flex;
+  align-items: center;
   margin: 0 4px;
   cursor: pointer;
 }
@@ -586,6 +588,80 @@
   background-color: #f5f5f5;
 }
 
+.retract {
+  position: relative;
+}
+.retract .retract-but {
+  position: absolute;
+  background-color: rgba(201, 201, 201, 0.5);
+}
+.retract .retract-but .retract-icon {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  pointer-events: all;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transform: rotate(0);
+  transition: transform 0.3s;
+}
+.retract .retract-but .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-left {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  left: -20px;
+}
+.retract .retract-but.is-left .retract-icon {
+  transform: rotate(0);
+}
+.retract .retract-but.is-left .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  right: -20px;
+}
+.retract .retract-but.is-right .retract-icon {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right .retract-icon.is-reverse {
+  transform: rotate(0);
+}
+.retract .retract-but.is-top {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  top: -20px;
+}
+.retract .retract-but.is-top .retract-icon {
+  transform: rotate(90deg);
+}
+.retract .retract-but.is-top .retract-icon.is-reverse {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  bottom: -20px;
+}
+.retract .retract-but.is-bottom .retract-icon {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom .retract-icon.is-reverse {
+  transform: rotate(90deg);
+}
+
 .array {
   width: 100%;
   display: inline-flex;

package/dist/css/retract.css

@@ -0,0 +1,87 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.retract {
+  position: relative;
+}
+.retract .retract-but {
+  position: absolute;
+  background-color: rgba(201, 201, 201, 0.5);
+}
+.retract .retract-but .retract-icon {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  pointer-events: all;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transform: rotate(0);
+  transition: transform 0.3s;
+}
+.retract .retract-but .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-left {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  left: -20px;
+}
+.retract .retract-but.is-left .retract-icon {
+  transform: rotate(0);
+}
+.retract .retract-but.is-left .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  right: -20px;
+}
+.retract .retract-but.is-right .retract-icon {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right .retract-icon.is-reverse {
+  transform: rotate(0);
+}
+.retract .retract-but.is-top {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  top: -20px;
+}
+.retract .retract-but.is-top .retract-icon {
+  transform: rotate(90deg);
+}
+.retract .retract-but.is-top .retract-icon.is-reverse {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  bottom: -20px;
+}
+.retract .retract-but.is-bottom .retract-icon {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom .retract-icon.is-reverse {
+  transform: rotate(90deg);
+}

package/dist/css/seamless-scroll.css

@@ -18,6 +18,7 @@
   padding: 0;
   margin: 0;
   transition: 0s;
+  min-height: 60px;
 }
 .seamless-scroll .seamless-scroll-warp-line,
 .seamless-scroll .seamless-scroll-warp {

package/dist/css/window.css

@@ -67,9 +67,10 @@
   display: flex;
   flex-direction: column;
 }
-.window-body-title .com-title-close i {
+.window-body .window-title-icon {
   width: 20px;
-  height: 20px;
+  display: inline-flex;
+  align-items: center;
   margin: 0 4px;
   cursor: pointer;
 }

package/dist/directives/drag/index.cjs

@@ -72,6 +72,8 @@ const vDrag = {
     if (value.dom) {
       if (typeof value.dom == "string") {
         dom = el.querySelector(value.dom);
+      } else if (typeof value.dom == "boolean") {
+        dom = el;
       } else {
         dom = value.dom;
       }

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

@@ -1,7 +1,6 @@
 import { Directive } from 'vue';
 /**
  *  Drag
- *  ��ק
  */
 declare const _default: Directive;
 export default _default;

package/dist/directives/drag/index.js

@@ -70,6 +70,8 @@ const vDrag = {
     if (value.dom) {
       if (typeof value.dom == "string") {
         dom = el.querySelector(value.dom);
+      } else if (typeof value.dom == "boolean") {
+        dom = el;
       } else {
         dom = value.dom;
       }