@fangzhongya/fang-ui 0.0.3 → 0.0.4

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({
+  /**
+   * @props title 弹框头
+   * @type String
+   * @default
+   * @selectable
+   * @description
+   */
+  title: {
+    type: String
+  },
+  /**
+   * @props {Boolean} modelValue=false 是否显示
+   */
+  modelValue: {
+    type: Boolean
+  },
+  to: {
+    type: String
+  },
+  disabled: {
+    type: Boolean
+  }
+});
+const dataEmits = ["close", "update:modelValue"];
+const dataSlot = {
+  default: "default",
+  title: "title",
+  footer: "footer"
+};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

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

@@ -0,0 +1,45 @@
+import { ExtractPublicPropTypes } from 'vue';
+export declare const dataProps: {
+    /**
+     * @props title 弹框头
+     * @type String
+     * @default
+     * @selectable
+     * @description
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * @props {Boolean} modelValue=false 是否显示
+     */
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    to: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ * @emits close ()
+ * 关闭弹框
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ * @slot title 头部插槽
+ * @slot footer 底部插槽
+ */
+export declare const dataSlot: {
+    default: string;
+    title: string;
+    footer: string;
+};
+/**
+ */
+export declare const dataExpose: {};

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

@@ -0,0 +1,38 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const dataProps = buildProps({
+  /**
+   * @props title 弹框头
+   * @type String
+   * @default
+   * @selectable
+   * @description
+   */
+  title: {
+    type: String
+  },
+  /**
+   * @props {Boolean} modelValue=false 是否显示
+   */
+  modelValue: {
+    type: Boolean
+  },
+  to: {
+    type: String
+  },
+  disabled: {
+    type: Boolean
+  }
+});
+const dataEmits = ["close", "update:modelValue"];
+const dataSlot = {
+  default: "default",
+  title: "title",
+  footer: "footer"
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

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

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

package/dist/components/box/src/index.d.ts

@@ -0,0 +1,46 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    to: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    to: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    modelValue: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,78 @@
+import { defineComponent, shallowRef, watch, createBlock, openBlock, unref, withCtx, withDirectives, createCommentVNode, createElementBlock, normalizeClass, createVNode, createElementVNode, renderSlot, vShow } from "vue";
+import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { BoxTitle } from "../../box-title/index.js";
+import { BoxMask } from "../../box-mask/index.js";
+import { BoxTeleport } from "../../box-teleport/index.js";
+const _hoisted_1 = ["name"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const isInit = shallowRef(false);
+    useLocale();
+    const cs = useCssName("box");
+    const props = __props;
+    const emit = __emit;
+    watch(
+      () => props.modelValue,
+      () => {
+        if (props.modelValue) {
+          isInit.value = true;
+        }
+      },
+      { immediate: true }
+    );
+    function onClose() {
+      emit("update:modelValue", false);
+      emit("close");
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(BoxTeleport), {
+        disabled: props.disabled,
+        to: props.to
+      }, {
+        default: withCtx(() => [
+          isInit.value ? withDirectives((openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(cs).z())
+          }, [
+            createVNode(unref(BoxMask), {
+              onClick: onClose,
+              cssprefix: unref(cs).z()
+            }, null, 8, ["cssprefix"]),
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("body"))
+            }, [
+              renderSlot(_ctx.$slots, unref(dataSlot).title, {}, () => [
+                createVNode(unref(BoxTitle), {
+                  cssprefix: unref(cs).z(),
+                  onClose,
+                  title: props.title
+                }, null, 8, ["cssprefix", "title"])
+              ]),
+              createElementVNode("div", {
+                name: unref(dataSlot).default,
+                class: normalizeClass(unref(cs).z("body-div"))
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 10, _hoisted_1),
+              renderSlot(_ctx.$slots, unref(dataSlot).footer)
+            ], 2)
+          ], 2)), [
+            [vShow, props.modelValue]
+          ]) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+"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;

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.js";
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,70 @@
+.com {
+  font-size: 20px;
+}
+
+.box-mask {
+  display: block;
+  opacity: 0.5;
+  z-index: 0;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(2, 28, 39, 0.4);
+}
+
+.box-title {
+  padding: 10px;
+  position: relative;
+  background-color: #467ddc;
+  color: #fff;
+  align-items: center;
+  display: flex;
+}
+.box-title .box-title-name {
+  flex: 1;
+}
+.box-title .box-title-close {
+  right: 10px;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+}
+.box-title .box-title-close i {
+  width: 20px;
+  height: 20px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+
+.box-adjust {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+}
+.box-adjust .box-adjust-body {
+  position: absolute;
+  top: 30%;
+  left: 30%;
+  z-index: 100;
+  background: #fff;
+  width: 40%;
+  height: 40%;
+  display: flex;
+  flex-direction: column;
+}
+.box-adjust .box-adjust-body .box-adjust-body-div {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+.box-adjust .box-adjust-body.popup-center .box-adjust-body-div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}

package/dist/components/box-adjust/index.d.ts

@@ -0,0 +1,91 @@
+declare const BoxAdjust: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        drag: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: string;
+        };
+        often: {
+            type: BooleanConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+        };
+        to: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        modelValue: boolean;
+        disabled: boolean;
+        drag: string | boolean;
+        often: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        drag: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: string;
+        };
+        often: {
+            type: BooleanConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+        };
+        to: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        modelValue: boolean;
+        disabled: boolean;
+        drag: string | boolean;
+        often: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    drag: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    often: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    to: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    modelValue: boolean;
+    disabled: boolean;
+    drag: string | boolean;
+    often: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
+})> & Record<string, any>;
+export { BoxAdjust, BoxAdjust as default };

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

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

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

@@ -0,0 +1,41 @@
+// @use '../common.scss' as *;
+
+// @use '../box-mask/index.scss' as *;
+// @use '../box-title/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
+
+.#{$namespace}box-adjust {
+	position: fixed;
+	width: 100vw;
+	height: 100vh;
+	z-index: 1000;
+	top: 0;
+	left: 0;
+	.#{$namespace}box-adjust-body {
+		position: absolute;
+		top: 30%;
+		left: 30%;
+		z-index: 100;
+		background: #fff;
+		width: 40%;
+		height: 40%;
+		display: flex;
+		flex-direction: column;
+		.box-adjust-body-div {
+			flex: 1;
+			overflow-y: auto;
+			padding: 20px;
+		}
+		&.popup-center {
+			.#{$namespace}box-adjust-body-div {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const data = require("../../box/src/data.cjs");
+const dataProps = buildProps.buildProps({
+  ...data.dataProps,
+  /**
+   * @props { } drag= ( ) 可拖拽的元素样式
+   */
+  drag: {
+    type: [String, Boolean],
+    default: ".com-title-name"
+  },
+  /**
+   * @props { Boolean } often= ( ) 是否时时变化
+   */
+  often: {
+    type: Boolean
+  }
+});
+const dataEmits = [...data.dataEmits];
+const dataSlot = {
+  ...data.dataSlot
+};
+const dataExpose = { ...data.dataExpose };
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

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

@@ -0,0 +1,43 @@
+import { ExtractPublicPropTypes } from 'vue';
+export declare const dataProps: {
+    /**
+     * @props { } drag= ( ) 可拖拽的元素样式
+     */
+    drag: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * @props { Boolean } often= ( ) 是否时时变化
+     */
+    often: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    to: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ */
+export declare const dataSlot: {
+    default: string;
+    title: string;
+    footer: string;
+};
+/**
+ */
+export declare const dataExpose: {};

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

@@ -0,0 +1,29 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+import { dataProps as dataProps$1, dataEmits as dataEmits$1, dataExpose as dataExpose$1, dataSlot as dataSlot$1 } from "../../box/src/data.js";
+const dataProps = buildProps({
+  ...dataProps$1,
+  /**
+   * @props { } drag= ( ) 可拖拽的元素样式
+   */
+  drag: {
+    type: [String, Boolean],
+    default: ".com-title-name"
+  },
+  /**
+   * @props { Boolean } often= ( ) 是否时时变化
+   */
+  often: {
+    type: Boolean
+  }
+});
+const dataEmits = [...dataEmits$1];
+const dataSlot = {
+  ...dataSlot$1
+};
+const dataExpose = { ...dataExpose$1 };
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};