@vtx/components 4.0.0-beta.86 → 4.0.0-beta.88

package/es/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/es/vtx-modal/index.js

@@ -134,8 +134,8 @@ function VtxModal(props) {
     }
   };
 
-  /*
-   *重写title，加入对话框全屏功能
+  /*
+   *重写title，加入对话框全屏功能
    */
   title = function renderTitle() {
     if (typeof title == 'string' && title.indexOf('>') > -1) {

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

@@ -1,5 +1,5 @@
-/**
- * 基础布局
+/**
+ * 基础布局
  */
 import PropTypes from 'prop-types';
 import { useContext } from 'react';

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

@@ -5,9 +5,9 @@ import { useContext } from 'react';
 import { useStyle } from "./style";
 import { VtxProvider } from "../vtx-provider";
 
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 var Page = function Page(props) {
@@ -29,9 +29,9 @@ Page.propTypes = {
   children: PropTypes.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

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

@@ -24,9 +24,9 @@ var pagePaddingTop = 20;
 var searchMarginBottom = 20;
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 var Page = function Page(props) {
   var _useContext = useContext(VtxProvider),
@@ -74,17 +74,17 @@ Page.propTypes = {
   onSearchCollapse: PropTypes.func
 };
 
-/**
- * 搜索
+/**
+ * 搜索
  */
 var Search = container({
   componentClass: 'vtx-page-table-search'
 })(Basic);
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,
@@ -119,8 +119,8 @@ Content.propTypes = {
 };
 
 // eslint-disable-next-line valid-jsdoc
-/**
- * 表格布局
+/**
+ * 表格布局
  */
 var Table = function Table(props) {
   var className = props.className,

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

@@ -4,9 +4,9 @@ import { useContext } from 'react';
 import { useStyle } from "./style";
 import { VtxProvider } from "../vtx-provider";
 
-/**
- * 页面
- * @param {*} props
+/**
+ * 页面
+ * @param {*} props
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 var Page = function Page(props) {
@@ -28,9 +28,9 @@ Page.propTypes = {
   children: PropTypes.node
 };
 
-/**
- * 内容
- * @param {*} props
+/**
+ * 内容
+ * @param {*} props
  */
 var Content = function Content(props) {
   var className = props.className,

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

@@ -14,8 +14,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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); }
-/**
- * 高阶组件
+/**
+ * 高阶组件
  */
 import React from 'react';
 import PropTypes from 'prop-types';

package/es/vtx-provider/index.js

@@ -46,11 +46,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
  */
 export var isNeedOpenHash = function isNeedOpenHash() {
   var _process$env$NODE_ENV, _process$env$NODE_ENV2;
@@ -85,10 +85,10 @@ export var VtxConfigContext = /*#__PURE__*/React.createContext({
 });
 var ConfigConsumer = VtxConfigContext.Consumer;
 
-/**
- * 组件解除挂载后清空一下 cache
- * @date 2022-11-28
- * @returns null
+/**
+ * 组件解除挂载后清空一下 cache
+ * @date 2022-11-28
+ * @returns null
  */
 export { ConfigConsumer };
 var CacheClean = function CacheClean() {
@@ -102,10 +102,10 @@ var CacheClean = function CacheClean() {
   return null;
 };
 
-/**
- * 用于配置 Pro 的组件,分装之后会简单一些
- * @param props
- * @returns
+/**
+ * 用于配置 Pro 的组件,分装之后会简单一些
+ * @param props
+ * @returns
  */
 var ConfigProviderContainer = function ConfigProviderContainer(props) {
   var _antdTheme$useToken;
@@ -124,17 +124,17 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   var tokenContext = (_antdTheme$useToken = antdTheme.useToken) === null || _antdTheme$useToken === void 0 ? void 0 : _antdTheme$useToken.call(antdTheme);
   var proProvide = 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 = useMemo(function () {
     return getLayoutDesignToken(propsToken || {}, tokenContext.token);
@@ -231,10 +231,10 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
   });
 };
 
-/**
- * 用于配置 一些全局性的东西
- * @param props
- * @returns
+/**
+ * 用于配置 一些全局性的东西
+ * @param props
+ * @returns
  */
 export var VtxConfigProvider = function VtxConfigProvider(props) {
   var _theme$components, _theme$components2;
@@ -299,13 +299,13 @@ export var VtxConfigProvider = function VtxConfigProvider(props) {
   }));
 };
 
-/**
- * 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.
  */
 export function useIntl() {
   var _useContext3 = useContext(AntdConfigProvider.ConfigContext),

package/es/vtx-provider/intl.js

@@ -33,11 +33,11 @@ import zhCN from "./locale/zh_CN";
 import zhHK from "./locale/zh_HK";
 import zhTW from "./locale/zh_TW";
 
-/**
- * 创建一个国际化的操作函数
- *
- * @param locale
- * @param localeMap
+/**
+ * 创建一个国际化的操作函数
+ *
+ * @param locale
+ * @param localeMap
  */
 export var createIntl = function createIntl(locale, localeMap) {
   return {
@@ -125,10 +125,10 @@ var intlMap = {
 };
 var intlMapKeys = Object.keys(intlMap);
 
-/**
- * 根据 antd 的 key 来找到的 locale 插件的 key
- *
- * @param localeKey
+/**
+ * 根据 antd 的 key 来找到的 locale 插件的 key
+ *
+ * @param localeKey
  */
 export var findIntlKeyByAntdLocaleKey = function findIntlKeyByAntdLocaleKey(localeKey) {
   var localeName = (localeKey || 'zh-CN').toLocaleLowerCase();

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

@@ -10,23 +10,23 @@ import { ConfigProvider as AntdConfigProvider, theme as antdTheme } from 'antd';
 import { useContext } from 'react';
 import { VtxProvider } from "../index";
 
-/**
- * 把一个颜色设置一下透明度
- * @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}
  */
 export var setAlpha = function setAlpha(baseColor, alpha) {
   return new 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}
  */
 export var lighten = function lighten(baseColor, brightness) {
   var instance = new TinyColor(baseColor);
@@ -61,11 +61,11 @@ export var operationUnit = function operationUnit(token) {
   };
 };
 
-/**
- * 封装了一下 antd 的 useStyle
- * @param componentName {string} 组件的名字
- * @param styleFn {GenerateStyle} 生成样式的函数
- * @returns UseStyleResult
+/**
+ * 封装了一下 antd 的 useStyle
+ * @param componentName {string} 组件的名字
+ * @param styleFn {GenerateStyle} 生成样式的函数
+ * @returns UseStyleResult
  */
 export function useStyle(componentName, styleFn) {
   var _token$vtxComponentsC;

package/es/vtx-tree-select/index.js

@@ -18,15 +18,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Button, Empty, Popover, Tag, TreeSelect, ConfigProvider, Space } from 'antd';
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
 import { DownOutlined, MoreOutlined } from '@ant-design/icons';
+import { useSize } from 'ahooks';
+import { Button, Empty, Popover, Space, Tag, TreeSelect } from 'antd';
 import classnames from 'classnames';
 import pull from 'lodash-es/pull';
-import { useStyle } from "./style/index";
-import { useSize } from 'ahooks';
+import PropTypes from 'prop-types';
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import VtxIcon from "../vtx-icon";
 import { VtxProvider, useIntl } from "../vtx-provider";
+import { useStyle } from "./style/index";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -40,9 +41,9 @@ var VtxTreeSelect = function VtxTreeSelect(_ref) {
     style = _ref.style,
     _ref$fieldNames = _ref.fieldNames,
     fieldNames = _ref$fieldNames === void 0 ? {
-      label: "title",
-      value: "value",
-      key: "value",
+      label: 'title',
+      value: 'value',
+      key: 'value',
       children: 'children'
     } : _ref$fieldNames,
     onChange = _ref.onChange,
@@ -188,6 +189,10 @@ var VtxTreeSelect = function VtxTreeSelect(_ref) {
           showLeafIcon: false
         },
         switcherIcon: /*#__PURE__*/_jsx(DownOutlined, {}),
+        suffixIcon: /*#__PURE__*/_jsx(VtxIcon, {
+          type: "downOutlined",
+          fileType: "svg"
+        }),
         multiple: multiple,
         treeCheckable: treeCheckable,
         className: classnames("".concat(prefixCls, " ").concat(props.prefixCls), hashId),

package/es/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;
+    }
+}

package/lib/utils/components/LabelIconTip/index.js

@@ -18,13 +18,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 _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); } /**
- * 在 form 的 label 后面增加一个 tips 来展示一些说明文案
- * @param {Object} props
- * @param {React.ReactNode} props.label
- * @param {React.ReactNode} [props.subTitle]
- * @param {string|Object} [props.tooltip]
- * @param {boolean|Object} [props.ellipsis]
+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); } /**
+ * 在 form 的 label 后面增加一个 tips 来展示一些说明文案
+ * @param {Object} props
+ * @param {React.ReactNode} props.label
+ * @param {React.ReactNode} [props.subTitle]
+ * @param {string|Object} [props.tooltip]
+ * @param {boolean|Object} [props.ellipsis]
  */
 var LabelIconTip = exports.LabelIconTip = /*#__PURE__*/_react.default.memo(function (props) {
   var label = props.label,