@fangzhongya/fang-ui 0.0.3 → 0.0.5

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

@@ -0,0 +1,96 @@
+import { defineComponent, computed, toRaw, useSlots, useAttrs, createBlock, createElementBlock, openBlock, unref, createSlots, withCtx, createElementVNode, normalizeClass, renderSlot, renderList } 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 { Box } from "../../box/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    useLocale();
+    const cs = useCssName("box-local");
+    const props = __props;
+    const filters = ["local"];
+    computed(() => {
+      const obj = {};
+      Object.keys(toRaw(props)).forEach((key) => {
+        const k = key;
+        if (filters.includes(k)) {
+          obj[key] = props[k];
+        }
+      });
+      return obj;
+    });
+    useSlots();
+    useAttrs();
+    const emit = __emit;
+    computed(() => {
+      const obj = {};
+      let arr;
+      if (dataEmits instanceof Array) {
+        arr = dataEmits;
+      } else {
+        arr = Object.keys(dataEmits);
+      }
+      arr.forEach((key) => {
+        obj[key] = (...arr2) => {
+          emit(key, ...arr2);
+        };
+      });
+      return obj;
+    });
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        emit("update:modelValue", val);
+      }
+    });
+    function onClose() {
+      emit("update:modelValue", false);
+      emit("close");
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return props.local ? (openBlock(), createBlock(unref(Box), {
+        key: 0,
+        title: props.title,
+        disabled: props.disabled,
+        to: props.to,
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        onClose
+      }, createSlots({
+        [unref(dataSlot).default]: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z())
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ]),
+        _: 2
+      }, [
+        renderList(Object.values(unref(dataSlot)), (slotname, index) => {
+          return {
+            name: slotname,
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, slotname)
+            ])
+          };
+        })
+      ]), 1032, ["title", "disabled", "to", "modelValue"])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(unref(cs).z())
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/box-local/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-local/src/index2.js

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

package/dist/components/box-mask/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 BoxMask = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "BoxMask");
+exports.BoxMask = BoxMask;
+exports.default = BoxMask;

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

@@ -0,0 +1,15 @@
+.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);
+}

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

@@ -0,0 +1,10 @@
+declare const BoxMask: import('../../utils/vues').WithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    cssprefix: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    cssprefix: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>> & Record<string, any>;
+export { BoxMask, BoxMask as default };

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

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

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

@@ -0,0 +1,14 @@
+// @use '../common.scss' as *;
+@use '../common.scss' as *;
+
+.#{$namespace}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);
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({
+  /**
+   * @props { String } 样式前缀
+   */
+  cssprefix: {
+    type: String
+  }
+});
+const dataEmits = {};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;

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

@@ -0,0 +1,27 @@
+import { ExtractPublicPropTypes } from 'vue';
+export declare const dataProps: {
+    /**
+     * @props { String } 样式前缀
+     */
+    cssprefix: {
+        type: StringConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export declare const dataEmits: {};
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {};

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

@@ -0,0 +1,16 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const dataProps = buildProps({
+  /**
+   * @props { String } 样式前缀
+   */
+  cssprefix: {
+    type: String
+  }
+});
+const dataEmits = {};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps
+};

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const data = require("./data.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("box-mask");
+    const props = __props;
+    const setCss = vue.computed(() => {
+      if (props.cssprefix) {
+        return props.cssprefix + "-mask";
+      } else {
+        return "";
+      }
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(cs).z(), setCss.value])
+      }, null, 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    cssprefix: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    cssprefix: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,30 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("box-mask");
+    const props = __props;
+    const setCss = computed(() => {
+      if (props.cssprefix) {
+        return props.cssprefix + "-mask";
+      } else {
+        return "";
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(cs).z(), setCss.value])
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/box-mask/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-mask/src/index2.js

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

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const enums = require("../../../utils/enums.cjs");
+const dataProps = buildProps.buildProps({
+  /**
+   * @props { String } to= (配置值 )
+   * 跳转位置
+   */
+  to: {
+    type: String,
+    default: enums.FunctConfig.BOXIDNAME
+  },
+  disabled: {
+    type: Boolean
+  }
+});
+const dataEmits = {
+  change: (evt) => {
+  }
+};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;

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

@@ -0,0 +1,35 @@
+import { ExtractPublicPropTypes } from 'vue';
+import { FunctConfig } from '../../utils/enums';
+export declare const dataProps: {
+    /**
+     * @props { String } to= (配置值 )
+     * 跳转位置
+     */
+    to: {
+        type: StringConstructor;
+        default: FunctConfig;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export declare const dataEmits: {
+    change: (evt: string | string[]) => void;
+};
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {};

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

@@ -0,0 +1,25 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+import { FunctConfig } from "../../../utils/enums.js";
+const dataProps = buildProps({
+  /**
+   * @props { String } to= (配置值 )
+   * 跳转位置
+   */
+  to: {
+    type: String,
+    default: FunctConfig.BOXIDNAME
+  },
+  disabled: {
+    type: Boolean
+  }
+});
+const dataEmits = {
+  change: (evt) => {
+  }
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps
+};

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

@@ -0,0 +1,35 @@
+"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 enums = require("../../../utils/enums.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    index.useLocale();
+    const cs = index$1.useCssName("box-teleport");
+    const props = __props;
+    if (document && !document.querySelector(enums.FunctConfig.BOXIDNAME)) {
+      const d = document.createElement("div");
+      d.id = enums.FunctConfig.BOXIDNAME.replace(/^#/, "");
+      document.body.appendChild(d);
+    }
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        disabled: props.disabled,
+        to: props.to
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 8, ["class", "disabled", "to"]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,41 @@
+import { FunctConfig } from '../../utils/enums';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        type: StringConstructor;
+        default: FunctConfig;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (evt: string | string[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        type: StringConstructor;
+        default: FunctConfig;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onChange?: ((evt: string | string[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    to: string;
+}, {}, {}, {}, 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-teleport/src/index.js

@@ -0,0 +1,35 @@
+import { defineComponent, createBlock, openBlock, Teleport, normalizeClass, unref, renderSlot } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { FunctConfig } from "../../../utils/enums.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    useLocale();
+    const cs = useCssName("box-teleport");
+    const props = __props;
+    if (document && !document.querySelector(FunctConfig.BOXIDNAME)) {
+      const d = document.createElement("div");
+      d.id = FunctConfig.BOXIDNAME.replace(/^#/, "");
+      document.body.appendChild(d);
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        class: normalizeClass(unref(cs).z()),
+        disabled: props.disabled,
+        to: props.to
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, ["class", "disabled", "to"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/box-teleport/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-teleport/src/index2.js

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

package/dist/components/box-title/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 BoxTitle = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "BoxTitle");
+exports.BoxTitle = BoxTitle;
+exports.default = BoxTitle;

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

@@ -0,0 +1,27 @@
+.com {
+  font-size: 20px;
+}
+
+.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;
+}