@teamix/pro 1.2.9 → 1.2.13

package/lib/table/utils/index.js

@@ -31,7 +31,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // 组件内全局状态
 var state = {
   fullScreenState: false,
-  filterRules: {}
+  filterRules: {},
+  filterColumns: []
 }; // 组件内全局监听事件
 
 var callback = {
@@ -42,6 +43,15 @@ var mutations = {
   getState: function getState() {
     return state;
   },
+  setState: function setState(key, value) {
+    state[key] = value;
+    useOn(key, value);
+
+    if (mutations.hasOwnProperty(key)) {
+      mutations[key] = value;
+    }
+  },
+  filterColumns: state.filterColumns,
   setFullScreenState: function setFullScreenState(fullScreenState) {
     state.fullScreenState = fullScreenState;
     useOn('fullScreenState', fullScreenState);
@@ -85,6 +95,10 @@ var mutations = {
    * @param name 监听名（作为销毁唯一id使用）
    */
   on: function on(fun, state, name) {
+    if (!callback[state]) {
+      callback[state] = {};
+    }
+
     callback[state][name] = fun;
   },
   off: function off(name) {

package/lib/utils/components/tags/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TagProps, CloseableProps } from '@alicloudfe/components/types/tag';
+import './index.scss';
+export declare type ProTagItem = (TagProps | (CloseableProps & {
+    closable: true;
+})) & {
+    /**
+     * @deprecated 建议使用 children 代替
+     */
+    text?: string;
+};
+export declare type ProTagProps = ProTagItem[] | ProTagItem | React.ReactNode | React.ReactNode[];
+/** 全局注册 tag 配置 */
+export declare type GlobalTagProps = ProTagItem[];
+export declare const renderTags: (tags?: ProTagProps, size?: "small" | "medium" | "large" | undefined) => JSX.Element | null;

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

@@ -0,0 +1,114 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderTags = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("@alicloudfe/components");
+
+var _src = require("../../../../../utils/src");
+
+require("./index.scss");
+
+var _excluded = ["text", "children", "closable", "color"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+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; }
+
+var cls = (0, _src.baseClass)('teamix-pro-tags');
+
+var renderTags = function renderTags(tags, size) {
+  if (!tags || Array.isArray(tags) && !tags.length) {
+    return null;
+  } // 获取全局 tag
+
+
+  var getGlobalTag = function getGlobalTag() {
+    var globalTag = (0, _src.getGlobalConfig)('tag'); // GlobalTagNodePropsItem 类型
+
+    if (globalTag) {
+      var globalTagMap = new Map(globalTag.map(function (item) {
+        return [item.color, item];
+      }));
+      return globalTagMap;
+    }
+
+    return null;
+  }; // 渲染单个 tag
+
+
+  var renderTag = function renderTag(item, index) {
+    // @ts-ignore
+    var text = item.text,
+        children = item.children,
+        closable = item.closable,
+        colorProps = item.color,
+        others = _objectWithoutProperties(item, _excluded);
+
+    var color = (0, _src.getTagColor)(colorProps !== null && colorProps !== void 0 ? colorProps : '', 'tag');
+    var otherProps = {};
+    var globalTagMap = getGlobalTag();
+
+    if (globalTagMap && globalTagMap.get(color)) {
+      var _globalTagMap$get;
+
+      otherProps = (_globalTagMap$get = globalTagMap.get(color)) !== null && _globalTagMap$get !== void 0 ? _globalTagMap$get : {};
+    }
+
+    if (closable) {
+      return /*#__PURE__*/_react.default.createElement(_components.Tag.Closeable, _objectSpread(_objectSpread({
+        key: index,
+        size: size,
+        style: {
+          marginBottom: 0
+        },
+        color: color
+      }, otherProps), others), text || children);
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_components.Tag, _objectSpread(_objectSpread({
+      key: index,
+      size: size,
+      style: {
+        marginBottom: 0
+      },
+      color: color
+    }, otherProps), others), text || children);
+  };
+
+  if (!Array.isArray(tags)) {
+    if ( /*#__PURE__*/(0, _react.isValidElement)(tags)) {
+      return tags;
+    }
+
+    return renderTag(tags, 0);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_components.Tag.Group, {
+    className: cls('')
+  }, tags.map(function (tag, i) {
+    if ( /*#__PURE__*/(0, _react.isValidElement)(tags)) {
+      return tags;
+    }
+
+    return renderTag(tag, i);
+  }));
+};
+
+exports.renderTags = renderTags;

package/lib/utils/components/tags/index.scss

@@ -0,0 +1,12 @@
+.teamix-pro-tags {
+  display: inline-flex;
+  align-items: center;
+
+  & > div.next-tag {
+    margin-right: var(--s-2, 8px);
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamix/pro",
-  "version": "1.2.9",
+  "version": "1.2.13",
   "description": "TeamixPro大包",
   "repository": "http://gitlab.alibaba-inc.com/teamix/pro",
   "author": "Velociraptor(迅猛龙)",
@@ -22,9 +22,9 @@
   ],
   "private": false,
   "dependencies": {
-    "@formily/core": "2.0.4",
-    "@formily/react": "2.0.4",
-    "@teamix/formily": "2.0.4",
+    "@formily/core": "2.0.5",
+    "@formily/react": "2.0.5",
+    "@teamix/formily": "2.0.5",
     "@teamix/hooks": "^0.1.0",
     "@teamix/pop-confirm": "^1.2.2",
     "@teamix/pro-field": "^1.0.0",