@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/components/window/index.css

@@ -1,23 +1,23 @@
 :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
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --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
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-box-mask {
+.box-mask {
   display: block;
   opacity: 0.5;
   z-index: 0;
@@ -29,7 +29,7 @@
   background: rgba(2, 28, 39, 0.4);
 }
 
-.el-box-title {
+.box-title {
   padding: 10px;
   position: relative;
   background-color: #467ddc;
@@ -37,23 +37,23 @@
   align-items: center;
   display: flex;
 }
-.el-box-title-name {
+.box-title-name {
   flex: 1;
 }
-.el-box-title-close {
+.box-title-close {
   right: 10px;
   font-size: 18px;
   display: flex;
   align-items: center;
 }
-.el-box-title-close i {
+.box-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
   cursor: pointer;
 }
 
-.el-window {
+.window {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -61,7 +61,7 @@
   top: 0;
   left: 0;
 }
-.el-window-body {
+.window-body {
   position: absolute;
   top: 30%;
   left: 30%;
@@ -72,23 +72,23 @@
   display: flex;
   flex-direction: column;
 }
-.el-window-body-title .com-title-close i {
+.window-body-title .com-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
   cursor: pointer;
 }
-.el-window-body-div {
+.window-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.el-window-body.max {
+.window-body.max {
   width: 100vw !important;
   height: 100vh !important;
   top: initial !important;
   left: initial !important;
 }
-.el-window-body.max::-webkit-scrollbar {
+.window-body.max::-webkit-scrollbar {
   width: 0 !important;
 }

package/dist/components/window/index.d.ts

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const Window: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         drag: {
             type: (BooleanConstructor | StringConstructor)[];
             default: string;
@@ -17,7 +18,7 @@ declare const Window: {
             default: boolean;
         };
         pallet: {
-            type: import('vue').PropType<{
+            type: PropType<{
                 [key: string]: any;
                 add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
                 remove: (s: symbol, t?: string) => void;
@@ -56,7 +57,7 @@ declare const Window: {
         boxClass: {
             type: StringConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         mask: boolean;
         modelValue: boolean;
         disabled: boolean;
@@ -68,17 +69,17 @@ declare const Window: {
         minChange: boolean;
         closeHave: boolean;
         noMin: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refBox: HTMLDivElement;
         refBody: HTMLDivElement;
-    }, any, import('vue').ComponentProvideOptions, {
+    }, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         drag: {
             type: (BooleanConstructor | StringConstructor)[];
             default: string;
@@ -96,7 +97,7 @@ declare const Window: {
             default: boolean;
         };
         pallet: {
-            type: import('vue').PropType<{
+            type: PropType<{
                 [key: string]: any;
                 add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
                 remove: (s: symbol, t?: string) => void;
@@ -151,7 +152,7 @@ declare const Window: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
         default: string;
@@ -169,7 +170,7 @@ declare const Window: {
         default: boolean;
     };
     pallet: {
-        type: import('vue').PropType<{
+        type: PropType<{
             [key: string]: any;
             add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
             remove: (s: symbol, t?: string) => void;
@@ -208,7 +209,7 @@ declare const Window: {
     boxClass: {
         type: StringConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     mask: boolean;
     modelValue: boolean;
     disabled: boolean;
@@ -220,7 +221,7 @@ declare const Window: {
     minChange: boolean;
     closeHave: boolean;
     noMin: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { Window, Window as default };

package/dist/components/window/index.scss

@@ -1,7 +1,7 @@
-// @use '../common.scss' as *;
+// @use '../../../common.scss' as *;
 
-// @use '../box-mask/src/index.scss' as *;
-// @use '../box-title/src/index.scss' as *;
+// @use '../../box-mask/src/index.scss' as *;
+// @use '../../box-title/src/index.scss' as *;
 
 @use '../css/common.scss' as *;
 @use '../box-mask/index.scss' as *;

package/dist/components/window/index.ts

@@ -0,0 +1,8 @@
+import './index.scss';
+import { withInstall } from '../../utils/vues/withInstall'
+import SrcVue from './src/index.vue'
+const Window = withInstall(SrcVue, 'Window');
+export {
+   Window,
+   Window as default
+};

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

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes } from 'vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
 type Pallet = {
     add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
     remove: (s: symbol, t?: string) => void;
@@ -37,7 +37,7 @@ export declare const dataProps: {
      * @props {Object} pallet= ( ) 最小化的托盘对象或者设置方法
      */
     pallet: {
-        type: import('vue').PropType<Pallet>;
+        type: PropType<Pallet>;
     };
     /**
      * @props {Boolean} minChange=true ( ) 是否允许在最小化后改变值

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

@@ -0,0 +1,110 @@
+import type { ExtractPublicPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/vues/buildProps';
+import { definePropType } from '../../../utils/vues/definePropType';
+
+import {
+	dataProps as BoxProps,
+	dataEmits as BoxEmits,
+	dataExpose as BoxExpose,
+	dataSlot as BoxSlot,
+} from '../../box/src/data';
+
+type Pallet = {
+	add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
+	remove: (s: symbol, t?: string) => void;
+	[key: string]: any;
+};
+
+export const dataProps = buildProps({
+	...BoxProps,
+	/**
+	 * @props { String, Boolean } drag='.com-title-name' ( ) 可拖拽的元素样式 为空字符串就不拖拽
+	 */
+	drag: {
+		type: [String, Boolean],
+		default: '.com-title-name',
+	},
+	/**
+	 * @props { Boolean } adjust=true ( ) 是否支持改变大小
+	 */
+	adjust: {
+		type: Boolean,
+		default: true,
+	},
+	/**
+	 * @props { Boolean } mask=true ( ) 是否要遮罩
+	 */
+	mask: {
+		type: Boolean,
+		default: true,
+	},
+	/**
+	 * @props { Boolean } maskClose=false ( ) 是否要遮罩是否关闭
+	 */
+	maskClose: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	 * @props {Object} pallet= ( ) 最小化的托盘对象或者设置方法
+	 */
+	pallet: {
+		type: definePropType<Pallet>(Object),
+	},
+
+	/**
+	 * @props {Boolean} minChange=true ( ) 是否允许在最小化后改变值
+	 */
+	minChange: {
+		type: Boolean,
+		default: true,
+	},
+	/**
+	 * @props {Boolean} closeHave=true ( ) 关闭后是否保持位置
+	 */
+	closeHave: {
+		type: Boolean,
+		default: true,
+	},
+	/**
+	 * @props {Boolean} noMin=false ( ) 是否不要最小化
+	 */
+	noMin: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	 * @props { Boolean } often= ( ) 是否时时变化
+	 */
+	often: {
+		type: Boolean,
+	},
+	max: {
+		type: Boolean,
+	},
+});
+
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+
+/**
+ */
+export const dataEmits = [...BoxEmits, 'minimize', 'changesize'];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot icon-min 最小化图标
+ * @slot icon-max 最大化图标
+ * @slot icon-full 全屏图标
+ */
+export const dataSlot = {
+	...BoxSlot,
+	'icon-min': 'icon-min',
+	'icon-max': 'icon-max',
+	'icon-full': 'icon-full',
+};
+
+/**
+ */
+export const dataExpose = { ...BoxExpose };

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const setCss = require("@fangzhongya/utils/css/setCss");
 const data = require("./data.cjs");
@@ -14,30 +14,30 @@ const setClassName = require("@fangzhongya/utils/css/setClassName");
 const index$5 = require("../../../directives/drag/index.cjs");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const wykey = Symbol("Window-" + (/* @__PURE__ */ new Date()).getTime() + Math.random());
-    const refBody = require$$0.shallowRef();
+    const refBody = vue.shallowRef();
     const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("window");
     const props = __props;
     const emit = __emit;
-    const isMax = require$$0.shallowRef(props.max);
-    const isMin = require$$0.shallowRef(false);
-    const isClose = require$$0.shallowRef(true);
-    const refBox = require$$0.shallowRef();
-    const position = require$$0.shallowRef({});
-    require$$0.watch(
+    const isMax = vue.shallowRef(props.max);
+    const isMin = vue.shallowRef(false);
+    const isClose = vue.shallowRef(true);
+    const refBox = vue.shallowRef();
+    const position = vue.shallowRef({});
+    vue.watch(
       () => props.modelValue,
       () => {
         if (props.modelValue) {
           isClose.value = false;
           isMin.value = false;
           if (props.closeHave) {
-            require$$0.nextTick(() => {
+            vue.nextTick(() => {
               setPosition();
             });
           } else {
@@ -88,13 +88,13 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       emit("update:modelValue", false);
       emit("close");
     };
-    require$$0.watch(
+    vue.watch(
       () => isMin.value,
       () => {
         setMin();
       }
     );
-    require$$0.watch(
+    vue.watch(
       () => isMax.value,
       () => {
         setMax();
@@ -155,13 +155,13 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       emit("changesize");
     }
     function setBoxClass(oldValue = "") {
-      require$$0.nextTick(() => {
+      vue.nextTick(() => {
         setClassName.setClassName(refBox.value, props.boxClass, oldValue);
       });
     }
     let stop;
-    require$$0.onMounted(() => {
-      stop = require$$0.watch(
+    vue.onMounted(() => {
+      stop = vue.watch(
         () => props.boxClass,
         (newValue, oldValue) => {
           setBoxClass(oldValue);
@@ -169,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         { immediate: true }
       );
     });
-    require$$0.onUnmounted(() => {
+    vue.onUnmounted(() => {
       if (stop) {
         stop();
       }
@@ -181,76 +181,76 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.BoxTeleport), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
         disabled: props.disabled,
         to: props.to
       }, {
-        default: require$$0.withCtx(() => [
-          !isClose.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+        default: vue.withCtx(() => [
+          !isClose.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             ref_key: "refBox",
             ref: refBox,
-            class: require$$0.normalizeClass(require$$0.unref(cs).z())
+            class: vue.normalizeClass(vue.unref(cs).z())
           }, [
-            props.mask ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.BoxMask), {
+            props.mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
               key: 0,
               onClick: onMaskClose,
-              cssprefix: require$$0.unref(cs).z()
-            }, null, 8, ["cssprefix"])) : require$$0.createCommentVNode("", true),
-            require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", {
+              cssprefix: vue.unref(cs).z()
+            }, null, 8, ["cssprefix"])) : vue.createCommentVNode("", true),
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               ref_key: "refBody",
               ref: refBody,
-              class: require$$0.normalizeClass(require$$0.unref(cs).z("body"))
+              class: vue.normalizeClass(vue.unref(cs).z("body"))
             }, [
-              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(),
+              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: require$$0.withCtx(() => [
-                    !props.noMin ? (require$$0.openBlock(), require$$0.createElementBlock("i", {
+                  icon: vue.withCtx(() => [
+                    !props.noMin ? (vue.openBlock(), vue.createElementBlock("i", {
                       key: 0,
-                      title: require$$0.unref(getLocale)("minh"),
+                      title: vue.unref(getLocale)("minh"),
                       onClick: onMin,
-                      class: require$$0.normalizeClass(require$$0.unref(cs).z("title-min"))
+                      class: vue.normalizeClass(vue.unref(cs).z("title-min"))
                     }, [
-                      require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot)["icon-min"], {}, () => [
-                        _cache[0] || (_cache[0] = require$$0.createElementVNode("svg", {
+                      vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-min"], {}, () => [
+                        _cache[0] || (_cache[0] = vue.createElementVNode("svg", {
                           viewBox: "0 0 1024 1024",
                           xmlns: "http://www.w3.org/2000/svg",
                           "data-v-ea893728": ""
                         }, [
-                          require$$0.createElementVNode("path", {
+                          vue.createElementVNode("path", {
                             fill: "currentColor",
                             d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
                           })
                         ], -1))
                       ])
-                    ], 10, _hoisted_1)) : require$$0.createCommentVNode("", true),
-                    require$$0.createElementVNode("i", {
-                      title: require$$0.unref(getLocale)(isMax.value ? "tmaxh" : "maxh"),
+                    ], 10, _hoisted_1)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("i", {
+                      title: vue.unref(getLocale)(isMax.value ? "tmaxh" : "maxh"),
                       onClick: onMax,
-                      class: require$$0.normalizeClass(require$$0.unref(cs).z("title-max"))
+                      class: vue.normalizeClass(vue.unref(cs).z("title-max"))
                     }, [
-                      isMax.value ? require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot)["icon-full"], { key: 0 }, () => [
-                        _cache[1] || (_cache[1] = require$$0.createElementVNode("svg", {
+                      isMax.value ? vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-full"], { key: 0 }, () => [
+                        _cache[1] || (_cache[1] = vue.createElementVNode("svg", {
                           viewBox: "0 0 1024 1024",
                           xmlns: "http://www.w3.org/2000/svg",
                           "data-v-ea893728": ""
                         }, [
-                          require$$0.createElementVNode("path", {
+                          vue.createElementVNode("path", {
                             fill: "currentColor",
                             d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
                           })
                         ], -1))
-                      ]) : require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot)["icon-max"], { key: 1 }, () => [
-                        _cache[2] || (_cache[2] = require$$0.createElementVNode("svg", {
+                      ]) : vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-max"], { key: 1 }, () => [
+                        _cache[2] || (_cache[2] = vue.createElementVNode("svg", {
                           viewBox: "0 0 1024 1024",
                           xmlns: "http://www.w3.org/2000/svg",
                           "data-v-ea893728": ""
                         }, [
-                          require$$0.createElementVNode("path", {
+                          vue.createElementVNode("path", {
                             fill: "currentColor",
                             d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
                           })
@@ -261,24 +261,24 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
                   _: 3
                 }, 8, ["cssprefix", "title"])
               ]),
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("body-div"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("body-div"))
               }, [
-                require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default)
+                vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
               ], 2),
-              require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).footer)
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
             ], 2)), [
-              [require$$0.unref(index$5.default), {
+              [vue.unref(index$5.default), {
                 dom: props.drag,
                 onMousedown
               }],
-              [require$$0.unref(index$6.default), {
+              [vue.unref(index$6.default), {
                 often: props.often,
                 onChange: onChangeAdjust,
                 all: { position: true, getDisabled }
               }]
             ])
-          ], 2)) : require$$0.createCommentVNode("", true)
+          ], 2)) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["disabled", "to"]);

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

@@ -1,3 +1,4 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
@@ -8,7 +9,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
         default: string;
@@ -26,7 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     pallet: {
-        type: import('vue').PropType<{
+        type: PropType<{
             [key: string]: any;
             add: (s: symbol, a: () => void, r: () => void, t
             /**
@@ -73,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     boxClass: {
         type: StringConstructor;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
         default: string;
@@ -91,7 +92,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     pallet: {
-        type: import('vue').PropType<{
+        type: PropType<{
             [key: string]: any;
             add: (s: symbol, a: () => void, r: () => void, t
             /**
@@ -150,7 +151,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     minChange: boolean;
     closeHave: boolean;
     noMin: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refBox: HTMLDivElement;
     refBody: HTMLDivElement;
 }, any>;