@dfsj/components 3.7.2 → 4.0.0-alpha.2

package/README.md

@@ -1,27 +1,104 @@
-# 功能
-```shell
-   提供常见的基础组件。
-    1、表格 Table
-    2、表单 Form 
-    3、窗口 Windows
-    4、模态框 Modal
-    5、提示框 Toast
-    6、切换   Tabs
-    7、加载状态 Loading 
-    8、二维码 Qrcode 
-    9、时间/相对时间 DatePicker 
-    10、富文本框 Editor 
+# @dfsj/components
+
+> 基于 Element Plus 的通用业务组件库，包含 Table/Form/BasicModal/Windows/Boards 等高级封装组件
+
+[![version](https://img.shields.io/npm/v/@dfsj/components.svg)](https://www.npmjs.com/package/@dfsj/components)
+[![license](https://img.shields.io/npm/l/@dfsj/components.svg)](https://github.com/by1773/ec/blob/main/packages/components/LICENSE)
+
+## 简介
+
+@dfsj/components 是基于 Element Plus 的通用业务组件库，提供 Table、Form、Modal、Windows、Boards 等高级封装组件，通过 Schema 驱动和 Hooks 配合大幅提升中后台表单表格场景的开发效率。
+
+## 主要功能
+
+- **Table 表格** - 自动分页、列配置、行选择、操作列、图片预览
+- **Form 表单** - Schema 驱动表单，支持联动校验、20+ 表单组件类型
+- **BasicModal 弹窗** - 拖拽/全屏/自定义按钮/可收起
+- **Windows 窗口** - 多窗口管理器，可拖拽缩放
+- **Boards 抽屉** - 侧边抽屉管理器，支持宽度调整
+- **Editor 富文本** - 基于 WangEditor 封装
+- **UnifyChart 图表** - 通用图表容器
+- **Highlight 高亮** - 高亮选择组件
+- **InputPassword 密码** - 密码强度检测组件
+- **Descriptions 描述** - 描述列表组件
+- **ClickOutSide 点击外部** - 点击区域外检测组件
+- **NodeAxis 时间轴** - 时间轴节点组件
+- **Visual 播放器** - 可视化播放器组件
+
+## 安装
+
+```bash
+pnpm add @dfsj/components
 ```
-# 安装
-```shell
-    yarn add @dfsj/components
+
+## 快速开始
+
+```vue
+<template>
+  <Table :columns="columns" :data="data" :pagination="true" />
+</template>
+
+<script setup lang="ts">
+import { Table, useTable } from '@dfsj/components'
+
+const columns = [
+  { field: 'name', label: '名称' },
+  { field: 'age', label: '年龄' }
+]
+
+const [register, { getList }] = useTable({
+  fetchDataApi: () => api.getList()
+})
+</script>
 ```
-## 使用
- 
-``` 
-   ES6语法，参照示例与类型提示使用
+
+## 主要导出
+
+| 导出名 | 类型 | 说明 |
+|:------|:-----|:-----|
+| `Table` | `Component` | 高级表格组件 (useTable 配合) |
+| `Form` | `Component` | Schema 驱动表单组件 |
+| `BasicModal` | `Component` | 弹窗组件（导出名为 BasicModal） |
+| `Windows` | `Component` | 窗口管理器组件 |
+| `Boards` | `Component` | 抽屉管理器组件 |
+| `Editor` | `Component` | 富文本编辑器组件 |
+| `UnifyChart` | `Component` | 统一图表容器组件 |
+| `Highlight` | `Component` | 高亮选择组件 |
+| `InputPassword` | `Component` | 密码强度输入框 |
+| `Descriptions` | `Component` | 描述列表组件 |
+| `ClickOutSide` | `Component` | 点击外部检测组件 |
+| `NodeAxis` | `Component` | 时间轴节点组件 |
+| `Visual` | `Component` | 可视化播放器组件 |
+| `useTable` | `Function` | 表格逻辑 Hook (泛型支持) |
+| `useForm` | `Function` | 表单逻辑 Hook |
+
+> 完整 API 文档请查看 [在线文档站](../docs/zh/components/table.md)
+
+## 使用要求
+
+| 环境 | 要求 |
+|:-----|:-----|
+| Node.js | >=18.12.0 |
+| Vue | >=3.5 |
+| Element Plus | >=2.11 |
+
+## 开发指南
+
+```bash
+git clone http://10.10.12.18/dfsj/dfsj
+pnpm install
+cd packages/components
+pnpm watch
 ```
-## 维护
-```shell
-   yangbo
-```
+
+## 文档
+
+- [快速开始](../docs/zh/guide/get-start.md)
+- [完整API文档](../docs/zh/components/global.md)
+- [更新日志](./CHANGELOG.md)
+
+## 许可证
+
+[MIT](../../LICENSE)
+
+Copyright (c) 2022 - present yangbo

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,13 @@
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
+
+function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function e(t){if(Array.isArray(t))return t}function r(e){if(Array.isArray(e))return t(e)}function n(t,e,r){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:r;throw new TypeError("Private element is not present on this object")}function o(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(t,e,r,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void r(t)}u.done?e(c):Promise.resolve(c).then(n,o)}function a(t){return function(){var e=this,r=arguments;return new Promise(function(n,o){var a=t.apply(e,r);function u(t){i(a,n,o,u,c,"next",t)}function c(t){i(a,n,o,u,c,"throw",t)}u(void 0)})}}function u(t,e,r){return e=h(e),I(t,O()?Reflect.construct(e,r||[],h(t).constructor):e.apply(t,r))}function c(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function f(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){return t.get(n(t,e))}function s(t,e,r){c(t,e),e.set(t,r)}function y(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,B(n.key),n)}}function p(t,e,r){return e&&y(t.prototype,e),r&&y(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function b(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=H(t))||e){r&&(t=r);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}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 i,a=!0,u=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==r.return||r.return()}finally{if(u)throw i}}}}function v(t,e,r){return(e=B(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function d(){return d="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=G(t,e);if(n){var o=Object.getOwnPropertyDescriptor(n,e);return o.get?o.get.call(arguments.length<3?t:r):o.value}},d.apply(null,arguments)}function h(t){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},h(t)}function m(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&R(t,e)}function O(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(O=function(){return!!t})()}function j(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function w(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function T(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?S(Object(r),!0).forEach(function(e){v(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function A(t,e){if(null==t)return{};var r,n,o=E(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],-1===e.indexOf(r)&&{}.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function E(t,e){if(null==t)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==e.indexOf(n))continue;r[n]=t[n]}return r}function I(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return o(t)}function _(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+var t,e,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r,n,o,i){var c=n&&n.prototype instanceof u?n:u,f=Object.create(c.prototype);return C(f,"_invoke",function(r,n,o){var i,u,c,f=0,l=o||[],s=!1,y={p:0,n:0,v:t,a:p,f:p.bind(t,4),d:function(e,r){return i=e,u=0,c=t,y.n=r,a}};function p(r,n){for(u=r,c=n,e=0;!s&&f&&!o&&e<l.length;e++){var o,i=l[e],p=y.p,b=i[2];r>3?(o=b===n)&&(c=i[(u=i[4])?5:(u=3,3)],i[4]=i[5]=t):i[0]<=p&&((o=r<2&&p<i[1])?(u=0,y.v=n,y.n=i[1]):p<b&&(o=r<3||i[0]>n||n>b)&&(i[4]=r,i[5]=n,y.n=b,u=0))}if(o||r>1)return a;throw s=!0,n}return function(o,l,b){if(f>1)throw TypeError("Generator is already running");for(s&&1===l&&p(l,b),u=l,c=b;(e=u<2?t:c)||!s;){i||(u?u<3?(u>1&&(y.n=-1),p(u,c)):y.n=c:y.v=c);try{if(f=2,i){if(u||(o="next"),e=i[o]){if(!(e=e.call(i,c)))throw TypeError("iterator result is not an object");if(!e.done)return e;c=e.value,u<2&&(u=0)}else 1===u&&(e=i.return)&&e.call(i),u<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),u=1);i=t}else if((e=(s=y.n<0)?c:r.call(n,y))!==a)break}catch(e){i=t,u=1,c=e}finally{f=1}}return{value:e,done:s}}}(r,o,i),!0),f}var a={};function u(){}function c(){}function f(){}e=Object.getPrototypeOf;var l=[][n]?e(e([][n]())):(C(e={},n,function(){return this}),e),s=f.prototype=u.prototype=Object.create(l);function y(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,f):(t.__proto__=f,C(t,o,"GeneratorFunction")),t.prototype=Object.create(s),t}return c.prototype=f,C(s,"constructor",f),C(f,"constructor",c),c.displayName="GeneratorFunction",C(f,o,"GeneratorFunction"),C(s),C(s,o,"Generator"),C(s,n,function(){return this}),C(s,"toString",function(){return"[object Generator]"}),(_=function(){return{w:i,m:y}})()}function C(t,e,r,n){var o=Object.defineProperty;try{o({},"",{})}catch(t){o=0}C=function(t,e,r,n){function i(e,r){C(t,e,function(t){return this._invoke(e,r,t)})}e?o?o(t,e,{value:r,enumerable:!n,configurable:!n,writable:!n}):t[e]=r:(i("next",0),i("throw",1),i("return",2))},C(t,e,r,n)}function R(t,e){return R=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},R(t,e)}function x(t,r){return e(t)||w(t,r)||H(t,r)||g()}function G(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=h(t)););return t}function k(t,e,r,n){var o=d(h(t.prototype),e,r);return"function"==typeof o?function(t){return o.apply(r,t)}:o}function D(t){return r(t)||j(t)||H(t)||P()}function F(t,e){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function B(t){var e=F(t,"string");return"symbol"==typeof e?e:e+""}function W(t){return W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},W(t)}function H(e,r){if(e){if("string"==typeof e)return t(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}}export{t as arrayLikeToArray,e as arrayWithHoles,r as arrayWithoutHoles,n as assertClassBrand,o as assertThisInitialized,a as asyncToGenerator,u as callSuper,c as checkPrivateRedeclaration,f as classCallCheck,l as classPrivateFieldGet2,s as classPrivateFieldInitSpec,p as createClass,b as createForOfIteratorHelper,v as defineProperty,d as get,h as getPrototypeOf,m as inherits,O as isNativeReflectConstruct,j as iterableToArray,w as iterableToArrayLimit,g as nonIterableRest,P as nonIterableSpread,T as objectSpread2,A as objectWithoutProperties,E as objectWithoutPropertiesLoose,I as possibleConstructorReturn,_ as regenerator,C as regeneratorDefine,R as setPrototypeOf,x as slicedToArray,G as superPropBase,k as superPropGet,D as toConsumableArray,F as toPrimitive,B as toPropertyKey,W as typeof,H as unsupportedIterableToArray};

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

@@ -1,5 +1,11 @@
-import script from './Boards.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-script.__file = "src/components/Boards/src/Boards.vue";
-
-export { script as default };
+import o from"./Boards.vue2.js";o.__file="src/components/Boards/src/Boards.vue";export{o as default};

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

@@ -1,148 +1,11 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, toDisplayString, KeepAlive, resolveDynamicComponent, markRaw, mergeProps, vShow, renderSlot, defineAsyncComponent } from 'vue';
-import { BoardProps, BoardPositionEnum } from './props.js';
-import '../../Icon/src/Icon.vue.js';
-import '../../Icon/src/SvgIcon.vue.js';
-import { useStyle } from './hooKs/useStyle.js';
-import vResizable from '../../../directives/resizable.js';
-import script$1 from '../../Icon/src/Icon.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-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; }
-var _hoisted_1 = ["id"];
-var _hoisted_2 = {
-  key: 0
-};
-var _hoisted_3 = {
-  "class": "custom-label"
-};
-var _hoisted_4 = {
-  "class": "board--panels box-border h-full flex-1 w-full min-w-0 overflow-hidden"
-};
-var prefixCls = "ec-component-board-container-page-wrap";
-var script = defineComponent({
-  __name: 'Boards',
-  props: BoardProps,
-  setup: function setup(__props) {
-    var cache = new Map();
-    var props = __props;
-    var el = ref(null);
-    var _toRefs = toRefs(props),
-      resizable = _toRefs.resizable,
-      display = _toRefs.display,
-      customId = _toRefs.customId;
-    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 color = computed(function () {
-      var _customStyle$value$co;
-      return (_customStyle$value$co = customStyle.value.color) !== null && _customStyle$value$co !== void 0 ? _customStyle$value$co : '#11848f';
-    });
-    function resolve(source) {
-      var component = cache.get(source);
-      if (component == null) {
-        if (isAsyncComponent(source)) {
-          cache.set(source, component = source);
-        } else {
-          cache.set(source, component = defineAsyncComponent(source));
-        }
-      }
-      return component;
-    }
-    function tabClick(id) {
-      board.value.index = id === null || id === void 0 ? void 0 : id.index;
-    }
-    var toggle = function toggle() {
-      return board.value.state = board.value.state === 'spread' ? 'minify' : 'spread';
-    };
-    var icon = computed(function () {
-      var _board$value$items;
-      return board.value.state == 'hidden' || ((_board$value$items = board.value.items) === null || _board$value$items === void 0 ? void 0 : _board$value$items.length) == 0 ? null : 'mdi:chevron-right';
-    });
-    var tabPosition = computed(function () {
-      var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BoardPositionEnum.EAST, 'right'), BoardPositionEnum.WEST, 'left'), BoardPositionEnum.SOUTH, 'bottom'), BoardPositionEnum.TOP, 'top');
-      return mapping === null || mapping === void 0 ? void 0 : mapping[position.value];
-    });
-    watchEffect(function () {
-      var _el$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({}, BoardPositionEnum.EAST, ['l']), BoardPositionEnum.WEST, ['r']), BoardPositionEnum.TOP, ['b']), BoardPositionEnum.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 : [];
-    });
-    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 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,
-        id: unref(customId)
-      }, [unref(board).items.length ? (openBlock(), createElementBlock("span", {
-        key: 0,
-        onClick: withModifiers(toggle, ["stop"]),
-        "class": normalizeClass(['board--wing', {
-          hidden: !icon.value
-        }])
-      }, [createVNode(unref(script$1), {
-        size: 26,
-        icon: icon.value
-      }, null, 8, ["icon"])], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
-        "class": normalizeClass("".concat(prefixCls, "__layout overflow-hidden h-full flex"))
-      }, [unref(board).items.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_el_tabs, {
-        "class": "multiple-toggle-tab",
-        modelValue: unref(board).value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
-          return unref(board).value = $event;
-        }),
-        onTabClick: tabClick,
-        "tab-position": tabPosition.value,
-        "data-content": unref(customStyle).color
-      }, {
-        "default": withCtx(function () {
-          return [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(board).items, function (b, i) {
-            return openBlock(), createBlock(_component_el_tab_pane, {
-              key: b === null || b === void 0 ? void 0 : b.id,
-              name: b.id,
-              label: b.label
-            }, {
-              label: withCtx(function () {
-                return [createElementVNode("div", _hoisted_3, toDisplayString(b.label), 1)];
-              }),
-              _: 2
-            }, 1032, ["name", "label"]);
-          }), 128))];
-        }),
-        _: 1
-      }, 8, ["modelValue", "tab-position", "data-content"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList((_unref2 = unref(board)) === null || _unref2 === void 0 ? void 0 : _unref2.items, function (item) {
-        return openBlock(), createElementBlock("div", {
-          key: item.id,
-          "class": normalizeClass(["board--panel-container", {
-            active: unref(board).value === item.id
-          }])
-        }, [(openBlock(), createBlock(KeepAlive, null, [withDirectives((openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
-          ref_for: true
-        }, item.props), null, 16)), [[vShow, unref(board).value === item.id]])], 1024))], 2);
-      }), 128))]), createCommentVNode("      <div class=\"flex-1  w-full min-w-0  box-border h-full overflow-hidden\">"), createCommentVNode("        <div class=\"board&#45;&#45;panels box-border h-full flex-1 w-full min-w-0 overflow-hidden\">"), createCommentVNode("        <template v-for=\"item in board.items\" :key=\"item.id\">"), createCommentVNode("          <component"), createCommentVNode("              v-show=\"board.value === item.id\""), createCommentVNode("              :is=\"markRaw(resolve(item.content))\""), createCommentVNode("              v-bind=\"item.props\">"), createCommentVNode("          </component>"), createCommentVNode("        </template>"), createCommentVNode("        </div>"), createCommentVNode("      </div>")], 2), props.slotVisible ? renderSlot(_ctx.$slots, "default", {
-        key: 1
-      }) : createCommentVNode("v-if", true)], 14, _hoisted_1)), [[unref(vResizable), getResizable.value]]);
-    };
-  }
-});
-
-export { script as default };
+import{defineProperty as e,objectSpread2 as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{defineComponent as n,computed as o,ref as t,toRefs as a,watchEffect as i,toRaw as r,unref as u,resolveComponent as s,withDirectives as d,openBlock as c,createElementBlock as v,normalizeClass as f,normalizeStyle as m,withModifiers as p,createVNode as b,createCommentVNode as _,createElementVNode as h,withCtx as y,Fragment as w,renderList as x,createBlock as k,toDisplayString as g,KeepAlive as S,resolveDynamicComponent as T,markRaw as j,mergeProps as z,renderSlot as I,defineAsyncComponent as P}from"vue";import{BoardProps as E,BoardPositionEnum as O}from"./props.js";import"../../Icon/src/Icon.vue2.js";import{useStyle as V}from"./hooKs/useStyle.js";import H from"../../../directives/resizable.js";import U from"../../Icon/src/Icon.vue.js";var A=["id"],B={key:0},C="dfsj-boards",R=n({__name:"Boards",props:E,setup:function(n){var E=o(function(){return e(e(e({},"".concat(C,"--").concat($.value),!0),"".concat(C,"--").concat(N.value.state),!0),"".concat(C,"--").concat(J.value),!0)}),R=new Map,W=n,K=t(null),L=a(W),M=L.resizable,$=L.display,q=L.customId,D=t(!1),F=V(W,D),G=F.getStyle,J=F.position,N=F.board,Q=F.customStyle,X=o(function(){var e;return null!==(e=Q.value.color)&&void 0!==e?e:"#11848f"});function Y(e){N.value.index=null==e?void 0:e.index}var Z=function(){return N.value.state="spread"===N.value.state?"minify":"spread"},ee=o(function(){var e;return"hidden"==N.value.state||0==(null===(e=N.value.items)||void 0===e?void 0:e.length)?null:"mdi:chevron-right"}),le=o(function(){var l=e(e(e(e({},O.EAST,"right"),O.WEST,"left"),O.SOUTH,"bottom"),O.TOP,"top");return null==l?void 0:l[J.value]});i(function(){var e;return null==K||null===(e=K.value)||void 0===e||null===(e=e.style)||void 0===e?void 0:e.setProperty("--board-tab-color",X.value)});var ne=e(e(e(e({},O.EAST,["l"]),O.WEST,["r"]),O.TOP,["b"]),O.SOUTH,["t"]),oe=o(function(){var e;return null!==(e=null==ne?void 0:ne[r(u(J))])&&void 0!==e?e:[]}),te=o(function(){return l(l({},M.value),{},{display:$.value,handles:oe.value})});return function(e,l){var n,o=s("el-tab-pane"),t=s("el-tabs");return d((c(),v("div",{class:f([C,E.value,"fixed z-100 bg-white p-2 box-border"]),style:m(u(G)),ref_key:"el",ref:K,onResize:l[1]||(l[1]=function(e){return D.value=!0}),id:u(q)},[u(N).items.length?(c(),v("span",{key:0,onClick:p(Z,["stop"]),class:f(["".concat(C,"__wing"),{hidden:!ee.value}])},[b(u(U),{size:26,icon:ee.value},null,8,["icon"])],2)):_("v-if",!0),h("div",{class:f("".concat(C,"__layout overflow-hidden h-full flex"))},[u(N).items.length>1?(c(),v("div",B,[b(t,{class:f("".concat(C,"__tabs")),modelValue:u(N).value,"onUpdate:modelValue":l[0]||(l[0]=function(e){return u(N).value=e}),onTabClick:Y,"tab-position":le.value,"data-content":u(Q).color},{default:y(function(){return[(c(!0),v(w,null,x(u(N).items,function(e,l){return c(),k(o,{key:null==e?void 0:e.id,name:e.id,label:e.label},{label:y(function(){return[h("div",{class:f("".concat(C,"__tab-label"))},g(e.label),3)]}),_:2},1032,["name","label"])}),128))]}),_:1},8,["class","modelValue","tab-position","data-content"])])):_("v-if",!0),h("div",{class:f("".concat(C,"__panels box-border h-full flex-1 w-full min-w-0 overflow-hidden"))},[(c(!0),v(w,null,x(null===(n=u(N))||void 0===n?void 0:n.items,function(e){return c(),v("div",{key:e.id,class:f(["".concat(C,"__panel-container"),{active:u(N).value===e.id}])},[(c(),k(S,null,[u(N).value===e.id?(c(),k(T(j((l=e.content,n=R.get(l),null==n&&(function(e){return!(!e||!e.__asyncLoader)}(l)?R.set(l,n=l):R.set(l,n=P(l))),n))),z({key:0,ref_for:!0},e.props),null,16)):_("v-if",!0)],1024))],2);var l,n}),128))],2),_('      <div class="flex-1  w-full min-w-0  box-border h-full overflow-hidden">'),_('        <div class="board&#45;&#45;panels box-border h-full flex-1 w-full min-w-0 overflow-hidden">'),_('        <template v-for="item in board.items" :key="item.id">'),_("          <component"),_('              v-show="board.value === item.id"'),_('              :is="markRaw(resolve(item.content))"'),_('              v-bind="item.props">'),_("          </component>"),_("        </template>"),_("        </div>"),_("      </div>")],2),W.slotVisible?I(e.$slots,"default",{key:1}):_("v-if",!0)],46,A)),[[u(H),te.value]])}}});export{R as default};

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

@@ -1,9 +1,21 @@
-export declare function useStyle(props: any): {
-    position: import("vue").Ref<any, any>;
-    board: import("vue").Ref<any, any>;
-    customStyle: import("vue").Ref<any, any>;
+import { type Ref } from 'vue';
+import { BoardPositionEnum, type BoardCustomStyle, type BoardState } from '../props';
+interface UseStyleProps {
+    position: BoardPositionEnum;
+    board: BoardState;
+    customStyle: BoardCustomStyle;
+}
+export declare function useStyle(props: UseStyleProps, resized: Ref<boolean>): {
+    position: Ref<BoardPositionEnum, BoardPositionEnum>;
+    board: Ref<BoardState, BoardState>;
+    customStyle: Ref<BoardCustomStyle, BoardCustomStyle>;
     getStyle: import("vue").ComputedRef<{
         margin: string;
         transform: string;
+    } | {
+        margin: string;
+        transform: string;
+        width: string;
     }>;
 };
+export {};

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

@@ -1,100 +1,11 @@
-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 { BoardPositionEnum } from '../props.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-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 == BoardPositionEnum.WEST) {
-        var _calc = margin.value[3] ? "calc( -100% - ".concat(margin.value[3]) : '-100%';
-        transform = "translateX( ".concat(_calc, ")");
-      } else if (position.value == BoardPositionEnum.EAST) {
-        var _calc2 = margin.value[1] ? "calc( 100% + ".concat(margin.value[1]) : '100%';
-        transform = "translateX( ".concat(_calc2, ")");
-      } else if (position.value == BoardPositionEnum.SOUTH) {
-        var _calc3 = margin.value[2] ? "calc( 100% + ".concat(margin.value[2]) : '100%';
-        transform = "translateY(".concat(_calc3, ")");
-      } else if (position.value == BoardPositionEnum.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 BoardPositionEnum.EAST:
-      case BoardPositionEnum.WEST:
-        _fixed = {
-          top: t || 0,
-          bottom: b || 0
-        };
-        break;
-      case BoardPositionEnum.FULL:
-        _fixed = {
-          top: t || 0,
-          bottom: b || 0,
-          left: l || 0,
-          right: r || 0
-        };
-        break;
-      case BoardPositionEnum.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 };
+import{toConsumableArray as a,slicedToArray as e,objectSpread2 as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{toRefs as l,computed as o,unref as r}from"vue";import{BoardPositionEnum as u}from"../props.js";function n(n,v){var i=l(n),c=i.position,s=i.board,f=i.customStyle,d=o(function(){var a,e;return 4!=(null===(a=f.value)||void 0===a||null===(a=a.margin)||void 0===a?void 0:a.length)?[0,0,0,0]:null===(e=f.value)||void 0===e?void 0:e.margin}),m=o(function(){return a(r(d.value)).join(" ")}),p=o(function(){var a,e;return 4!=(null===(a=f.value.fixed)||void 0===a?void 0:a.length)?[0,0,0,0]:null===(e=f.value)||void 0===e?void 0:e.fixed}),b=o(function(){var a="";if("spread"!==s.value.state)if(c.value==u.WEST){var e=d.value[3]?"calc( -100% - ".concat(d.value[3]):"-100%";a="translateX( ".concat(e,")")}else if(c.value==u.EAST){var t=d.value[1]?"calc( 100% + ".concat(d.value[1]):"100%";a="translateX( ".concat(t,")")}else if(c.value==u.SOUTH){var l=d.value[2]?"calc( 100% + ".concat(d.value[2]):"100%";a="translateY(".concat(l,")")}else if(c.value==u.TOP){var o=d.value[0]?"calc( - 100% - ".concat(d.value[0]):"-100%";a="translateY(".concat(o,")")}return a}),g=o(function(){var a,l={},o=e(p.value,4),r=o[0],n=o[1],i=o[2],s=o[3];switch(c.value){case u.EAST:l={top:r||0,right:n||0,bottom:i||0};break;case u.WEST:l={top:r||0,bottom:i||0,left:s||0};break;case u.FULL:l={top:r||0,bottom:i||0,left:s||0,right:n||0};break;case u.TOP:l={top:r||0,left:s||0,right:n||0};break;default:l={bottom:i||0,left:s||0,right:n||0}}return v.value?t(t({},l),{},{margin:m.value,transform:b.value}):t(t({},l),{},{margin:m.value,transform:b.value,width:(null===(a=f.value)||void 0===a?void 0:a.width)||"auto"})});return{position:c,board:s,customStyle:f,getStyle:g}}export{n as useStyle};

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

@@ -32,6 +32,7 @@ export interface BoardCustomStyle {
     margin?: [string, string, string, string];
     fixed?: [string, string, string, string];
     color?: string;
+    width?: string;
 }
 export declare enum BoardPositionEnum {
     EAST = "east",
@@ -42,12 +43,8 @@ export declare enum BoardPositionEnum {
 }
 export type BoardPosition = typeof BoardPositionEnum[keyof typeof BoardPositionEnum];
 export declare const BoardProps: {
-    position: import("vue-types").VueTypeDef<"east" | "top" | "west" | "south" | "full"> & {
-        default: "east" | "top" | "west" | "south" | "full";
-    };
-    display: import("vue-types").VueTypeDef<"fixed" | "absolute"> & {
-        default: "fixed" | "absolute";
-    };
+    position: any;
+    display: any;
     resizable: {
         type: PropType<ResizableConfig>;
         default: () => {
@@ -66,25 +63,12 @@ export declare const BoardProps: {
     };
     board: {
         type: PropType<BoardState>;
-        default: () => {
-            items: any[];
-            index: number;
-            value: any;
-            state: string;
-        };
+        default: () => BoardState;
     };
     customStyle: {
         type: PropType<BoardCustomStyle>;
-        default: () => {
-            margin: any[];
-            fixed: any[];
-            color: string;
-        };
-    };
-    customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
-        default: string;
-    } & {
-        default: string;
+        default: () => BoardCustomStyle;
     };
+    customId: any;
 };
 export {};

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

@@ -1,56 +1,11 @@
-import propTypes from 'vue-types';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-var BoardPositionEnum;
-(function (BoardPositionEnum) {
-  BoardPositionEnum["EAST"] = "east";
-  BoardPositionEnum["TOP"] = "top";
-  BoardPositionEnum["WEST"] = "west";
-  BoardPositionEnum["SOUTH"] = "south";
-  BoardPositionEnum["FULL"] = "full";
-})(BoardPositionEnum || (BoardPositionEnum = {}));
-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() {
-      return {
-        items: [],
-        index: 0,
-        value: null,
-        state: 'spread'
-      };
-    }
-  },
-  customStyle: {
-    type: Object,
-    "default": function _default() {
-      return {
-        margin: [],
-        fixed: [],
-        color: 'red'
-      };
-    }
-  },
-  customId: propTypes.string.def('')
-};
-
-export { BoardPositionEnum, BoardProps };
+import e from"vue-types";var t=function(e){return e.EAST="east",e.TOP="top",e.WEST="west",e.SOUTH="south",e.FULL="full",e}({}),i={position:e.oneOf(["east","top","west","south","full"]).def("east"),display:e.oneOf(["fixed","absolute"]).def("fixed"),resizable:{type:Object,default:function(){return{minWidth:10,maxWidth:window.innerWidth,minHeight:10,maxHeight:window.innerHeight,handleWidth:8,handleZIndex:100,disable:!1}}},slotVisible:{type:Boolean,default:!0},board:{type:Object,default:function(){return{items:[],index:0,value:null,state:"spread"}}},customStyle:{type:Object,default:function(){return{margin:[],fixed:[],color:"red",width:"30rem"}}},customId:e.string.def("")};export{t as BoardPositionEnum,i as BoardProps};

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

@@ -1,5 +1,11 @@
-import script from './ClickOutSide.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.2
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-10 11:00:57
+ *     
+ *     
+ */
 
-script.__file = "src/components/ClickOutSide/src/ClickOutSide.vue";
-
-export { script as default };
+import e from"./ClickOutSide.vue2.js";e.__file="src/components/ClickOutSide/src/ClickOutSide.vue";export{e as default};