@fangzhongya/fang-ui 0.0.11 → 0.0.13

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

@@ -1,8 +1,23 @@
-.com {
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
   font-size: 20px;
 }
 
-.box-mask {
+.el-box-mask {
   display: block;
   opacity: 0.5;
   z-index: 0;
@@ -14,7 +29,7 @@
   background: rgba(2, 28, 39, 0.4);
 }
 
-.box-title {
+.el-box-title {
   padding: 10px;
   position: relative;
   background-color: #467ddc;
@@ -22,23 +37,23 @@
   align-items: center;
   display: flex;
 }
-.box-title .box-title-name {
+.el-box-title-name {
   flex: 1;
 }
-.box-title .box-title-close {
+.el-box-title-close {
   right: 10px;
   font-size: 18px;
   display: flex;
   align-items: center;
 }
-.box-title .box-title-close i {
+.el-box-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
   cursor: pointer;
 }
 
-.box-adjust {
+.el-box-adjust {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -46,7 +61,7 @@
   top: 0;
   left: 0;
 }
-.box-adjust .box-adjust-body {
+.el-box-adjust-body {
   position: absolute;
   top: 30%;
   left: 30%;
@@ -57,12 +72,12 @@
   display: flex;
   flex-direction: column;
 }
-.box-adjust .box-adjust-body .box-adjust-body-div {
+.el-box-adjust-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.box-adjust .box-adjust-body.popup-center .box-adjust-body-div {
+.el-box-adjust-body.popup-center .el-box-adjust-body-div {
   display: flex;
   flex-direction: column;
   align-items: center;

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

@@ -1,4 +1,4 @@
-declare const BoxAdjust: import('../../utils/vues').WithInstall<{
+declare const BoxAdjust: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         drag: {
             type: (BooleanConstructor | StringConstructor)[];
@@ -19,6 +19,9 @@ declare const BoxAdjust: import('../../utils/vues').WithInstall<{
         disabled: {
             type: BooleanConstructor;
         };
+        boxClass: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         modelValue: boolean;
         disabled: boolean;
@@ -51,6 +54,9 @@ declare const BoxAdjust: import('../../utils/vues').WithInstall<{
         disabled: {
             type: BooleanConstructor;
         };
+        boxClass: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         modelValue: boolean;
         disabled: boolean;
@@ -80,6 +86,9 @@ declare const BoxAdjust: import('../../utils/vues').WithInstall<{
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     modelValue: boolean;
     disabled: boolean;
@@ -87,5 +96,5 @@ declare const BoxAdjust: import('../../utils/vues').WithInstall<{
     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>;
+}) & import('vue').Plugin;
 export { BoxAdjust, BoxAdjust as default };

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

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

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

@@ -1,20 +1,21 @@
 // @use '../common.scss' as *;
 
-// @use '../box-mask/index.scss' as *;
-// @use '../box-title/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 
-@use '../common.scss' as *;
+@use '../css/common.scss' as *;
 @use '../box-mask/index.scss' as *;
 @use '../box-title/index.scss' as *;
 
-.#{$namespace}box-adjust {
+$box-adjust: 'box-adjust';
+@include b($box-adjust) {
 	position: fixed;
 	width: 100vw;
 	height: 100vh;
 	z-index: 1000;
 	top: 0;
 	left: 0;
-	.#{$namespace}box-adjust-body {
+	&-body {
 		position: absolute;
 		top: 30%;
 		left: 30%;
@@ -24,13 +25,13 @@
 		height: 40%;
 		display: flex;
 		flex-direction: column;
-		.box-adjust-body-div {
+		&-div {
 			flex: 1;
 			overflow-y: auto;
 			padding: 20px;
 		}
 		&.popup-center {
-			.#{$namespace}box-adjust-body-div {
+			.#{z($box-adjust, 'body-div')} {
 				display: flex;
 				flex-direction: column;
 				align-items: center;

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

@@ -25,6 +25,9 @@ export declare const dataProps: {
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 };
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 /**

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

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

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

@@ -25,6 +25,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -45,6 +48,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {
     modelValue: boolean;
     disabled: boolean;

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

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

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

@@ -1,8 +1,23 @@
-.com {
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
   font-size: 20px;
 }
 
-.box-mask {
+.el-box-mask {
   display: block;
   opacity: 0.5;
   z-index: 0;
@@ -14,7 +29,7 @@
   background: rgba(2, 28, 39, 0.4);
 }
 
-.box-title {
+.el-box-title {
   padding: 10px;
   position: relative;
   background-color: #467ddc;
@@ -22,23 +37,23 @@
   align-items: center;
   display: flex;
 }
-.box-title .box-title-name {
+.el-box-title-name {
   flex: 1;
 }
-.box-title .box-title-close {
+.el-box-title-close {
   right: 10px;
   font-size: 18px;
   display: flex;
   align-items: center;
 }
-.box-title .box-title-close i {
+.el-box-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
   cursor: pointer;
 }
 
-.box {
+.el-box {
   position: fixed;
   width: 100%;
   height: 100%;
@@ -50,7 +65,7 @@
   align-items: center;
   justify-content: center;
 }
-.box .box-body {
+.el-box-body {
   position: relative;
   z-index: 100;
   background: #fff;
@@ -60,18 +75,18 @@
   display: flex;
   flex-direction: column;
 }
-.box .box-body .box-body-div {
+.el-box-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.box .box-body.popup-center .box-body-div {
+.el-box-body.popup-center .el-box-body-div {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
-.box-local {
+.el-box-local {
   text-align: left;
 }

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

@@ -1,4 +1,4 @@
-declare const BoxLocal: import('../../utils/vues').WithInstall<{
+declare const BoxLocal: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         local: {
             type: BooleanConstructor;
@@ -15,6 +15,9 @@ declare const BoxLocal: import('../../utils/vues').WithInstall<{
         disabled: {
             type: BooleanConstructor;
         };
+        boxClass: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         modelValue: boolean;
         disabled: boolean;
@@ -42,6 +45,9 @@ declare const BoxLocal: import('../../utils/vues').WithInstall<{
         disabled: {
             type: BooleanConstructor;
         };
+        boxClass: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         modelValue: boolean;
         disabled: boolean;
@@ -66,6 +72,9 @@ declare const BoxLocal: import('../../utils/vues').WithInstall<{
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     modelValue: boolean;
     disabled: boolean;
@@ -75,5 +84,5 @@ declare const BoxLocal: import('../../utils/vues').WithInstall<{
         default?(_: {}): any;
         default?(_: {}): any;
     };
-})> & Record<string, any>;
+}) & import('vue').Plugin;
 export { BoxLocal, BoxLocal as default };

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

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

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

@@ -1,6 +1,7 @@
-@use '../common.scss' as *;
+@use '../css/common.scss' as *;
 @use '../box/index.scss' as *;
 
-.#{$namespace}box-local {
+$box-local: 'box-local';
+@include b($box-local) {
 	text-align: left;
 }

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

@@ -18,6 +18,9 @@ export declare const dataProps: {
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 };
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 /**

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const require$$0 = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$2 = require("../../box/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -14,9 +14,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName("box-local");
     const props = __props;
     const filters = ["local"];
-    vue.computed(() => {
+    require$$0.computed(() => {
       const obj = {};
-      Object.keys(vue.toRaw(props)).forEach((key) => {
+      Object.keys(require$$0.toRaw(props)).forEach((key) => {
         const k = key;
         if (filters.includes(k)) {
           obj[key] = props[k];
@@ -24,10 +24,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       return obj;
     });
-    vue.useSlots();
-    vue.useAttrs();
+    require$$0.useSlots();
+    require$$0.useAttrs();
     const emit = __emit;
-    vue.computed(() => {
+    require$$0.computed(() => {
       const obj = {};
       let arr;
       if (data.dataEmits instanceof Array) {
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       return obj;
     });
-    const value = vue.computed({
+    const value = require$$0.computed({
       get() {
         return props.modelValue;
       },
@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return props.local ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Box), {
+      return props.local ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.Box), {
         key: 0,
         title: props.title,
         disabled: props.disabled,
@@ -66,29 +66,29 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         onClose
-      }, vue.createSlots({
-        [vue.unref(data.dataSlot).default]: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(cs).z())
+      }, require$$0.createSlots({
+        [require$$0.unref(data.dataSlot).default]: require$$0.withCtx(() => [
+          require$$0.createElementVNode("div", {
+            class: require$$0.normalizeClass(require$$0.unref(cs).z())
           }, [
-            vue.renderSlot(_ctx.$slots, "default")
+            require$$0.renderSlot(_ctx.$slots, "default")
           ], 2)
         ]),
         _: 2
       }, [
-        vue.renderList(Object.values(vue.unref(data.dataSlot)), (slotname, index2) => {
+        require$$0.renderList(Object.values(require$$0.unref(data.dataSlot)), (slotname, index2) => {
           return {
             name: slotname,
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, slotname)
+            fn: require$$0.withCtx(() => [
+              require$$0.renderSlot(_ctx.$slots, slotname)
             ])
           };
         })
-      ]), 1032, ["title", "disabled", "to", "modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", {
+      ]), 1032, ["title", "disabled", "to", "modelValue"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", {
         key: 1,
-        class: vue.normalizeClass(vue.unref(cs).z())
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
       }, [
-        vue.renderSlot(_ctx.$slots, "default")
+        require$$0.renderSlot(_ctx.$slots, "default")
       ], 2));
     };
   }

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

@@ -24,6 +24,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     local: {
         type: BooleanConstructor;
@@ -40,6 +43,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {
     modelValue: boolean;
     disabled: boolean;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                 */
+;/* 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");

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

@@ -1,8 +1,23 @@
-.com {
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
   font-size: 20px;
 }
 
-.box-mask {
+.el-box-mask {
   display: block;
   opacity: 0.5;
   z-index: 0;

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

@@ -1,10 +1,26 @@
-declare const BoxMask: import('../../utils/vues').WithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const BoxMask: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        cssprefix: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        cssprefix: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<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>;
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
 export { BoxMask, BoxMask as default };