@vtx/components 4.0.0-beta.93 → 4.0.0-beta.94

package/lib/vtx-date-picker/style/index.less

@@ -1,39 +1,39 @@
-@prefix-cls: vtx-qdate;
-
-.@{prefix-cls} {
-    &-wrap {
-        position: relative;
-
-        .ant-calendar-picker-input {
-            color: transparent;
-        }
-    }
-
-    &-input-wrap {
-        position: absolute;
-        top: 50%;
-        left: 12px;
-        margin-top: -16px;
-    }
-
-    &-extra-footer {
-        text-align: center;
-    }
-
-    &-text-year:hover,
-    &-text-date:hover,
-    &-text-month:hover,
-    &-text-time:hover {
-        text-decoration: underline;
-        cursor: pointer;
-    }
-
-    &-text-time::before {
-        content: ' ';
-    }
-
-    &-text-month:not(:first-child)::before,
-    &-text-date:not(:first-child)::before {
-        content: '-';
-    }
-}
+@prefix-cls: vtx-qdate;
+
+.@{prefix-cls} {
+    &-wrap {
+        position: relative;
+
+        .ant-calendar-picker-input {
+            color: transparent;
+        }
+    }
+
+    &-input-wrap {
+        position: absolute;
+        top: 50%;
+        left: 12px;
+        margin-top: -16px;
+    }
+
+    &-extra-footer {
+        text-align: center;
+    }
+
+    &-text-year:hover,
+    &-text-date:hover,
+    &-text-month:hover,
+    &-text-time:hover {
+        text-decoration: underline;
+        cursor: pointer;
+    }
+
+    &-text-time::before {
+        content: ' ';
+    }
+
+    &-text-month:not(:first-child)::before,
+    &-text-date:not(:first-child)::before {
+        content: '-';
+    }
+}

package/lib/vtx-export/index.js

@@ -78,10 +78,10 @@ var VtxExport = exports.VtxExport = function VtxExport(props) {
   }
 
   // eslint-disable-next-line valid-jsdoc
-  /**
-   * 发送http请求
-   * @param {Object} postData api参数
-   * @return reponse
+  /**
+   * 发送http请求
+   * @param {Object} postData api参数
+   * @return reponse
    */
   function requestToResponse(postData) {
     var params = {
@@ -142,10 +142,10 @@ var VtxExport = exports.VtxExport = function VtxExport(props) {
       downloadByATag(window.URL.createObjectURL(blob), filename);
     }
   }
-  /**
-   * 通过a标签模拟下载
-   * @param {String} href
-   * @param {String} filename
+  /**
+   * 通过a标签模拟下载
+   * @param {String} href
+   * @param {String} filename
    */
   function downloadByATag(href, filename) {
     var a = document.createElement('a');

package/lib/vtx-icon/index.js1

@@ -1,90 +1,90 @@
-import { lazy, memo, Suspense, useMemo } from 'react';
-import AlignRightOutlined from './svg/alignRightOutlined.js';
-import ColumnHeightOutlined from './svg/columnHeightOutlined.js';
-import DownOutlined from './svg/downOutlined.js';
-import Fullscreen from './svg/fullscreen.js';
-import RedoOutlined from './svg/redoOutlined.js';
-import RightOutlined from './svg/rightOutlined.js';
-import SettingOutlined from './svg/settingOutlined.js';
-
-
-const iconComponents = {
-    alignRightOutlined: AlignRightOutlined,
-    columnHeightOutlined: ColumnHeightOutlined,
-    downOutlined: DownOutlined,
-    fullscreen: Fullscreen,
-    redoOutlined: RedoOutlined,
-    rightOutlined: RightOutlined,
-    settingOutlined: SettingOutlined,
-    // 低频图标如果确实需要，可以再考虑 lazy
-};
-
-// const iconComponents = {
-//     // 核心：添加你需要的所有图标， 动态导入有的组件会失败
-//     alignRightOutlined: lazy(() => import('./svg/alignRightOutlined.js')),
-//     columnHeightOutlined: lazy(() => import('./svg/columnHeightOutlined.js')),
-//     downOutlined: lazy(() => import('./svg/downOutlined.js')),
-//     fullscreen: lazy(() => import('./svg/fullscreen.js')),
-//     redoOutlined: lazy(() => import('./svg/redoOutlined.js')),
-//     rightOutlined: lazy(() => import('./svg/rightOutlined.js')),
-//     settingOutlined: lazy(() => import('./svg/settingOutlined.js')),
-//     // 新增其他图标...
-// };
-
-
-const VtxIcon = memo(({
-    type,
-    size = 16,
-    className = '',
-    style = {},
-    color,
-    fileType = 'webp',
-    ...props
-}) => {
-    const width = props.width || size;
-    const height = props.height || size;
-    if (!type) {
-        return null;
-    }
-    // const SvgComponent = useMemo(() => {
-    //     // 动态导入并缓存结果
-    //     return lazy(() => import(/* @vite-ignore */`./svg/${type}.js`));
-    // }, [type]);
-
-    const SvgComponent = useMemo(() => {
-        // 兜底：找不到对应图标时，返回一个空组件（避免报错）
-        return iconComponents[type] || lazy(() => Promise.resolve({ default: () => <svg width={width} height={height} /> }));
-    }, [type, width, height]);
-
-    // 默认返回空元素
-    if (fileType == 'svg') {
-        try {
-            // const SvgComponent = lazy(() => import(`./svg/${type}.js`));
-            return (
-                <Suspense fallback={<div style={{ width, height, ...style }} />}>
-                    <SvgComponent
-                        className={className}
-                        style={{ width, height, ...style }}
-                        fill={color}
-                        {...props}
-                    />
-                </Suspense>
-            );
-        } catch (error) {
-            // 如果动态导入失败，返回空的 SVG 元素
-            return (
-                <svg width={width} height={height} style={style} className={className} {...props} />
-            );
-        }
-    } else {
-        return (
-            // <img
-            //     src={require(`./assets/${type}.${fileType}`)}
-            //     style={{ width, height, ...style }}
-            // />
-            <></>
-        );
-    }
-});
-export { VtxIcon }
-export default VtxIcon;
+import { lazy, memo, Suspense, useMemo } from 'react';
+import AlignRightOutlined from './svg/alignRightOutlined.js';
+import ColumnHeightOutlined from './svg/columnHeightOutlined.js';
+import DownOutlined from './svg/downOutlined.js';
+import Fullscreen from './svg/fullscreen.js';
+import RedoOutlined from './svg/redoOutlined.js';
+import RightOutlined from './svg/rightOutlined.js';
+import SettingOutlined from './svg/settingOutlined.js';
+
+
+const iconComponents = {
+    alignRightOutlined: AlignRightOutlined,
+    columnHeightOutlined: ColumnHeightOutlined,
+    downOutlined: DownOutlined,
+    fullscreen: Fullscreen,
+    redoOutlined: RedoOutlined,
+    rightOutlined: RightOutlined,
+    settingOutlined: SettingOutlined,
+    // 低频图标如果确实需要，可以再考虑 lazy
+};
+
+// const iconComponents = {
+//     // 核心：添加你需要的所有图标， 动态导入有的组件会失败
+//     alignRightOutlined: lazy(() => import('./svg/alignRightOutlined.js')),
+//     columnHeightOutlined: lazy(() => import('./svg/columnHeightOutlined.js')),
+//     downOutlined: lazy(() => import('./svg/downOutlined.js')),
+//     fullscreen: lazy(() => import('./svg/fullscreen.js')),
+//     redoOutlined: lazy(() => import('./svg/redoOutlined.js')),
+//     rightOutlined: lazy(() => import('./svg/rightOutlined.js')),
+//     settingOutlined: lazy(() => import('./svg/settingOutlined.js')),
+//     // 新增其他图标...
+// };
+
+
+const VtxIcon = memo(({
+    type,
+    size = 16,
+    className = '',
+    style = {},
+    color,
+    fileType = 'webp',
+    ...props
+}) => {
+    const width = props.width || size;
+    const height = props.height || size;
+    if (!type) {
+        return null;
+    }
+    // const SvgComponent = useMemo(() => {
+    //     // 动态导入并缓存结果
+    //     return lazy(() => import(/* @vite-ignore */`./svg/${type}.js`));
+    // }, [type]);
+
+    const SvgComponent = useMemo(() => {
+        // 兜底：找不到对应图标时，返回一个空组件（避免报错）
+        return iconComponents[type] || lazy(() => Promise.resolve({ default: () => <svg width={width} height={height} /> }));
+    }, [type, width, height]);
+
+    // 默认返回空元素
+    if (fileType == 'svg') {
+        try {
+            // const SvgComponent = lazy(() => import(`./svg/${type}.js`));
+            return (
+                <Suspense fallback={<div style={{ width, height, ...style }} />}>
+                    <SvgComponent
+                        className={className}
+                        style={{ width, height, ...style }}
+                        fill={color}
+                        {...props}
+                    />
+                </Suspense>
+            );
+        } catch (error) {
+            // 如果动态导入失败，返回空的 SVG 元素
+            return (
+                <svg width={width} height={height} style={style} className={className} {...props} />
+            );
+        }
+    } else {
+        return (
+            // <img
+            //     src={require(`./assets/${type}.${fileType}`)}
+            //     style={{ width, height, ...style }}
+            // />
+            <></>
+        );
+    }
+});
+export { VtxIcon }
+export default VtxIcon;

package/lib/vtx-modal/index.js

@@ -15,6 +15,7 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 var _Title = _interopRequireDefault(require("./Title"));
 var _index = require("./style/index");
 var _antd = require("antd");
+var _lodashEs = require("lodash-es");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -141,8 +142,8 @@ function VtxModal(props) {
     }
   };
 
-  /*
-   *重写title，加入对话框全屏功能
+  /*
+   *重写title，加入对话框全屏功能
    */
   title = function renderTitle() {
     if (typeof title == 'string' && title.indexOf('>') > -1) {
@@ -193,11 +194,11 @@ function VtxModal(props) {
   //  废弃属性映射
   var legacyProps = {
     // 旧: bodyStyle  → 新: styles.body
-    styles: {
+    styles: (0, _lodashEs.merge)({
       body: _objectSpread(_objectSpread({}, props.bodyStyle), {}, {
         maxHeight: !isFull ? "".concat(window.innerHeight * 0.7, "px") : undefined
       })
-    },
+    }, props.styles),
     // 旧: destroyOnClose → 新: destroyOnHidden
     destroyOnHidden: (_props$destroyOnClose = props.destroyOnClose) !== null && _props$destroyOnClose !== void 0 ? _props$destroyOnClose : true
   };

package/lib/vtx-page-layout/Basic.js

@@ -10,8 +10,8 @@ var _style = require("./style");
 var _vtxProvider = require("../vtx-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 基础布局
+/**
+ * 基础布局
  */
 
 function Basic(props) {

package/lib/vtx-page-layout/TabLayout.js

@@ -12,9 +12,9 @@ var _style = require("./style");
 var _vtxProvider = require("../vtx-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */var Page = function Page(props) {
   var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
     getPrefixCls = _useContext.getPrefixCls;
@@ -34,9 +34,9 @@ Page.propTypes = {
   children: _propTypes.default.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

package/lib/vtx-page-layout/TableLayout.js

@@ -33,9 +33,9 @@ var pagePaddingTop = 20;
 var searchMarginBottom = 20;
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 var Page = function Page(props) {
   var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
@@ -83,17 +83,17 @@ Page.propTypes = {
   onSearchCollapse: _propTypes.default.func
 };
 
-/**
- * 搜索
+/**
+ * 搜索
  */
 var Search = (0, _container.default)({
   componentClass: 'vtx-page-table-search'
 })(_Basic.default);
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,
@@ -128,8 +128,8 @@ Content.propTypes = {
 };
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 表格布局
+/**
+ * 表格布局
  */
 var Table = function Table(props) {
   var className = props.className,

package/lib/vtx-page-layout/TreeLayout.js

@@ -11,9 +11,9 @@ var _style = require("./style");
 var _vtxProvider = require("../vtx-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */var Page = function Page(props) {
   var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
     getPrefixCls = _useContext.getPrefixCls;
@@ -33,9 +33,9 @@ Page.propTypes = {
   children: _propTypes.default.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

package/lib/vtx-page-layout/container.js

@@ -24,8 +24,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
- * 高阶组件
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
+ * 高阶组件
  */
 function getDisplayName(WrappedComponend) {
   return WrappedComponend.displayName || WrappedComponend.name || 'Component';

package/lib/vtx-provider/index.js

@@ -82,11 +82,11 @@ var omitUndefined = function omitUndefined(obj) {
   return newObj;
 };
 
-/**
- * 用于判断当前是否需要开启哈希（Hash）模式。
- * 首先也会判断当前是否处于测试环境中（通过 process.env.NODE_ENV === 'TEST' 判断），
- * 如果是，则返回 false。否则，直接返回 true 表示需要打开。
- * @returns
+/**
+ * 用于判断当前是否需要开启哈希（Hash）模式。
+ * 首先也会判断当前是否处于测试环境中（通过 process.env.NODE_ENV === 'TEST' 判断），
+ * 如果是，则返回 false。否则，直接返回 true 表示需要打开。
+ * @returns
  */
 var isNeedOpenHash = exports.isNeedOpenHash = function isNeedOpenHash() {
   var _process$env$NODE_ENV, _process$env$NODE_ENV2;
@@ -121,10 +121,10 @@ var VtxConfigContext = exports.VtxConfigContext = /*#__PURE__*/_react.default.cr
 });
 var ConfigConsumer = exports.ConfigConsumer = VtxConfigContext.Consumer;
 
-/**
- * 组件解除挂载后清空一下 cache
- * @date 2022-11-28
- * @returns null
+/**
+ * 组件解除挂载后清空一下 cache
+ * @date 2022-11-28
+ * @returns null
  */
 var CacheClean = function CacheClean() {
   var _useSWRConfig = (0, _swr.useSWRConfig)(),
@@ -137,10 +137,10 @@ var CacheClean = function CacheClean() {
   return null;
 };
 
-/**
- * 用于配置 Pro 的组件,分装之后会简单一些
- * @param props
- * @returns
+/**
+ * 用于配置 Pro 的组件,分装之后会简单一些
+ * @param props
+ * @returns
  */
 var ConfigProviderContainer = function ConfigProviderContainer(props) {
   var _antdTheme$useToken;
@@ -159,17 +159,17 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   var tokenContext = (_antdTheme$useToken = _antd.theme.useToken) === null || _antdTheme$useToken === void 0 ? void 0 : _antdTheme$useToken.call(_antd.theme);
   var proProvide = (0, _react.useContext)(VtxConfigContext);
 
-  /**
-   * pro 的 类
-   * @type {string}
-   * @example .ant-pro
+  /**
+   * pro 的 类
+   * @type {string}
+   * @example .ant-pro
    */
 
   var vtxComponentsCls = prefixCls ? ".".concat(prefixCls) : ".vtx";
   var antCls = '.' + getPrefixCls();
   var salt = "".concat(vtxComponentsCls);
-  /**
-   * 合并一下token，不然导致嵌套 token 失效
+  /**
+   * 合并一下token，不然导致嵌套 token 失效
    */
   var proLayoutTokenMerge = (0, _react.useMemo)(function () {
     return (0, _layoutToken.getLayoutDesignToken)(propsToken || {}, tokenContext.token);
@@ -266,10 +266,10 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   });
 };
 
-/**
- * 用于配置 一些全局性的东西
- * @param props
- * @returns
+/**
+ * 用于配置 一些全局性的东西
+ * @param props
+ * @returns
  */
 var VtxConfigProvider = exports.VtxConfigProvider = function VtxConfigProvider(props) {
   var _theme$components, _theme$components2;
@@ -334,13 +334,13 @@ var VtxConfigProvider = exports.VtxConfigProvider = function VtxConfigProvider(p
   }));
 };
 
-/**
- * It returns the intl object from the context if it exists, otherwise it returns the intl object for
- * 获取国际化的方法
- * @param locale
- * @param localeMap
- * the current locale
- * @returns The return value of the function is the intl object.
+/**
+ * It returns the intl object from the context if it exists, otherwise it returns the intl object for
+ * 获取国际化的方法
+ * @param locale
+ * @param localeMap
+ * the current locale
+ * @returns The return value of the function is the intl object.
  */
 function useIntl() {
   var _useContext3 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),

package/lib/vtx-provider/intl.js

@@ -39,11 +39,11 @@ var _zh_CN = _interopRequireDefault(require("./locale/zh_CN"));
 var _zh_HK = _interopRequireDefault(require("./locale/zh_HK"));
 var _zh_TW = _interopRequireDefault(require("./locale/zh_TW"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 创建一个国际化的操作函数
- *
- * @param locale
- * @param localeMap
+/**
+ * 创建一个国际化的操作函数
+ *
+ * @param locale
+ * @param localeMap
  */
 var createIntl = exports.createIntl = function createIntl(locale, localeMap) {
   return {
@@ -131,10 +131,10 @@ var intlMap = exports.intlMap = {
 };
 var intlMapKeys = exports.intlMapKeys = Object.keys(intlMap);
 
-/**
- * 根据 antd 的 key 来找到的 locale 插件的 key
- *
- * @param localeKey
+/**
+ * 根据 antd 的 key 来找到的 locale 插件的 key
+ *
+ * @param localeKey
  */
 var findIntlKeyByAntdLocaleKey = exports.findIntlKeyByAntdLocaleKey = function findIntlKeyByAntdLocaleKey(localeKey) {
   var localeName = (localeKey || 'zh-CN').toLocaleLowerCase();

package/lib/vtx-provider/useStyle/index.js

@@ -16,23 +16,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * 把一个颜色设置一下透明度
- * @example (#fff, 0.5) => rgba(255, 255, 255, 0.5)
- * @param baseColor {string}
- * @param alpha {0-1}
- * @returns rgba {string}
+/**
+ * 把一个颜色设置一下透明度
+ * @example (#fff, 0.5) => rgba(255, 255, 255, 0.5)
+ * @param baseColor {string}
+ * @param alpha {0-1}
+ * @returns rgba {string}
  */
 var setAlpha = exports.setAlpha = function setAlpha(baseColor, alpha) {
   return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
 };
 
-/**
- * 把一个颜色修改一些明度
- * @example (#000, 50) => #808080
- * @param baseColor {string}
- * @param brightness {0-100}
- * @returns hexColor {string}
+/**
+ * 把一个颜色修改一些明度
+ * @example (#000, 50) => #808080
+ * @param baseColor {string}
+ * @param brightness {0-100}
+ * @returns hexColor {string}
  */
 var lighten = exports.lighten = function lighten(baseColor, brightness) {
   var instance = new _tinycolor.TinyColor(baseColor);
@@ -67,11 +67,11 @@ var operationUnit = exports.operationUnit = function operationUnit(token) {
   };
 };
 
-/**
- * 封装了一下 antd 的 useStyle
- * @param componentName {string} 组件的名字
- * @param styleFn {GenerateStyle} 生成样式的函数
- * @returns UseStyleResult
+/**
+ * 封装了一下 antd 的 useStyle
+ * @param componentName {string} 组件的名字
+ * @param styleFn {GenerateStyle} 生成样式的函数
+ * @returns UseStyleResult
  */
 function useStyle(componentName, styleFn) {
   var _token$vtxComponentsC;

package/lib/vtx-wang-editor/style/index.less

@@ -1,12 +1,12 @@
-
-
-.vtx-wang-editor {
-    border: @border-width-base @border-style-base @border-color-base;
-    &.w-e-full-screen-container {
-        z-index: 999999;
-    }
-    &-content {
-        height: 350px;
-        border-top: @border-width-base @border-style-base @border-color-base;
-    }
-}
+
+
+.vtx-wang-editor {
+    border: @border-width-base @border-style-base @border-color-base;
+    &.w-e-full-screen-container {
+        z-index: 999999;
+    }
+    &-content {
+        height: 350px;
+        border-top: @border-width-base @border-style-base @border-color-base;
+    }
+}