@dfsj/components 3.5.3 → 3.7.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.6.0](http://10.10.12.18/dfsj/dfsj/compare/@dfsj/components@3.1.3...@dfsj/components@3.6.0) (2024-10-29)
+
+
+### Bug Fixes
+
+* (components) 类型推断any<VueComponent> ([4b651a7](http://10.10.12.18/dfsj/dfsj/commits/4b651a78a453adafbb906954c746bb2d63dd5aac))
+* (components) UnifyChart.vue ([9a5d4db](http://10.10.12.18/dfsj/dfsj/commits/9a5d4dbe80b10bf9de80718e0b6e18c22cbd0205))
+* **components:**  时间轴主题可配置 ([4bdca6e](http://10.10.12.18/dfsj/dfsj/commits/4bdca6eb7a944bf25c999600cf556146e698eee4))
+
+
+### Features
+
+* (components) BasicModal支持vh、vw、px、rem ([866c6d2](http://10.10.12.18/dfsj/dfsj/commits/866c6d2447a203329ba3783f6a3edababf91a50c))
+* (components) Descriptions ([5873c14](http://10.10.12.18/dfsj/dfsj/commits/5873c14bc746596c536b203551147de8d2c097c0))
+* (components) UnifyChart.vue 导出方法 ([d4065b9](http://10.10.12.18/dfsj/dfsj/commits/d4065b984d4f97dad21bb55474bb616f2149a16e))
+* **components:** 导出组件 ([d6e313e](http://10.10.12.18/dfsj/dfsj/commits/d6e313e53f09a3a6895f1a212d8341fc5a196cbf))
+* **components:** 新增clickOutSide组件 ([e663b5d](http://10.10.12.18/dfsj/dfsj/commits/e663b5db93844d2052f07861739534956f2f908a))
+
+
+### Performance Improvements
+
+* (component) 修复升级element-plus以后打包类丢失报错 &  Board组件高度设置100% ([5029f65](http://10.10.12.18/dfsj/dfsj/commits/5029f6517b5223c046a5b4ac2fa1751bbaa4cffb))
+
+
+
+
+
 ## [3.5.1](http://10.10.12.18/dfsj/dfsj/compare/@dfsj/components@3.1.3...@dfsj/components@3.5.1) (2024-10-09)
 
 

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

@@ -1,4 +1,4 @@
-import type { BoardItem, BoardState } from './src/props';
+import type { BoardItem, BoardState, BoardStatus } from './src/props';
 import { BoardProps, BoardPosition } from './src/props';
 import Boards from './src/Boards.vue';
-export { BoardProps, BoardState, BoardItem, Boards, BoardPosition };
+export { BoardProps, BoardState, BoardStatus, BoardItem, Boards, BoardPosition };

package/dist/components/Boards/src/Boards.vue.d.ts

@@ -2,8 +2,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     position: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    display: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    resizable: {
+        type: () => import("vue").PropType<{
+            handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
+            minWidth: number;
+            maxWidth: number;
+            minHeight: number;
+            maxHeight: number;
+            handleWidth: number;
+            handleZIndex: number;
+            display: "fixed" | "absolute";
+            disable: boolean;
+        }>;
+        default: () => {
+            minWidth: number;
+            maxWidth: number;
+            minHeight: number;
+            maxHeight: number;
+            handleWidth: number;
+            handleZIndex: number;
+            disable: boolean;
+        };
+    };
+    slotVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     board: {
-        type: () => import("./props").BoardState;
+        type: () => import("vue").PropType<import("./props").BoardState>;
         default: () => {
             items: any[];
             index: number;
@@ -12,7 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     };
     customStyle: {
-        type: () => import("./props").CustomStyle;
+        type: () => import("vue").PropType<import("./props").CustomStyle>;
         default: () => {
             margin: any[];
             fixed: any[];
@@ -25,8 +54,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     position: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    display: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    resizable: {
+        type: () => import("vue").PropType<{
+            handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
+            minWidth: number;
+            maxWidth: number;
+            minHeight: number;
+            maxHeight: number;
+            handleWidth: number;
+            handleZIndex: number;
+            display: "fixed" | "absolute";
+            disable: boolean;
+        }>;
+        default: () => {
+            minWidth: number;
+            maxWidth: number;
+            minHeight: number;
+            maxHeight: number;
+            handleWidth: number;
+            handleZIndex: number;
+            disable: boolean;
+        };
+    };
+    slotVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     board: {
-        type: () => import("./props").BoardState;
+        type: () => import("vue").PropType<import("./props").BoardState>;
         default: () => {
             items: any[];
             index: number;
@@ -35,7 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     };
     customStyle: {
-        type: () => import("./props").CustomStyle;
+        type: () => import("vue").PropType<import("./props").CustomStyle>;
         default: () => {
             margin: any[];
             fixed: any[];
@@ -44,7 +102,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     position: string;
-    board: import("./props").BoardState;
-    customStyle: import("./props").CustomStyle;
+    display: string;
+    resizable: import("vue").PropType<{
+        handles: ("l" | "r" | "b" | "t" | "tr" | "br" | "bl" | "tl")[];
+        minWidth: number;
+        maxWidth: number;
+        minHeight: number;
+        maxHeight: number;
+        handleWidth: number;
+        handleZIndex: number;
+        display: "fixed" | "absolute";
+        disable: boolean;
+    }>;
+    slotVisible: boolean;
+    board: import("vue").PropType<import("./props").BoardState>;
+    customStyle: import("vue").PropType<import("./props").CustomStyle>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/Boards/src/Boards.vue2.js

@@ -1,12 +1,10 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { defineComponent, toRefs, ref, computed, unref, onMounted, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withModifiers, createVNode, Fragment, withCtx, renderList, createBlock, toDisplayString, withDirectives, resolveDynamicComponent, markRaw, mergeProps, vShow, defineAsyncComponent } from 'vue';
+import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, Fragment, withCtx, renderList, createBlock, toDisplayString, resolveDynamicComponent, markRaw, mergeProps, vShow, renderSlot, defineAsyncComponent } from 'vue';
 import { BoardProps, BoardPosition } from './props.js';
 import '../../Icon/src/Icon.vue.js';
 import '../../Icon/src/SvgIcon.vue.js';
-import { useElementBounding } from '../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.11_typescript@5.6.2_/node_modules/@vueuse/core/index.js';
-import { isString } from '../../../utils/is.js';
+import { useStyle } from './hooKs/useStyle.js';
+import vResizable from '../../../directives/resizable.js';
 import script$1 from '../../Icon/src/Icon.vue2.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -28,19 +26,18 @@ var script = defineComponent({
   setup: function setup(__props) {
     var cache = new Map();
     var props = __props;
+    var el = ref(null);
     var _toRefs = toRefs(props),
-      position = _toRefs.position,
-      board = _toRefs.board,
-      customStyle = _toRefs.customStyle;
+      resizable = _toRefs.resizable,
+      display = _toRefs.display;
+    var _useStyle = useStyle(props),
+      getStyle = _useStyle.getStyle,
+      position = _useStyle.position,
+      board = _useStyle.board,
+      customStyle = _useStyle.customStyle;
     var isAsyncComponent = function isAsyncComponent(component) {
       return !!(component && component.__asyncLoader);
     };
-    var el = ref(null);
-    var _useElementBounding = useElementBounding(el),
-      top = _useElementBounding.top,
-      right = _useElementBounding.right,
-      bottom = _useElementBounding.bottom,
-      left = _useElementBounding.left;
     var color = computed(function () {
       var _customStyle$value$co;
       return (_customStyle$value$co = customStyle.value.color) !== null && _customStyle$value$co !== void 0 ? _customStyle$value$co : '#11848f';
@@ -60,105 +57,41 @@ var script = defineComponent({
       board.value.index = id === null || id === void 0 ? void 0 : id.index;
     }
     var toggle = function toggle() {
-      board.value.state = board.value.state === 'spread' ? 'minify' : 'spread';
+      return board.value.state = board.value.state === 'spread' ? 'minify' : 'spread';
     };
     var icon = computed(function () {
-      if (board.value.state == 'hidden') return null;
-      return 'ic:round-chevron-right';
+      return board.value.state == 'hidden' ? null : 'ic:round-chevron-right';
     });
     var tabPosition = computed(function () {
       var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPosition.EAST, 'right'), BoardPosition.WEST, 'left'), BoardPosition.SOUTH, 'top'), BoardPosition.TOP, 'top');
       return mapping === null || mapping === void 0 ? void 0 : mapping[position.value];
     });
-    var transform = computed(function () {
-      var _transform = '';
-      if (board.value.state == 'spread') {
-        _transform = '';
-      } else {
-        if (position.value == BoardPosition.WEST) {
-          _transform = "translateX(-".concat(right.value, "px)");
-        } else if (position.value == BoardPosition.EAST) {
-          _transform = "translateX(".concat(window.innerWidth - left.value, "px)");
-        } else if (position.value == BoardPosition.SOUTH) {
-          _transform = "translateY(".concat(window.innerHeight - top.value, "px)");
-        } else if (position.value == BoardPosition.TOP) {
-          _transform = "translateY(-".concat(bottom.value, "px)");
-        }
-      }
-      return _transform;
-    });
-    var getStyle = computed(function () {
-      var _customStyle$value$fi;
-      var fixed = {};
-      var margin = '';
-      if (((_customStyle$value$fi = customStyle.value.fixed) === null || _customStyle$value$fi === void 0 ? void 0 : _customStyle$value$fi.length) != 4) {
-        customStyle.value.fixed = [0, 0, 0, 0];
-      }
-      if (isString(customStyle.value.margin)) {
-        margin = customStyle.value.margin;
-      } else {
-        var _customStyle$value$ma;
-        if (((_customStyle$value$ma = customStyle.value.margin) === null || _customStyle$value$ma === void 0 ? void 0 : _customStyle$value$ma.length) != 4) {
-          customStyle.value.margin = [0, 0, 0, 0];
-          margin = _toConsumableArray(unref(customStyle).margin).join(' ');
-        }
-      }
-      var _customStyle$value$fi2 = _slicedToArray(customStyle.value.fixed, 4),
-        t = _customStyle$value$fi2[0],
-        r = _customStyle$value$fi2[1],
-        b = _customStyle$value$fi2[2],
-        l = _customStyle$value$fi2[3];
-      if ([BoardPosition.EAST, BoardPosition.WEST].includes(position.value)) {
-        fixed = {
-          top: t || 0,
-          bottom: b || 0
-        };
-      } else if ([BoardPosition.FULL].includes(position.value)) {
-        fixed = {
-          top: t || 0,
-          bottom: b || 0,
-          left: l || 0,
-          right: r || 0
-        };
-      } else if ([BoardPosition.TOP].includes(position.value)) {
-        fixed = {
-          top: t || 0,
-          left: l || 0,
-          right: r || 0
-        };
-      } else {
-        fixed = {
-          left: l || 0,
-          right: r || 0
-        };
-      }
-      return _objectSpread(_objectSpread({}, fixed), {}, {
-        margin: margin,
-        transform: transform.value
-      });
-    });
-    onMounted(function () {
+    watchEffect(function () {
       var _el$value;
-      el === null || el === void 0 || (_el$value = el.value) === null || _el$value === void 0 || (_el$value = _el$value.style) === null || _el$value === void 0 || _el$value.setProperty('--board-tab-color', color.value);
+      return el === null || el === void 0 || (_el$value = el.value) === null || _el$value === void 0 || (_el$value = _el$value.style) === null || _el$value === void 0 ? void 0 : _el$value.setProperty('--board-tab-color', color.value);
+    });
+    var handlesMapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPosition.EAST, ['l']), BoardPosition.WEST, ['r']), BoardPosition.TOP, ['b']), BoardPosition.SOUTH, ['t']);
+    var handles = computed(function () {
+      var _handlesMapping$toRaw;
+      return (_handlesMapping$toRaw = handlesMapping === null || handlesMapping === void 0 ? void 0 : handlesMapping[toRaw(unref(position))]) !== null && _handlesMapping$toRaw !== void 0 ? _handlesMapping$toRaw : [];
     });
-    watch(function () {
-      return customStyle.value.color;
-    }, function () {
-      var _el$value2;
-      el === null || el === void 0 || (_el$value2 = el.value) === null || _el$value2 === void 0 || (_el$value2 = _el$value2.style) === null || _el$value2 === void 0 || _el$value2.setProperty('--board-tab-color', color.value);
-    }, {
-      deep: true
+    var getResizable = computed(function () {
+      return _objectSpread(_objectSpread({}, resizable.value), {}, {
+        display: display.value,
+        handles: handles.value
+      });
     });
     return function (_ctx, _cache) {
       var _unref2;
       var _component_el_tab_pane = resolveComponent("el-tab-pane");
       var _component_el_tabs = resolveComponent("el-tabs");
-      return openBlock(), createElementBlock("div", {
-        "class": normalizeClass([prefixCls, unref(board).state, unref(position), 'p-2']),
-        style: normalizeStyle(getStyle.value),
+      return withDirectives((openBlock(), createElementBlock("div", {
+        "class": normalizeClass([prefixCls, unref(display), unref(board).state, unref(position), 'p-2 box-border']),
+        style: normalizeStyle(unref(getStyle)),
         ref_key: "el",
         ref: el
-      }, [createElementVNode("span", {
+      }, [unref(board).items.length ? (openBlock(), createElementBlock("span", {
+        key: 0,
         onClick: withModifiers(toggle, ["stop"]),
         "class": normalizeClass(['board--wing', {
           hidden: !icon.value
@@ -166,7 +99,7 @@ var script = defineComponent({
       }, [createVNode(unref(script$1), {
         size: 26,
         icon: icon.value
-      }, null, 8, ["icon"])], 2), createElementVNode("div", {
+      }, null, 8, ["icon"])], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
         "class": normalizeClass("".concat(prefixCls, "__layout h-full flex"))
       }, [unref(board).items.length > 1 ? (openBlock(), createElementBlock(Fragment, {
         key: 0
@@ -209,7 +142,9 @@ var script = defineComponent({
           key: item.id,
           ref_for: true
         }, item.props), null, 16)), [[vShow, unref(board).value === item.id]]);
-      }), 128))]))], 2)], 6);
+      }), 128))]))], 2), props.slotVisible ? renderSlot(_ctx.$slots, "default", {
+        key: 1
+      }) : createCommentVNode("v-if", true)], 6)), [[unref(vResizable), getResizable.value]]);
     };
   }
 });

package/dist/components/Boards/src/hooKs/useStyle.d.ts

@@ -0,0 +1,9 @@
+export declare function useStyle(props: any): {
+    position: import("vue").Ref<any, any>;
+    board: import("vue").Ref<any, any>;
+    customStyle: import("vue").Ref<any, any>;
+    getStyle: import("vue").ComputedRef<{
+        margin: string;
+        transform: string;
+    }>;
+};

package/dist/components/Boards/src/hooKs/useStyle.js

@@ -0,0 +1,100 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { toRefs, computed, unref } from 'vue';
+import { BoardPosition } from '../props.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function useStyle(props) {
+  var _toRefs = toRefs(props),
+    position = _toRefs.position,
+    board = _toRefs.board,
+    customStyle = _toRefs.customStyle;
+  var margin = computed(function () {
+    var _customStyle$value, _customStyle$value2;
+    if (((_customStyle$value = customStyle.value) === null || _customStyle$value === void 0 || (_customStyle$value = _customStyle$value.margin) === null || _customStyle$value === void 0 ? void 0 : _customStyle$value.length) != 4) {
+      return [0, 0, 0, 0];
+    }
+    return (_customStyle$value2 = customStyle.value) === null || _customStyle$value2 === void 0 ? void 0 : _customStyle$value2.margin;
+  });
+  var marginCssStr = computed(function () {
+    return _toConsumableArray(unref(margin.value)).join(' ');
+  });
+  var fixed = computed(function () {
+    var _customStyle$value$fi, _customStyle$value3;
+    if (((_customStyle$value$fi = customStyle.value.fixed) === null || _customStyle$value$fi === void 0 ? void 0 : _customStyle$value$fi.length) != 4) {
+      return [0, 0, 0, 0];
+    }
+    return (_customStyle$value3 = customStyle.value) === null || _customStyle$value3 === void 0 ? void 0 : _customStyle$value3.fixed;
+  });
+  var getTransform = computed(function () {
+    var transform = '';
+    if (board.value.state !== 'spread') {
+      if (position.value == BoardPosition.WEST) {
+        var _calc = margin.value[3] ? "calc( -100% - ".concat(margin.value[3]) : '-100%';
+        transform = "translateX( ".concat(_calc, ")");
+      } else if (position.value == BoardPosition.EAST) {
+        var _calc2 = margin.value[1] ? "calc( 100% + ".concat(margin.value[1]) : '100%';
+        transform = "translateX( ".concat(_calc2, ")");
+      } else if (position.value == BoardPosition.SOUTH) {
+        var _calc3 = margin.value[2] ? "calc( 100% + ".concat(margin.value[2]) : '100%';
+        transform = "translateY(".concat(_calc3, ")");
+      } else if (position.value == BoardPosition.TOP) {
+        var _calc4 = margin.value[0] ? "calc( - 100% - ".concat(margin.value[0]) : '-100%';
+        transform = "translateY(".concat(_calc4, ")");
+      }
+    }
+    return transform;
+  });
+  var getStyle = computed(function () {
+    var _fixed = {};
+    var _fixed$value = _slicedToArray(fixed.value, 4),
+      t = _fixed$value[0],
+      r = _fixed$value[1],
+      b = _fixed$value[2],
+      l = _fixed$value[3];
+    switch (position.value) {
+      case BoardPosition.EAST:
+      case BoardPosition.WEST:
+        _fixed = {
+          top: t || 0,
+          bottom: b || 0
+        };
+        break;
+      case BoardPosition.FULL:
+        _fixed = {
+          top: t || 0,
+          bottom: b || 0,
+          left: l || 0,
+          right: r || 0
+        };
+        break;
+      case BoardPosition.TOP:
+        _fixed = {
+          top: t || 0,
+          left: l || 0,
+          right: r || 0
+        };
+        break;
+      default:
+        _fixed = {
+          left: l || 0,
+          right: r || 0
+        };
+        break;
+    }
+    return _objectSpread(_objectSpread({}, _fixed), {}, {
+      margin: marginCssStr.value,
+      transform: getTransform.value
+    });
+  });
+  return {
+    position: position,
+    board: board,
+    customStyle: customStyle,
+    getStyle: getStyle
+  };
+}
+
+export { useStyle };

package/dist/components/Boards/src/props.d.ts

@@ -1,4 +1,17 @@
-import { AsyncComponentLoader } from 'vue';
+import { AsyncComponentLoader, PropType } from 'vue';
+type Handle = 't' | 'r' | 'b' | 'l' | 'tr' | 'br' | 'bl' | 'tl';
+type Handles = Array<Handle>;
+type ResizableConfig = {
+    handles: Handles;
+    minWidth: number;
+    maxWidth: number;
+    minHeight: number;
+    maxHeight: number;
+    handleWidth: number;
+    handleZIndex: number;
+    display: 'fixed' | 'absolute';
+    disable: boolean;
+};
 export type BoardItem = {
     id: string | number;
     label: string;
@@ -7,10 +20,11 @@ export type BoardItem = {
 };
 export type BoardState = {
     items: BoardItem[];
-    state: 'minify' | 'spread' | 'hidden';
+    state: BoardStatus;
     index: number;
     value: string | number;
 };
+export type BoardStatus = 'minify' | 'spread' | 'hidden';
 export type CustomStyle = {
     margin?: [string | number, string | number, string | number, string | number];
     fixed?: [string | number, string | number, string | number, string | number];
@@ -27,8 +41,27 @@ export declare const BoardProps: {
     position: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    display: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    resizable: {
+        type: () => PropType<ResizableConfig>;
+        default: () => {
+            minWidth: number;
+            maxWidth: number;
+            minHeight: number;
+            maxHeight: number;
+            handleWidth: number;
+            handleZIndex: number;
+            disable: boolean;
+        };
+    };
+    slotVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     board: {
-        type: () => BoardState;
+        type: () => PropType<BoardState>;
         default: () => {
             items: any[];
             index: number;
@@ -37,7 +70,7 @@ export declare const BoardProps: {
         };
     };
     customStyle: {
-        type: () => CustomStyle;
+        type: () => PropType<CustomStyle>;
         default: () => {
             margin: any[];
             fixed: any[];
@@ -45,3 +78,4 @@ export declare const BoardProps: {
         };
     };
 };
+export {};

package/dist/components/Boards/src/props.js

@@ -1,4 +1,4 @@
-import propTypes from '../../../utils/propTypes.js';
+import { propTypes } from '@dfsj/utils';
 
 var BoardPosition;
 (function (BoardPosition) {
@@ -10,6 +10,25 @@ var BoardPosition;
 })(BoardPosition || (BoardPosition = {}));
 var BoardProps = {
   position: propTypes.oneOf(['east', 'top', 'west', 'south', 'full']).def('east'),
+  display: propTypes.oneOf(['fixed', 'absolute']).def('fixed'),
+  resizable: {
+    type: Object,
+    "default": function _default() {
+      return {
+        minWidth: 10,
+        maxWidth: window.innerWidth,
+        minHeight: 10,
+        maxHeight: window.innerHeight,
+        handleWidth: 8,
+        handleZIndex: 100,
+        disable: false
+      };
+    }
+  },
+  slotVisible: {
+    type: Boolean,
+    "default": true
+  },
   board: {
     type: Object,
     "default": function _default() {

package/dist/components/ClickOutSide/src/ClickOutSide.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, openBlock, createElementBlock, renderSlot } from 'vue';
-import { onClickOutside } from '../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.11_typescript@5.6.2_/node_modules/@vueuse/core/index.js';
+import { onClickOutside } from '../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.2_/node_modules/@vueuse/core/index.js';
 
 var script = defineComponent({
   __name: 'ClickOutSide',

package/dist/components/Editor/src/Editor.vue2.js

@@ -5,8 +5,7 @@ import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
 import { i18nChangeLanguage } from '@wangeditor/editor';
 import '@wangeditor/editor/dist/css/style.css';
 import { ElMessage } from 'element-plus';
-import { isNumber } from '../../../utils/is.js';
-import propTypes from '../../../utils/propTypes.js';
+import { propTypes, isNumber } from '@dfsj/utils';
 
 var _hoisted_1 = {
   "class": "border-1 border-solid border-[var(--el-border-color)] z-10"

package/dist/components/Form/src/Form.vue2.js

@@ -4,8 +4,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { ElCol, ElForm, ElFormItem, ElRow } from 'element-plus';
 import { componentMap } from './helper/componentMap.js';
-import propTypes from '../../../utils/propTypes.js';
-import { getSlot } from '../../../utils/tsxHelper.js';
+import { propTypes, getSlot } from '@dfsj/utils';
 import { initModel, setGridProp, setItemComponentSlots, setTextPlaceholder, setComponentProps } from './helper/index.js';
 import { useRenderSelect } from './components/useRenderSelect.js';
 import { useRenderRadio } from './components/useRenderRadio.js';
@@ -14,7 +13,7 @@ import { findIndex } from '../../../utils/index.js';
 import { set, get } from 'lodash-es';
 import { ComponentNameEnum } from './types/index.js';
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e  ) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/components/Form/src/helper/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { ComponentNameEnum } from '../types/index.js';
-import { isFunction } from '../../../../utils/is.js';
+import { isFunction } from '@dfsj/utils';
 import { humpToDash, firstUpperCase } from '../../../../utils/index.js';
 import { get, set } from 'lodash-es';
 import { getLabel } from '../../../../helper/lang.js';

package/dist/components/Form/src/useForm.js

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { ref, unref, nextTick } from 'vue';
-import { isEmptyVal, isObject } from '../../../utils/is.js';
+import { isEmpty, isObject } from '@dfsj/utils';
 
 var useForm = function useForm() {
   var formRef = ref();
@@ -172,7 +172,7 @@ var useForm = function useForm() {
               }
               return _context7.abrupt("return", Object.keys(model).reduce(function (prev, next) {
                 var value = model[next];
-                if (!isEmptyVal(value)) {
+                if (!isEmpty(value)) {
                   if (isObject(value)) {
                     if (Object.keys(value).length > 0) {
                       prev[next] = value;

package/dist/components/Highlight/src/Highlight.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, h, unref } from 'vue';
-import propTypes from '../../../utils/propTypes.js';
+import { propTypes } from '@dfsj/utils';
 
 var script = defineComponent({
   name: 'Highlight',

package/dist/components/Icon/src/Icon.vue2.js

@@ -3,8 +3,7 @@ import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, normalizeClass, createElementBlock, normalizeStyle, unref, nextTick } from 'vue';
 import './SvgIcon.vue.js';
 import Iconify from '@iconify/iconify';
-import { isString } from '../../../utils/is.js';
-import propTypes from '../../../utils/propTypes.js';
+import { propTypes, isString } from '@dfsj/utils';
 import script$1 from './SvgIcon.vue2.js';
 
 var SVG_END_WITH_FLAG = '|svg';