@fangzhongya/fang-ui 0.0.98 → 0.0.100

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

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/expose/index.cjs");
 const index$2 = require("element-plus/es/components/autocomplete/index");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vues.useAttrs();
-    const slots = vues.useSlots();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("autocomplete");
     const props = __props;
     const emit = __emit;
-    const elRef = vues.ref();
+    const elRef = vue.ref();
     __expose(
       index$1.useExpose(
         {
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElAutocomplete), vues.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElAutocomplete), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
-        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vues.withCtx((scope) => [
-              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
             ])
           };
         })

package/dist/components/box/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
-const withInstall = require("../../utils/vues/withInstall.cjs");
 require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const Box = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Box");
 exports.Box = Box;

package/dist/components/box/index.js

@@ -1,6 +1,6 @@
 /* empty css                 */
-import { withInstall } from "../../utils/vues/withInstall.js";
 import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index2.js";
 const Box = withInstall(_sfc_main, "Box");
 export {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
@@ -8,17 +8,17 @@ 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 _hoisted_1 = ["name"];
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const isInit = vues.shallowRef(false);
+    const isInit = vue.shallowRef(false);
     const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("box");
     const props = __props;
     const emit = __emit;
-    vues.watch(
+    vue.watch(
       () => props.modelValue,
       () => {
         if (props.modelValue) {
@@ -35,39 +35,39 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.BoxTeleport), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
         disabled: props.disabled,
         to: props.to
       }, {
-        default: vues.withCtx(() => [
-          isInit.value ? vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
+        default: vue.withCtx(() => [
+          isInit.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vues.normalizeClass([vues.unref(cs).z(), props.boxClass])
+            class: vue.normalizeClass([vue.unref(cs).z(), props.boxClass])
           }, [
-            vues.createVNode(vues.unref(index$3.BoxMask), {
+            vue.createVNode(vue.unref(index$3.BoxMask), {
               onClick: onClose,
-              cssprefix: props.cssprefix || vues.unref(cs).z()
+              cssprefix: props.cssprefix || vue.unref(cs).z()
             }, null, 8, ["cssprefix"]),
-            vues.createElementVNode("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("body"))
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("body"))
             }, [
-              vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).title, {}, () => [
-                vues.createVNode(vues.unref(index$4.BoxTitle), {
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
+                vue.createVNode(vue.unref(index$4.BoxTitle), {
                   onClose,
                   title: props.title
                 }, null, 8, ["title"])
               ]),
-              vues.createElementVNode("div", {
-                name: vues.unref(data.dataSlot).default,
-                class: vues.normalizeClass(vues.unref(cs).z("body-div"))
+              vue.createElementVNode("div", {
+                name: vue.unref(data.dataSlot).default,
+                class: vue.normalizeClass(vue.unref(cs).z("body-div"))
               }, [
-                vues.renderSlot(_ctx.$slots, "default")
+                vue.renderSlot(_ctx.$slots, "default")
               ], 10, _hoisted_1),
-              vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).footer)
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
             ], 2)
           ], 2)), [
-            [vues.vShow, props.modelValue]
-          ]) : vues.createCommentVNode("", true)
+            [vue.vShow, props.modelValue]
+          ]) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["disabled", "to"]);

package/dist/components/box/style/index2.scss

@@ -0,0 +1 @@
+@use '../index.scss' as *;

package/dist/components/box-adjust/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
-const withInstall = require("../../utils/vues/withInstall.cjs");
 require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const BoxAdjust = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "BoxAdjust");
 exports.BoxAdjust = BoxAdjust;

package/dist/components/box-adjust/index.css

@@ -68,6 +68,23 @@
   display: flex;
   flex-direction: column;
 }
+.box-adjust-body.is-max {
+  width: 100vw !important;
+  height: 100vh !important;
+  top: initial !important;
+  left: initial !important;
+}
+.box-adjust-body.is-max::-webkit-scrollbar {
+  width: 0 !important;
+}
+.box-adjust-body .box-adjust-title-icon {
+  width: 20px;
+  display: inline-flex;
+  align-items: center;
+  margin: 0 4px;
+  height: 100%;
+  cursor: pointer;
+}
 .box-adjust-body-div {
   flex: 1;
   overflow-y: auto;

package/dist/components/box-adjust/index.js

@@ -1,6 +1,6 @@
 /* empty css                 */
-import { withInstall } from "../../utils/vues/withInstall.js";
 import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index2.js";
 const BoxAdjust = withInstall(_sfc_main, "BoxAdjust");
 export {

package/dist/components/box-adjust/index.scss

@@ -25,6 +25,24 @@ $box-adjust: 'box-adjust';
 		height: 40%;
 		display: flex;
 		flex-direction: column;
+		&.#{is('max')} {
+			width: 100vw !important;
+			height: 100vh !important;
+			top: initial !important;
+			left: initial !important;
+			&::-webkit-scrollbar {
+				width: 0 !important;
+			}
+		}
+		.#{z($box-adjust, 'title-icon')} {
+			width: 20px;
+			display: inline-flex;
+			align-items: center;
+			margin: 0 4px;
+			height: 100%;
+			cursor: pointer;
+		}
+
 		&-div {
 			flex: 1;
 			overflow-y: auto;

package/dist/components/box-adjust/src/data.cjs

@@ -17,11 +17,27 @@ const dataProps = buildProps.buildProps({
    */
   often: {
     type: Boolean
+  },
+  /**
+   * @props { Boolean } max= ( )
+   * 是否显示最大化
+   */
+  isMax: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } max= ( )
+   * 是否要最大化
+   */
+  max: {
+    type: Boolean
   }
 });
 const dataEmits = [...data.dataEmits];
 const dataSlot = {
-  ...data.dataSlot
+  ...data.dataSlot,
+  "icon-max": "icon-max",
+  "icon-full": "icon-full"
 };
 const dataExpose = { ...data.dataExpose };
 exports.dataEmits = dataEmits;

package/dist/components/box-adjust/src/data.d.ts

@@ -15,6 +15,20 @@ export declare const dataProps: {
     often: {
         type: BooleanConstructor;
     };
+    /**
+     * @props { Boolean } max= ( )
+     * 是否显示最大化
+     */
+    isMax: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @props { Boolean } max= ( )
+     * 是否要最大化
+     */
+    max: {
+        type: BooleanConstructor;
+    };
     title: {
         type: StringConstructor;
     };
@@ -43,6 +57,8 @@ export type DataEmits = typeof dataEmits;
 /**
  */
 export declare const dataSlot: {
+    'icon-max': string;
+    'icon-full': string;
     default: string;
     title: string;
     footer: string;

package/dist/components/box-adjust/src/data.js

@@ -15,11 +15,27 @@ const dataProps = buildProps({
    */
   often: {
     type: Boolean
+  },
+  /**
+   * @props { Boolean } max= ( )
+   * 是否显示最大化
+   */
+  isMax: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } max= ( )
+   * 是否要最大化
+   */
+  max: {
+    type: Boolean
   }
 });
 const dataEmits = [...dataEmits$1];
 const dataSlot = {
-  ...dataSlot$1
+  ...dataSlot$1,
+  "icon-max": "icon-max",
+  "icon-full": "icon-full"
 };
 const dataExpose = { ...dataExpose$1 };
 export {

package/dist/components/box-adjust/src/index2.cjs

@@ -1,29 +1,38 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$3 = require("../../box-title/index.cjs");
-const index$2 = require("../../box-mask/index.cjs");
-const index$1 = require("../../box-teleport/index.cjs");
-const index$5 = require("../../../directives/adjust/index.cjs");
-const index$4 = require("../../../directives/drag/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const frame = require("../../../icons/vue/frame.cjs");
+const star = require("../../../icons/vue/star.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 index$6 = require("../../../directives/adjust/index.cjs");
+const index$5 = require("../../../directives/drag/index.cjs");
 const use = require("../../common/use.cjs");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _hoisted_1 = ["title"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const isInit = vues.shallowRef(false);
-    const cs = index.useCssName("box-adjust");
+    const isInit = vue.shallowRef(false);
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("box-adjust");
     const prs = __props;
     const props = use.uesPropsDefault(prs, {
       drag() {
         return "." + cs.name + "box-title-name";
       }
     });
+    const maxvalue = vue.shallowRef(props.max);
     const emit = __emit;
-    vues.watch(
+    function onMax() {
+      maxvalue.value = !maxvalue.value;
+    }
+    vue.watch(
       () => props.modelValue,
       () => {
         if (props.modelValue) {
@@ -40,46 +49,71 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$1.BoxTeleport), {
-        disabled: vues.unref(props).disabled,
-        to: vues.unref(props).to
+      const _component_Icon = vue.resolveComponent("Icon");
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
+        disabled: vue.unref(props).disabled,
+        to: vue.unref(props).to
       }, {
-        default: vues.withCtx(() => [
-          isInit.value ? vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
+        default: vue.withCtx(() => [
+          isInit.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vues.normalizeClass(vues.unref(cs).z())
+            class: vue.normalizeClass(vue.unref(cs).z())
           }, [
-            vues.createVNode(vues.unref(index$2.BoxMask), {
+            vue.createVNode(vue.unref(index$3.BoxMask), {
               onClick: onClose,
-              cssprefix: vues.unref(props).cssprefix || vues.unref(cs).z()
+              cssprefix: vue.unref(props).cssprefix || vue.unref(cs).z()
             }, null, 8, ["cssprefix"]),
-            vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("body"))
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass([vue.unref(cs).z("body"), vue.unref(cs).is("max", maxvalue.value)])
             }, [
-              vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).title, {}, () => [
-                vues.createVNode(vues.unref(index$3.BoxTitle), {
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
+                vue.createVNode(vue.unref(index$4.BoxTitle), {
                   onClose,
-                  title: vues.unref(props).title
-                }, null, 8, ["title"])
+                  title: vue.unref(props).title
+                }, {
+                  icon: vue.withCtx(() => [
+                    vue.unref(props).isMax ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 0,
+                      title: vue.unref(getLocale)(maxvalue.value ? "tmaxh" : "maxh"),
+                      onClick: onMax,
+                      class: vue.normalizeClass([
+                        vue.unref(cs).z("title-icon"),
+                        vue.unref(cs).z("title-max")
+                      ])
+                    }, [
+                      vue.createVNode(_component_Icon, null, {
+                        default: vue.withCtx(() => [
+                          maxvalue.value ? vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-full"], { key: 0 }, () => [
+                            vue.createVNode(star.default)
+                          ]) : vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-max"], { key: 1 }, () => [
+                            vue.createVNode(frame.default)
+                          ])
+                        ]),
+                        _: 3
+                      })
+                    ], 10, _hoisted_1)) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 3
+                }, 8, ["title"])
               ]),
-              vues.createElementVNode("div", {
-                class: vues.normalizeClass(vues.unref(cs).z("body-div"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("body-div"))
               }, [
-                vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default)
+                vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
               ], 2),
-              vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).footer)
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
             ], 2)), [
-              [vues.unref(index$4.default), {
-                dom: vues.unref(props).drag
+              [vue.unref(index$5.default), {
+                dom: vue.unref(props).drag
               }],
-              [vues.unref(index$5.default), {
-                often: vues.unref(props).often,
+              [vue.unref(index$6.default), {
+                often: vue.unref(props).often,
                 all: { position: true }
               }]
             ])
           ], 2)), [
-            [vues.vShow, vues.unref(props).modelValue]
-          ]) : vues.createCommentVNode("", true)
+            [vue.vShow, vue.unref(props).modelValue]
+          ]) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["disabled", "to"]);

package/dist/components/box-adjust/src/index2.js

@@ -1,18 +1,23 @@
-import { defineComponent, shallowRef, watch, createBlock, openBlock, unref, withCtx, withDirectives, createCommentVNode, createElementBlock, normalizeClass, createVNode, renderSlot, createElementVNode, vShow } from "vue";
+import { defineComponent, shallowRef, watch, resolveComponent, createBlock, openBlock, unref, withCtx, withDirectives, createCommentVNode, createElementBlock, normalizeClass, createVNode, renderSlot, createElementVNode, vShow } from "vue";
 import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import Frame from "../../../icons/vue/frame.js";
+import Star from "../../../icons/vue/star.js";
 import { BoxTitle } from "../../box-title/index.js";
 import { BoxMask } from "../../box-mask/index.js";
 import { BoxTeleport } from "../../box-teleport/index.js";
 import vAdjust from "../../../directives/adjust/index.js";
 import vDrag from "../../../directives/drag/index.js";
 import { uesPropsDefault } from "../../common/use.js";
+const _hoisted_1 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const isInit = shallowRef(false);
+    const { getLocale } = useLocale();
     const cs = useCssName("box-adjust");
     const prs = __props;
     const props = uesPropsDefault(prs, {
@@ -20,7 +25,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return "." + cs.name + "box-title-name";
       }
     });
+    const maxvalue = shallowRef(props.max);
     const emit = __emit;
+    function onMax() {
+      maxvalue.value = !maxvalue.value;
+    }
     watch(
       () => props.modelValue,
       () => {
@@ -38,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ...dataExpose
     });
     return (_ctx, _cache) => {
+      const _component_Icon = resolveComponent("Icon");
       return openBlock(), createBlock(unref(BoxTeleport), {
         disabled: unref(props).disabled,
         to: unref(props).to
@@ -52,13 +62,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               cssprefix: unref(props).cssprefix || unref(cs).z()
             }, null, 8, ["cssprefix"]),
             withDirectives((openBlock(), createElementBlock("div", {
-              class: normalizeClass(unref(cs).z("body"))
+              class: normalizeClass([unref(cs).z("body"), unref(cs).is("max", maxvalue.value)])
             }, [
               renderSlot(_ctx.$slots, unref(dataSlot).title, {}, () => [
                 createVNode(unref(BoxTitle), {
                   onClose,
                   title: unref(props).title
-                }, null, 8, ["title"])
+                }, {
+                  icon: withCtx(() => [
+                    unref(props).isMax ? (openBlock(), createElementBlock("span", {
+                      key: 0,
+                      title: unref(getLocale)(maxvalue.value ? "tmaxh" : "maxh"),
+                      onClick: onMax,
+                      class: normalizeClass([
+                        unref(cs).z("title-icon"),
+                        unref(cs).z("title-max")
+                      ])
+                    }, [
+                      createVNode(_component_Icon, null, {
+                        default: withCtx(() => [
+                          maxvalue.value ? renderSlot(_ctx.$slots, unref(dataSlot)["icon-full"], { key: 0 }, () => [
+                            createVNode(Star)
+                          ]) : renderSlot(_ctx.$slots, unref(dataSlot)["icon-max"], { key: 1 }, () => [
+                            createVNode(Frame)
+                          ])
+                        ]),
+                        _: 3
+                      })
+                    ], 10, _hoisted_1)) : createCommentVNode("", true)
+                  ]),
+                  _: 3
+                }, 8, ["title"])
               ]),
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("body-div"))

package/dist/components/box-adjust/style/index2.scss

@@ -0,0 +1 @@
+@use '../index.scss' as *;

package/dist/components/box-local/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
-const withInstall = require("../../utils/vues/withInstall.cjs");
 require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const BoxLocal = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "BoxLocal");
 exports.BoxLocal = BoxLocal;

package/dist/components/box-local/index.js

@@ -1,6 +1,6 @@
 /* empty css                 */
-import { withInstall } from "../../utils/vues/withInstall.js";
 import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index2.js";
 const BoxLocal = withInstall(_sfc_main, "BoxLocal");
 export {