@teamix/pro 1.4.0 → 1.4.3

package/dist/pro.min.js.LICENSE.txt

@@ -24,8 +24,6 @@ object-assign
 * (c) Sindre Sorhus; MIT License
 */
 
-/*! js-cookie v3.0.1 | MIT */
-
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/es/actions/dialog-form.js

@@ -133,7 +133,7 @@ var DialogForm = function DialogForm(props) {
     }
   }, /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({
     form: form,
-    schema: getTargetValue(formSchema, context)
+    schema: formSchema
   }, getDefaultFormPropsByDialogSize(size)), addContext(getTargetValue(others, context), context))));
 };
 

package/es/actions/dialog.js

@@ -59,7 +59,8 @@ var FooterForm = function FooterForm(props) {
     layout: "inline",
     feedbackLayout: "none",
     form: form,
-    schema: getTargetValue(schema, context)
+    context: context,
+    schema: schema
   });
 };
 

package/es/actions/index.js

@@ -222,6 +222,10 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
       tooltip = action.tooltip,
       disabledTooltip = action.disabledTooltip,
       tooltipProps = action.tooltipProps;
+  var basePrefix = usePrefixCls('', {
+    base: true
+  });
+  var prefixCls = usePrefixCls('teamix-pro-action');
   var menuItemActionConfig = Object.assign({}, config, {
     trigger: 'onClick'
   });
@@ -259,7 +263,7 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   }
 
   return /*#__PURE__*/React.createElement("div", _objectSpread({
-    className: cls('teamix-pro-action-menu-item', "".concat(usePrefixCls(), "menu-item"), _defineProperty({}, "".concat(usePrefixCls(), "disabled"), disabled))
+    className: cls(_defineProperty({}, basePrefix('disabled'), disabled), basePrefix('menu-item'), prefixCls('menu-item'))
   }, buttonProps), content);
 };
 

package/es/card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProTagItem } from '@teamix/utils';
+import { ProTagItem } from '../field';
 import { ProMessageProps } from '../utils/message';
 import { ProActionGroupProps } from '../actions';
 import './index.scss';
@@ -41,6 +41,8 @@ export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
     centered?: boolean;
     /** 加载中状态 */
     loading?: boolean;
+    /** 是否只是内容区加载，标题正常显示 */
+    contentLoading?: boolean;
     /** 空状态 */
     empty?: boolean;
     /** 边框颜色 */

package/es/card/index.js

@@ -1,5 +1,5 @@
 var _excluded = ["context"],
-    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "message", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "message", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "contentLoading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -28,7 +28,8 @@ import classnames from 'classnames';
 import Result from '@teamix/result';
 import { Card as BasicCard, Balloon } from '@alicloudfe/components';
 import TeamixIcon from '@teamix/icon';
-import { baseClass, getMessage, renderTags } from '@teamix/utils';
+import { usePrefixCls, getMessage } from '@teamix/utils';
+import { renderTags } from '../field';
 import { renderProMessage } from '../utils/message';
 import { ProSkeletonRaw } from '../skeleton';
 import { ProActionGroup } from '../actions';
@@ -39,7 +40,7 @@ import ProCardTab from './tab';
 import './index.scss';
 import ProField from '@teamix/pro-field';
 export * from './card-container';
-var cls = baseClass('teamix-pro-card');
+var cls = usePrefixCls('teamix-pro-card');
 
 var renderActionGroup = function renderActionGroup(extra, context) {
   if (!extra) {
@@ -92,6 +93,7 @@ export var ProCard = function ProCard(props) {
       compacted = props.compacted,
       centered = props.centered,
       loading = props.loading,
+      contentLoading = props.contentLoading,
       empty = props.empty,
       borderColor = props.borderColor,
       backgroundColor = props.backgroundColor,
@@ -239,7 +241,7 @@ export var ProCard = function ProCard(props) {
     component: "img",
     src: image
   }), (title || extra) && /*#__PURE__*/React.createElement(BasicCard.Header, {
-    title: loading ? /*#__PURE__*/React.createElement(ProSkeletonRaw.Card.Title, null) : renderTitle(),
+    title: loading && !contentLoading ? /*#__PURE__*/React.createElement(ProSkeletonRaw.Card.Title, null) : renderTitle(),
     subTitle: !loading && subTitle,
     extra: !loading && renderActionGroup(extra, context)
   }), hasDivider && /*#__PURE__*/React.createElement(BasicCard.Divider, null), showContent && /*#__PURE__*/React.createElement(BasicCard.Content, {
@@ -247,7 +249,7 @@ export var ProCard = function ProCard(props) {
       padding: 0,
       margin: 0
     } : {}
-  }, loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.Card.Content, null), !loading && /*#__PURE__*/React.createElement("div", {
+  }, (loading || contentLoading) && /*#__PURE__*/React.createElement(ProSkeletonRaw.Card.Content, null), !loading && /*#__PURE__*/React.createElement("div", {
     className: cardContentClassName,
     style: cardContentStyle
   }, empty && /*#__PURE__*/React.createElement("div", {

package/es/card/selectable.js

@@ -13,9 +13,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from 'react';
 import classnames from 'classnames';
 import TeamixIcon from '@teamix/icon';
-import { baseClass } from '@teamix/utils';
+import { usePrefixCls } from '@teamix/utils';
 import { ProCard } from './index';
-var cls = baseClass('teamix-pro-card-selectable');
+var cls = usePrefixCls('teamix-pro-card-selectable');
 
 var ProCardSelectable = function ProCardSelectable(props) {
   var selected = props.selected,

package/es/card/utils.js

@@ -1,5 +1,5 @@
-import { baseClass } from '@teamix/utils';
-var cls = baseClass('teamix-pro-card');
+import { usePrefixCls } from '@teamix/utils';
+var cls = usePrefixCls('teamix-pro-card');
 export function formatSpacing(spacing) {
   var spacingArray = spacing instanceof Array ? spacing : [spacing || 0, spacing || 0];
   return {

package/es/form/Components/Editable/index.js

@@ -52,7 +52,9 @@ Editable.BaseBuilder = function (type) {
         visible = _useState2[0],
         setVisible = _useState2[1];
 
-    var prefixCls = usePrefixCls('formily-editable');
+    var prefixCls = usePrefixCls('formily-editable', {
+      base: true
+    });
 
     var onOk = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -110,13 +112,13 @@ Editable.BaseBuilder = function (type) {
       },
       onClick: onOpen
     }, /*#__PURE__*/React.createElement(BaseItem, {
-      className: "".concat(prefixCls, "-trigger")
+      className: prefixCls('trigger')
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content")
+      className: prefixCls('content')
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-preview")
+      className: prefixCls('preview')
     }, field.title), pattern === 'editable' && /*#__PURE__*/React.createElement(TeamixIcon, {
-      className: "".concat(prefixCls, "-edit-btn"),
+      className: prefixCls('edit-btn'),
       type: "form-line",
       size: "small"
     })))), /*#__PURE__*/React.createElement(type, _objectSpread(_objectSpread({
@@ -141,7 +143,9 @@ Editable.Popover = observer(function (_ref3) {
       visible = _useState4[0],
       setVisible = _useState4[1];
 
-  var prefixCls = usePrefixCls('formily-editable');
+  var prefixCls = usePrefixCls('formily-editable', {
+    base: true
+  });
 
   var closePopover = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
@@ -208,13 +212,13 @@ Editable.Popover = observer(function (_ref3) {
         display: 'inline-flex'
       }
     }, /*#__PURE__*/React.createElement(BaseItem, {
-      className: "".concat(prefixCls, "-trigger")
+      className: prefixCls('trigger')
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content")
+      className: prefixCls('content')
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-preview")
+      className: prefixCls('preview')
     }, props.title || field.title), pattern === 'editable' && /*#__PURE__*/React.createElement(TeamixIcon, {
-      className: "".concat(prefixCls, "-edit-btn"),
+      className: prefixCls('edit-btn'),
       type: "form-line",
       size: "small"
     }))))

package/es/form/Components/FormGroup/index.js

@@ -49,23 +49,27 @@ var FormGroupGroupPanel = observer(function (_ref) {
       xIndex = _ref.xIndex,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var prefixCls = usePrefixCls('formily-group-panel');
+  var prefixCls = usePrefixCls('formily-group-panel', {
+    base: true
+  });
   return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: cls(prefixCls, props.className)
+    className: cls(prefixCls(), props.className)
   }), xIndex !== 0 ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-divider")
+    className: prefixCls('divider')
   }) : null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title")
+    className: prefixCls('title')
   }, title), children);
 });
 var FormGroup = observer(function (_ref2) {
   var children = _ref2.children,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
-  var prefixCls = usePrefixCls('formily-group');
+  var prefixCls = usePrefixCls('formily-group', {
+    base: true
+  });
   var panels = usePanels();
   return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: cls(prefixCls, props.className)
+    className: cls(prefixCls(), props.className)
   }), panels.map(function (_ref3, index) {
     var props = _ref3.props,
         schema = _ref3.schema,

package/es/form/Components/LightFilter/index.js

@@ -96,10 +96,10 @@ var LightFilter = observer(function (props) {
 
   var main = useMain(active);
   var currentSchema = (_main$ = main[0]) === null || _main$ === void 0 ? void 0 : _main$.schema;
-  var defaultCls = usePrefixCls();
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-light-filter'
+  var basePrefix = usePrefixCls('', {
+    base: true
   });
+  var prefixCls = usePrefixCls('teamix-pro-form-light-filter');
   var content = main.map(function (_ref, key) {
     var schema = _ref.schema,
         name = _ref.name;
@@ -114,16 +114,19 @@ var LightFilter = observer(function (props) {
     onFilterChange && onFilterChange(value);
   }, [onFilterChange]);
   return /*#__PURE__*/React.createElement("span", {
-    className: cls(prefixCls, "".concat(defaultCls).concat(size), isInputCategory(currentSchema) ? "".concat(prefixCls, "-input-category") : '')
+    className: cls(basePrefix(size), prefixCls({
+      '': true,
+      'input-category': isInputCategory(currentSchema)
+    }))
   }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefixCls, "-main")
+    className: prefixCls('main')
   }, /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({}, filterProps), {}, {
-    className: cls("".concat(prefixCls, "-select"), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
+    className: cls(prefixCls('select'), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
     dataSource: filterItems,
     onChange: onSelectChange,
     value: active
   })), content), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefixCls, "-addonAfter")
+    className: prefixCls('addonAfter')
   }, /*#__PURE__*/React.createElement(Button, _objectSpread({}, buttonProps), /*#__PURE__*/React.createElement(TeamixIcon, {
     type: "search-line"
   }))));

package/es/form/Components/Text/index.js

@@ -20,11 +20,9 @@ var Text = function Text(_ref) {
       className = _ref.className,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-text'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-text');
   return /*#__PURE__*/React.createElement("span", _objectSpread({
-    className: cls(prefixCls, className)
+    className: cls(prefixCls(), className)
   }, otherProps), children);
 };
 

package/es/form/Filter/AdvancedFilter.js

@@ -23,8 +23,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; }
 
 import React, { memo, useMemo } from 'react';
-import cls from 'classnames';
-import { usePrefixCls, getMessage } from '@teamix/utils';
+import { usePrefixCls, getMessage, cls } from '@teamix/utils';
 import ProForm from '../ProForm';
 import { mergeArrayValue } from '../utils';
 /**
@@ -43,9 +42,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
       forceClear = props.forceClear,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-query-filter-advanced'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-query-filter-advanced');
   var gridSchema = useMemo(function () {
     return [{
       name: 'FormGrid',
@@ -98,7 +95,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
     };
   }, [layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
   return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread(_objectSpread({
-    className: cls(prefixCls, props.className),
+    className: cls(prefixCls(), props.className),
     schema: gridSchema,
     feedbackLayout: "popover"
   }, otherProps), getTeamixLayout), {}, {

package/es/form/Filter/Layout.js

@@ -17,10 +17,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useState } from 'react';
-import cls from 'classnames';
 import { Button, Badge } from '@alicloudfe/components';
 import TeamixIcon from '@teamix/icon';
-import { usePrefixCls, getMessage, isValid } from '@teamix/utils';
+import { usePrefixCls, getMessage, isValid, cls } from '@teamix/utils';
 import './layout.scss';
 
 var QueryFilterLayout = function QueryFilterLayout(_ref) {
@@ -33,9 +32,7 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
       expand = _ref.expand,
       onExpand = _ref.onExpand,
       children = _ref.children;
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-query-filter-layout'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-query-filter-layout');
 
   var _useState = useState(!!expand),
       _useState2 = _slicedToArray(_useState, 2),
@@ -47,15 +44,15 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(!visible);
   }, [visible]);
   return /*#__PURE__*/React.createElement("div", {
-    className: cls(prefixCls, className)
+    className: cls(prefixCls(), className)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-inline")
+    className: prefixCls('inline')
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-left")
+    className: prefixCls('left')
   }, addonBefore ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-addonBefore")
+    className: prefixCls('addonBefore')
   }, addonBefore) : null, inlineContent, isValid(panelContent) ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-toggle")
+    className: prefixCls('toggle')
   }, /*#__PURE__*/React.createElement(Badge, {
     count: count,
     style: _objectSpread({
@@ -71,11 +68,13 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
   }) : /*#__PURE__*/React.createElement(TeamixIcon, {
     type: "filter-line"
   }), getMessage('advancedFilter')))) : null), addonAfter ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-addonAfter")
+    className: prefixCls('addonAfter')
   }, addonAfter) : null), /*#__PURE__*/React.createElement("div", {
-    className: cls("".concat(prefixCls, "-panel"), visible && isValid(panelContent) ? '' : "".concat(prefixCls, "-panel-hidden"))
+    className: cls(prefixCls('panel', {
+      'panel-hidden': !(visible && isValid(panelContent))
+    }))
   }, panelContent), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-children")
+    className: prefixCls('children')
   }, children));
 };
 

package/es/form/Filter/LightFilter.js

@@ -11,9 +11,8 @@ 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; }
 
 import React, { memo, useMemo, useCallback, useRef, useEffect } from 'react';
-import cls from 'classnames';
 import { observable } from '@formily/reactive';
-import { usePrefixCls } from '@teamix/utils';
+import { usePrefixCls, cls } from '@teamix/utils';
 import ProForm from '../ProForm';
 /**
  * 轻量筛选
@@ -32,9 +31,7 @@ var LightFilter = /*#__PURE__*/memo(function (props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var filterValue = useRef(defaultFilterValue || (schema === null || schema === void 0 ? void 0 : (_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.name));
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-query-filter-light'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-query-filter-light');
   var lightFilterObs = useMemo(function () {
     return observable({
       onFilter: function onFilter() {}
@@ -96,7 +93,7 @@ var LightFilter = /*#__PURE__*/memo(function (props) {
       lightFilterObs: lightFilterObs
     }),
     form: form,
-    className: cls(prefixCls, props.className),
+    className: cls(prefixCls(), props.className),
     schema: LightSchema,
     feedbackLayout: "none",
     breakpoints: [],

package/es/form/Filter/SimpleFilter.js

@@ -11,8 +11,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; }
 
 import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
-import cls from 'classnames';
-import { usePrefixCls, isValid } from '@teamix/utils';
+import { usePrefixCls, cls, isValid } from '@teamix/utils';
 import ProForm from '../ProForm'; // 初始化Search组件，内置部分属性
 
 var initializeSearch = function initializeSearch(schema) {
@@ -50,9 +49,7 @@ var SimpleFilter = /*#__PURE__*/memo(function (props) {
       onSubmit = props.onSubmit,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-query-filter-simple'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-query-filter-simple');
 
   var _initializeSearch = initializeSearch(schema),
       searchName = _initializeSearch.searchName,
@@ -93,7 +90,7 @@ var SimpleFilter = /*#__PURE__*/memo(function (props) {
     searchValue.current = isValid(searchDefaultValue) ? searchDefaultValue : '';
   }, []);
   return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({}, otherProps), {}, {
-    className: cls(prefixCls, props.className),
+    className: cls(prefixCls(), props.className),
     schema: simpleSchema,
     feedbackLayout: "popover",
     breakpoints: [],

package/es/form/Filter/index.js

@@ -35,12 +35,11 @@ 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; }
 
 import React, { memo, useCallback, useMemo, useState, useRef, useEffect } from 'react';
-import cls from 'classnames';
 import debounce from 'lodash.debounce';
 import { Tag } from '@alicloudfe/components';
 import { createForm, onFormReact, onFormInputChange } from '@formily/core';
 import { toJS } from '@formily/reactive';
-import { usePrefixCls, isUsable, isNum } from '@teamix/utils';
+import { usePrefixCls, isUsable, isNum, cls } from '@teamix/utils';
 import ProField from '../../field/index';
 import fieldTypeMap from '../fieldTypeMap';
 import { getFormDisplayValues } from '../ProForm/useFormDisplayValues';
@@ -91,9 +90,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
   var currentFormName = useRef(defaultFormName);
   var currentForm = useRef();
   var activeFilterValueRef = useRef();
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-query-filter'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-query-filter');
   var debounceFun = debounce(function (fun, props) {
     return fun(props);
   }, filterDebounce); // 绑定URL
@@ -507,14 +504,16 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
     setCurrentForm(currentFormName.current);
   }, []);
   return /*#__PURE__*/React.createElement(QueryFilterLayout, {
-    className: cls(prefixCls, props.className),
+    className: cls(prefixCls(), props.className),
     addonBefore: addonBefore,
     addonAfter: addonAfter,
     expand: panelVisible,
     onExpand: toggleAdvancedFilter,
     count: tagDataSource.length,
     inlineContent: mode === 'panel' ? /*#__PURE__*/React.createElement("div", {
-      className: cls("".concat(prefixCls, "-inline"), purePanel || hasRequired ? "".concat(prefixCls, "-inline-hidden") : '')
+      className: cls(prefixCls('inline', {
+        'inline-hidden': purePanel || hasRequired
+      }))
     }, /*#__PURE__*/React.createElement(LightFilter, _objectSpread(_objectSpread({}, otherProps), {}, {
       defaultFilterValue: defaultFilterValue,
       filterValues: filterValues,
@@ -522,7 +521,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
       form: lightForm,
       onChange: onLightChange
     }))) : /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-inline")
+      className: prefixCls('inline')
     }, /*#__PURE__*/React.createElement(SimpleFilter, _objectSpread(_objectSpread({}, otherProps), {}, {
       form: simpleForm,
       onChange: onSimpleChange,
@@ -548,9 +547,9 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
         return onTagClose(key, index);
       }
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-tag-title")
+      className: prefixCls('tag-title')
     }, label), /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-tag-content")
+      className: prefixCls('tag-content')
     }, /*#__PURE__*/React.createElement(ProField, {
       type: type,
       value: value

package/es/form/Filter/index2.js

@@ -23,8 +23,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; }
 
 import React, { memo, useMemo } from 'react';
-import cls from 'classnames';
-import { usePrefixCls, getMessage } from '@teamix/utils';
+import { usePrefixCls, getMessage, cls } from '@teamix/utils';
 import { createForm } from '@formily/core';
 import ProForm from '../ProForm';
 import { mergeArrayValue } from '../utils';
@@ -55,9 +54,7 @@ var SimpleFilter = /*#__PURE__*/memo(function (props) {
       onFilter = props.onFilter,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-filter-simple'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-filter-simple');
   var simpleSchema = useMemo(function () {
     return [{
       component: 'FormFlex',
@@ -82,7 +79,7 @@ var SimpleFilter = /*#__PURE__*/memo(function (props) {
     breakpoints: [],
     inset: true
   }, otherProps), eventProps), {}, {
-    className: cls(prefixCls, props.className),
+    className: cls(prefixCls(), props.className),
     schema: simpleSchema
   }));
 });
@@ -106,9 +103,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
       wrapperAlign = props.wrapperAlign,
       labelCol = props.labelCol,
       wrapperCol = props.wrapperCol;
-  var prefixCls = usePrefixCls('', {
-    prefix: 'teamix-pro-form-filter-advanced'
-  });
+  var prefixCls = usePrefixCls('teamix-pro-form-filter-advanced');
   var gridSchema = useMemo(function () {
     return [{
       name: 'FormGrid',
@@ -168,7 +163,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
     feedbackLayout: "popover"
   }, props), eventProps), getTeamixLayout), {}, {
     form: form,
-    className: cls(prefixCls, props.className),
+    className: cls(prefixCls(), props.className),
     schema: gridSchema,
     onSubmit: onFilter
   }));

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