@teamix/pro 1.4.0 → 1.4.3

package/lib/form/Filter/Layout.js

@@ -9,8 +9,6 @@ exports.QueryFilterLayout = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _components = require("@alicloudfe/components");
 
 var _icon = _interopRequireDefault(require("@teamix/icon"));
@@ -53,9 +51,7 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
       expand = _ref.expand,
       onExpand = _ref.onExpand,
       children = _ref.children;
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-query-filter-layout'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter-layout');
 
   var _useState = (0, _react.useState)(!!expand),
       _useState2 = _slicedToArray(_useState, 2),
@@ -67,15 +63,15 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(!visible);
   }, [visible]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(prefixCls, className)
+    className: (0, _utils.cls)(prefixCls(), className)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-inline")
+    className: prefixCls('inline')
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-left")
+    className: prefixCls('left')
   }, addonBefore ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-addonBefore")
+    className: prefixCls('addonBefore')
   }, addonBefore) : null, inlineContent, (0, _utils.isValid)(panelContent) ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-toggle")
+    className: prefixCls('toggle')
   }, /*#__PURE__*/_react.default.createElement(_components.Badge, {
     count: count,
     style: _objectSpread({
@@ -91,11 +87,13 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
   }) : /*#__PURE__*/_react.default.createElement(_icon.default, {
     type: "filter-line"
   }), (0, _utils.getMessage)('advancedFilter')))) : null), addonAfter ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-addonAfter")
+    className: prefixCls('addonAfter')
   }, addonAfter) : null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-panel"), visible && (0, _utils.isValid)(panelContent) ? '' : "".concat(prefixCls, "-panel-hidden"))
+    className: (0, _utils.cls)(prefixCls('panel', {
+      'panel-hidden': !(visible && (0, _utils.isValid)(panelContent))
+    }))
   }, panelContent), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-children")
+    className: prefixCls('children')
   }, children));
 };
 

package/lib/form/Filter/LightFilter.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactive = require("@formily/reactive");
 
 var _utils = require("@teamix/utils");
@@ -51,9 +49,7 @@ var LightFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var filterValue = (0, _react.useRef)(defaultFilterValue || (schema === null || schema === void 0 ? void 0 : (_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.name));
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-query-filter-light'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter-light');
   var lightFilterObs = (0, _react.useMemo)(function () {
     return (0, _reactive.observable)({
       onFilter: function onFilter() {}
@@ -115,7 +111,7 @@ var LightFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
       lightFilterObs: lightFilterObs
     }),
     form: form,
-    className: (0, _classnames.default)(prefixCls, props.className),
+    className: (0, _utils.cls)(prefixCls(), props.className),
     schema: LightSchema,
     feedbackLayout: "none",
     breakpoints: [],

package/lib/form/Filter/SimpleFilter.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@teamix/utils");
 
 var _ProForm = _interopRequireDefault(require("../ProForm"));
@@ -69,9 +67,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
       onSubmit = props.onSubmit,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-query-filter-simple'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter-simple');
 
   var _initializeSearch = initializeSearch(schema),
       searchName = _initializeSearch.searchName,
@@ -112,7 +108,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
     searchValue.current = (0, _utils.isValid)(searchDefaultValue) ? searchDefaultValue : '';
   }, []);
   return /*#__PURE__*/_react.default.createElement(_ProForm.default, _objectSpread(_objectSpread({}, otherProps), {}, {
-    className: (0, _classnames.default)(prefixCls, props.className),
+    className: (0, _utils.cls)(prefixCls(), props.className),
     schema: simpleSchema,
     feedbackLayout: "popover",
     breakpoints: [],

package/lib/form/Filter/index.js

@@ -15,8 +15,6 @@ Object.defineProperty(exports, "QueryFilterLayout", {
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 
 var _components = require("@alicloudfe/components");
@@ -128,9 +126,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
   var currentFormName = (0, _react.useRef)(defaultFormName);
   var currentForm = (0, _react.useRef)();
   var activeFilterValueRef = (0, _react.useRef)();
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-query-filter'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter');
   var debounceFun = (0, _lodash.default)(function (fun, props) {
     return fun(props);
   }, filterDebounce); // 绑定URL
@@ -544,14 +540,16 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
     setCurrentForm(currentFormName.current);
   }, []);
   return /*#__PURE__*/_react.default.createElement(_Layout.QueryFilterLayout, {
-    className: (0, _classnames.default)(prefixCls, props.className),
+    className: (0, _utils.cls)(prefixCls(), props.className),
     addonBefore: addonBefore,
     addonAfter: addonAfter,
     expand: panelVisible,
     onExpand: toggleAdvancedFilter,
     count: tagDataSource.length,
     inlineContent: mode === 'panel' ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(prefixCls, "-inline"), purePanel || hasRequired ? "".concat(prefixCls, "-inline-hidden") : '')
+      className: (0, _utils.cls)(prefixCls('inline', {
+        'inline-hidden': purePanel || hasRequired
+      }))
     }, /*#__PURE__*/_react.default.createElement(_LightFilter.default, _objectSpread(_objectSpread({}, otherProps), {}, {
       defaultFilterValue: defaultFilterValue,
       filterValues: filterValues,
@@ -559,7 +557,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
       form: lightForm,
       onChange: onLightChange
     }))) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-inline")
+      className: prefixCls('inline')
     }, /*#__PURE__*/_react.default.createElement(_SimpleFilter.default, _objectSpread(_objectSpread({}, otherProps), {}, {
       form: simpleForm,
       onChange: onSimpleChange,
@@ -585,9 +583,9 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
         return onTagClose(key, index);
       }
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(prefixCls, "-tag-title")
+      className: prefixCls('tag-title')
     }, label), /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(prefixCls, "-tag-content")
+      className: prefixCls('tag-content')
     }, /*#__PURE__*/_react.default.createElement(_index.default, {
       type: type,
       value: value

package/lib/form/Filter/index2.js

@@ -9,8 +9,6 @@ exports.default = exports.SimpleFilter = exports.AdvancedFilter = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@teamix/utils");
 
 var _core = require("@formily/core");
@@ -76,9 +74,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
       onFilter = props.onFilter,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-filter-simple'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-filter-simple');
   var simpleSchema = (0, _react.useMemo)(function () {
     return [{
       component: 'FormFlex',
@@ -103,7 +99,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
     breakpoints: [],
     inset: true
   }, otherProps), eventProps), {}, {
-    className: (0, _classnames.default)(prefixCls, props.className),
+    className: (0, _utils.cls)(prefixCls(), props.className),
     schema: simpleSchema
   }));
 });
@@ -128,9 +124,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
       wrapperAlign = props.wrapperAlign,
       labelCol = props.labelCol,
       wrapperCol = props.wrapperCol;
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-filter-advanced'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-filter-advanced');
   var gridSchema = (0, _react.useMemo)(function () {
     return [{
       name: 'FormGrid',
@@ -190,7 +184,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
     feedbackLayout: "popover"
   }, props), eventProps), getTeamixLayout), {}, {
     form: form,
-    className: (0, _classnames.default)(prefixCls, props.className),
+    className: (0, _utils.cls)(prefixCls(), props.className),
     schema: gridSchema,
     onSubmit: onFilter
   }));

package/lib/form/ProForm/index.d.ts

@@ -1,4 +1,5 @@
-import type { ComposedProForm } from '../typing';
+import React from 'react';
+import type { ProFormProps } from '../typing';
 import './index.scss';
-declare const ProForm: ComposedProForm;
+declare const ProForm: React.FC<ProFormProps>;
 export default ProForm;

package/lib/form/ProForm/index.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@teamix/utils");
 
 var _core = require("@formily/core");
@@ -39,13 +37,11 @@ var _useAutoSubmit = _interopRequireDefault(require("./useAutoSubmit"));
 
 var _useInitialRequest = _interopRequireDefault(require("./useInitialRequest"));
 
-var _useFieldSchema = _interopRequireDefault(require("./useFieldSchema"));
-
 var _validate = _interopRequireDefault(require("../locales/validate"));
 
 require("./index.scss");
 
-var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst"];
+var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -112,6 +108,8 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       onInitialComplete = _ref.onInitialComplete,
       className = _ref.className,
       validateFirst = _ref.validateFirst,
+      schema = _ref.schema,
+      children = _ref.children,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   // 获取全局配置
@@ -124,14 +122,11 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       validateFirst: validateFirst
     });
   }, []);
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form'); // 由于Actions需要，解构context供使用。原context键名的上下文继续保留。
 
-  var mergedScope = _objectSpread(_objectSpread(_objectSpread({}, globalScope), scope), {}, {
+  var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
     context: context
-  }); // context需要实名不能解构
-
+  });
 
   var mergedComponents = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, globalComponents), components), formilyComponents), _ProField.default);
 
@@ -154,7 +149,6 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       wrapperCol: (0, _utils2.mergeArrayValue)([24], wrapperCol)
     };
   }, [breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
-  var schema = (0, _useFieldSchema.default)(otherProps);
   (0, _react.useMemo)(function () {
     // 配置表单默认值
     if (initialValues) {
@@ -193,7 +187,7 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }
   }, [onChange]);
   return /*#__PURE__*/_react.default.createElement(_formily.Form, _objectSpread(_objectSpread(_objectSpread({
-    className: (0, _classnames.default)(prefixCls, className)
+    className: (0, _utils.cls)(prefixCls(), className)
   }, otherProps), getTeamixLayout), {}, {
     form: form,
     onAutoSubmit: onAutoSubmit,
@@ -202,15 +196,8 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     schema: schema,
     scope: mergedScope,
     components: mergedComponents
-  }) : null, otherProps === null || otherProps === void 0 ? void 0 : otherProps.children);
+  }) : null, children);
 });
-
-var Field = function Field() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-};
-
-Field.displayName = 'ProFormField';
-ProForm.Field = Field;
 ProForm.defaultProps = {
   colon: false,
   labelAlign: 'left',

package/lib/form/SchemaForm/initializeSelectTable.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@teamix/utils");
 
 var _pureGenProColumnToColumn = _interopRequireDefault(require("../../table/utils/pureGenProColumnToColumn"));
@@ -96,15 +94,13 @@ var initialize = function initialize(item) {
   var _item$children = item.children,
       children = _item$children === void 0 ? [] : _item$children,
       props = item.props;
-  var prefixCls = (0, _utils.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-select-table-column-tree'
-  });
+  var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-select-table-column-tree');
   var columns = props === null || props === void 0 ? void 0 : (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map(function (value, index) {
     var column = adapterContext(value);
 
     if ((props === null || props === void 0 ? void 0 : props.isTree) && index === 0) {
       return _objectSpread(_objectSpread({}, column), {}, {
-        className: (0, _classnames.default)(column.className, prefixCls)
+        className: (0, _utils.cls)(prefixCls(), column.className)
       });
     }
 

package/lib/form/typing.d.ts

@@ -78,9 +78,6 @@ export interface ProFormProps extends IFormLayoutProps {
     onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
     onInitialComplete?: (form: FormType) => void;
 }
-export declare type ComposedProForm = React.FC<ProFormProps> & {
-    Field?: React.FC<any>;
-};
 export interface FilterProps extends ProFormProps {
     form: FormType;
     defaultFilterValue?: string;

package/lib/index.d.ts

@@ -27,5 +27,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.3.17";
+declare const version = "1.4.3";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -307,5 +307,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // 设置图标源
 _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
-var version = '1.3.17';
+var version = '1.4.3';
 exports.version = version;

package/lib/info/components/InfoValueItem/index.js

@@ -63,7 +63,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-info');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-info');
 var toJS = _form.formilyReactive.toJS;
 
 var InfoValueItem = function InfoValueItem(props) {

package/lib/info/components/ProInfoItem/index.js

@@ -13,11 +13,13 @@ var _utils = require("@teamix/utils");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _field = require("../../../field");
+
 require("./index.scss");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-field-info-form-item');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-field-info-form-item');
 var Row = _components.Grid.Row,
     Col = _components.Grid.Col;
 
@@ -41,9 +43,9 @@ var ProInfoItem = function ProInfoItem(prop) {
     }, /*#__PURE__*/_react.default.createElement(Col, {
       span: labelCol === null || labelCol === void 0 ? void 0 : labelCol.span,
       className: cls('label')
-    }, /*#__PURE__*/_react.default.createElement(_utils.Ellipsis, {
+    }, /*#__PURE__*/_react.default.createElement(_field.Ellipsis, {
       tooltip: label
-    }, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
+    }, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
       label: label,
       tooltip: tooltip,
       icon: tooltipIcon
@@ -64,7 +66,7 @@ var ProInfoItem = function ProInfoItem(prop) {
       className: cls('header-row')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: cls('header-label')
-    }, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
+    }, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
       label: label,
       tooltip: tooltip,
       icon: tooltipIcon

package/lib/info/components/tableInfo/index.js

@@ -13,13 +13,13 @@ require("./index.scss");
 
 var _components = require("@alicloudfe/components");
 
-var _utils = require("@teamix/utils");
+var _field = require("../../../field");
 
 var _InfoValueItem = _interopRequireDefault(require("../InfoValueItem"));
 
 var _2 = require("../../..");
 
-var _utils2 = require("../../utils");
+var _utils = require("../../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -80,7 +80,7 @@ var ProTableInfo = function ProTableInfo(props) {
 
     return /*#__PURE__*/_react.default.createElement(_InfoValueItem.default, {
       type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
-      value: (0, _utils2.getDataIndexValue)(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result),
+      value: (0, _utils.getDataIndexValue)(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result),
       render: item.render,
       dataSource: item.dataSource,
       infoItem: item,
@@ -129,7 +129,7 @@ var ProTableInfo = function ProTableInfo(props) {
       var itemData = filterColumns.map(function (item, index) {
         var _item$title, _data;
 
-        var data = (_data = {}, _defineProperty(_data, "label_".concat(index), /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
+        var data = (_data = {}, _defineProperty(_data, "label_".concat(index), /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
           label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
           tooltip: item.tooltip,
           icon: item.tooltipIcon

package/lib/nocode/pages/editor.js

@@ -17,7 +17,7 @@ var _ = require(".");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-pager');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-pager');
 
 var PageEditor = function PageEditor(props) {
   var type = props.type,

package/lib/nocode/pages/playground.js

@@ -51,7 +51,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.baseClass)('teamix-nocode');
+var cls = (0, _utils.usePrefixCls)('teamix-nocode');
 
 var PagePlayground = function PagePlayground(props) {
   var _useState = (0, _react.useState)(undefined),

package/lib/nocode/pages/renderer.js

@@ -57,7 +57,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var cls = (0, _utils.baseClass)('teamix-nocode');
+var cls = (0, _utils.usePrefixCls)('teamix-nocode');
 
 var Loading = function Loading(props) {
   return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _objectSpread({

package/lib/nocode/playground.js

@@ -37,7 +37,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.baseClass)('teamix-nocode-playground');
+var cls = (0, _utils.usePrefixCls)('teamix-nocode-playground');
 
 var PlayGroundLayout = function PlayGroundLayout(props) {
   return /*#__PURE__*/_react.default.createElement("div", {

package/lib/page-header/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ItemProps } from '@alicloudfe/components/types/breadcrumb';
-import { LinkPath, ProTagItem, CapsuleTabType } from '@teamix/utils';
+import { LinkPath } from '@teamix/utils';
+import { CapsuleTabType, ProTagItem } from '../field';
 import { ProActionGroupProps } from '../actions';
 import { ProInfoProps } from '../info';
 import './index.scss';

package/lib/page-header/index.js

@@ -17,6 +17,8 @@ var _components = require("@alicloudfe/components");
 
 var _utils = require("@teamix/utils");
 
+var _field = require("../field");
+
 var _actions = require("../actions");
 
 var _skeleton = require("../skeleton");
@@ -41,7 +43,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-page-header');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-page-header');
 var Tooltip = _components.Balloon.Tooltip;
 
 var renderNav = function renderNav(breadcrumbs) {
@@ -145,7 +147,7 @@ var renderInfo = function renderInfo(info) {
 
 var renderTabs = function renderTabs(tabs) {
   if (tabs) {
-    return /*#__PURE__*/_react.default.createElement(_utils.CapsuleTab, _objectSpread({}, tabs));
+    return /*#__PURE__*/_react.default.createElement(_field.CapsuleTab, _objectSpread({}, tabs));
   }
 
   return null;
@@ -229,7 +231,7 @@ var ProPageHeader = function ProPageHeader(props) {
         size: "xs"
       })),
       align: "t"
-    }, titleTooltip)), (0, _utils.renderTags)(tags, 'large'), renderTabs(tabs !== null && tabs !== void 0 ? tabs : {}));
+    }, titleTooltip)), (0, _field.renderTags)(tags, 'large'), renderTabs(tabs !== null && tabs !== void 0 ? tabs : {}));
   };
 
   return /*#__PURE__*/_react.default.createElement("header", _objectSpread({

package/lib/sidebar/components/sidebar-container/index.js

@@ -59,7 +59,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-sidebar-container');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar-container');
 
 var ProSidebarContainer = function ProSidebarContainer(props) {
   var children = props.children,

package/lib/sidebar/components/tree/index.js

@@ -65,7 +65,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-sidebar-tree');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar-tree');
 
 var ProSidebarTree = function ProSidebarTree(props) {
   var _ref;

package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js

@@ -37,7 +37,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-hover-tooltip');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-hover-tooltip');
 
 var ProHoverTooltip = function ProHoverTooltip(props) {
   var trigger = props.trigger,

package/lib/sidebar/components/tree-node/components/IconAction/index.js

@@ -43,7 +43,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-sidebar-icon-action');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar-icon-action');
 
 var ProIconAction = function ProIconAction(props) {
   var _popupProps$wrapperCl;

package/lib/sidebar/components/tree-node/components/IconSwitch/index.js

@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-icon-switch');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-icon-switch');
 
 var ProIconSwitch = function ProIconSwitch(props) {
   var visibleProp = props.visible,

package/lib/sidebar/components/tree-node/index.js

@@ -15,7 +15,7 @@ var _utils = require("@teamix/utils");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _proField = _interopRequireDefault(require("@teamix/pro-field"));
+var _proField = _interopRequireWildcard(require("@teamix/pro-field"));
 
 var _IconAction = _interopRequireDefault(require("./components/IconAction"));
 
@@ -55,7 +55,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-sidebar-tree');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar-tree');
 
 var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
   var tag = props.tag,
@@ -217,7 +217,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     render: getFieldRender()
   }, fieldProps)), tag && /*#__PURE__*/_react.default.createElement("span", {
     className: cls('item-context-tag')
-  }, (0, _utils.renderTags)(getTags(tag)))), /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _proField.renderTags)(getTags(tag)))), /*#__PURE__*/_react.default.createElement("div", {
     className: cls('item-content-extra')
   }, renderExtra()));
 }; // 渲染树节点

package/lib/sidebar/index.js

@@ -81,7 +81,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var cls = (0, _utils.baseClass)('teamix-pro-sidebar');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar');
 
 var ProSidebar = function ProSidebar(props) {
   var selectedKeys = props.selectedKeys,

package/lib/sidebar/typing.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { MessageProps } from '@alifd/next/types/message';
 import { TreeProps } from '@alifd/next/types/tree';
-import { CommonRequestConfig, ProTagItem } from '@teamix/utils';
+import { CommonRequestConfig } from '@teamix/utils';
+import { ProTagItem } from '../field';
 import { ProActionConfig, ProCardProps, ProFieldProps, ProFieldRenderProps, ProFieldType } from '..';
 /** ProSidebar 定义 */
 export declare type ProSidebarProps = {