@hi-ui/schema-action-trigger 4.0.0-experimental.1

package/README.md

@@ -0,0 +1,11 @@
+# `@hi-ui/schema-action-trigger`
+
+> TODO: description
+
+## Usage
+
+```
+const actionTrigger = require('@hi-ui/schema-action-trigger');
+
+// TODO: DEMONSTRATE API
+```

package/lib/cjs/_utils.js

@@ -0,0 +1,23 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var schemaUtils = require('@hi-ui/schema-utils');
+var actionBarClsPrefix = 'actions-bar';
+var actionBarCls = schemaUtils.createPrefixClassnames(actionBarClsPrefix);
+var unifiedActionsClsPrefix = 'unified-actions';
+var unifiedActionsCls = schemaUtils.createPrefixClassnames(unifiedActionsClsPrefix);
+exports.actionBarCls = actionBarCls;
+exports.actionBarClsPrefix = actionBarClsPrefix;
+exports.unifiedActionsCls = unifiedActionsCls;
+exports.unifiedActionsClsPrefix = unifiedActionsClsPrefix;

package/lib/cjs/actions.js

@@ -0,0 +1,121 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var reactIs = require('react-is');
+var classname = require('@hi-ui/classname');
+var space = require('@hi-ui/space');
+var trigger = require('./trigger.js');
+var more = require('./more.js');
+var _utils = require('./_utils.js');
+require('./index.scss.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var primitiveTypeEnum = new Set([
+// primitive
+'string', 'number', 'boolean', 'bigint', 'symbol']);
+function Actions(props) {
+  var data = props.data,
+    ctx = props.ctx;
+  var className = classname.cx(_utils.unifiedActionsCls, props.className);
+  var actionEls = props.actions.map(function (action, index) {
+    if (!action) return null;
+    // 可以是【JSX 元素】
+    if ( /*#__PURE__*/React__default["default"].isValidElement(action)) {
+      return {
+        type: 'jsx',
+        jsx: action
+      };
+    }
+    // 可以是【自定义组件】
+    if (reactIs.isValidElementType(action)) {
+      var ActionComponent = action;
+      var _el = /*#__PURE__*/React__default["default"].createElement(ActionComponent
+      // ActionComponent
+      , {
+        // ActionComponent
+        key: ActionComponent.name || index,
+        data: data,
+        ctx: ctx
+      });
+      return {
+        type: 'component',
+        jsx: _el
+      };
+    }
+    // 可以是其他【原始值】
+    // 这段其实大可不必，留着为了防刁钻的测试用例
+    if (primitiveTypeEnum.has(_typeof(action))) {
+      var str = (action === null || action === void 0 ? void 0 : action.toString()) || '';
+      var _el2 = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
+        key: str
+      }, str);
+      return {
+        type: 'primitive',
+        jsx: _el2
+      };
+    }
+    // 保底是【操作配置对象】
+    var actionConfig = action;
+    // JSX 写法无法判断 ActionTrigger 返回是否为 null，因此使用函数写法
+    var el = trigger.ActionTrigger(Object.assign(Object.assign({}, actionConfig), {
+      data: data,
+      ctx: ctx
+    }));
+    if (!el) return null;else return {
+      type: 'config',
+      jsx: el
+    };
+  }).filter(function (action) {
+    return !!action;
+  });
+  var _props$maxCount = props.maxCount,
+    sliceStart = _props$maxCount === void 0 ? Infinity : _props$maxCount;
+  var startEls = actionEls.slice(0, sliceStart);
+  var moreEls = actionEls.slice(sliceStart);
+  if (moreEls.length > 0) {
+    startEls.push({
+      type: 'more',
+      jsx: /*#__PURE__*/React__default["default"].createElement(more.MoreActionTrigger, {
+        key: "more",
+        els: moreEls
+      })
+    });
+  }
+  return /*#__PURE__*/React__default["default"].createElement(space.Space, {
+    direction: props.direction,
+    className: className
+  }, startEls.map(function (_ref) {
+    var jsx = _ref.jsx;
+    return jsx;
+  }));
+}
+// TODO 此处暂时留一个占位，等待后续扩展
+// type DynamicCountWrapperProps = {
+//   wrapperEl: React.RefObject<HTMLElement>
+//   children: React.ReactElement
+// }
+// export function DynamicCountWrapper(props: DynamicCountWrapperProps) {
+//   // TODO 此处根据 wrapperEl 的宽度计算 maxCount
+//   return React.cloneElement(props.children, {
+//     maxCount: 2,
+//   })
+// }
+
+exports.Actions = Actions;

package/lib/cjs/bar.js

@@ -0,0 +1,48 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var actions = require('./actions.js');
+var _utils = require('./_utils.js');
+require('./index.scss.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function ActionsBar(props) {
+  var data = props.data,
+    ctx = props.ctx;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classname.cx(_utils.actionBarClsPrefix, props.className)
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _utils.actionBarCls('left')
+  }, props.left ? ( /*#__PURE__*/React__default["default"].createElement(actions.Actions, {
+    actions: props.left,
+    className: props.leftClassName,
+    data: data,
+    ctx: ctx
+  })) : null), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _utils.actionBarCls('right')
+  }, props.right ? ( /*#__PURE__*/React__default["default"].createElement(actions.Actions, {
+    actions: props.right,
+    className: props.rightClassName,
+    data: data,
+    ctx: ctx
+  })) : null));
+}
+exports.ActionsBar = ActionsBar;

package/lib/cjs/builtin/fullscreen.js

@@ -0,0 +1,40 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var ahooks = require('ahooks');
+var icons = require('@hi-ui/icons');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function Fullscreen(props) {
+  var _useFullscreen = ahooks.useFullscreen(props.elRef),
+    fullscreen = _useFullscreen[0],
+    toggleFullscreen = _useFullscreen[1].toggleFullscreen;
+  React.useEffect(function () {
+    if (props.elRef.current) {
+      props.elRef.current.dataset.fullscreen = fullscreen.toString();
+    }
+  }, [fullscreen, props.elRef]);
+  return fullscreen ? ( /*#__PURE__*/React__default["default"].createElement(icons.FullscreenExitOutlined, {
+    onClick: toggleFullscreen
+  })) : ( /*#__PURE__*/React__default["default"].createElement(icons.FullscreenOutlined, {
+    onClick: toggleFullscreen
+  }));
+}
+exports.Fullscreen = Fullscreen;

package/lib/cjs/builtin/setting.js

@@ -0,0 +1,42 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var icons = require('@hi-ui/icons');
+var schemaTableExtensions = require('@hi-ui/schema-table-extensions');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+// TODO 待实现
+var useTableSetting = function useTableSetting(args) {
+  return {
+    columns: args ? [] : []
+  };
+};
+function Setting(props) {
+  var settingProps = useTableSetting({
+    fields: props.fields,
+    tableRef: props.tableRef,
+    storageKey: props.storageKey
+  });
+  return /*#__PURE__*/React__default["default"].createElement(schemaTableExtensions.TableSetting, Object.assign({}, settingProps, {
+    trigger: /*#__PURE__*/React__default["default"].createElement(icons.SettingOutlined, null)
+  }));
+}
+exports.Setting = Setting;

package/lib/cjs/index.js

@@ -0,0 +1,29 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+require('@hi-ui/schema-types');
+var actions = require('./actions.js');
+var bar = require('./bar.js');
+var more = require('./more.js');
+var trigger = require('./trigger.js');
+var fullscreen = require('./builtin/fullscreen.js');
+var setting = require('./builtin/setting.js');
+var table = require('./toolbar/table.js');
+exports.Actions = actions.Actions;
+exports.ActionsBar = bar.ActionsBar;
+exports.MoreActionTrigger = more.MoreActionTrigger;
+exports.ActionTrigger = trigger.ActionTrigger;
+exports.Fullscreen = fullscreen.Fullscreen;
+exports.Setting = setting.Setting;
+exports.TableToolbar = table.TableToolbar;

package/lib/cjs/index.scss.js

@@ -0,0 +1,18 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".unified-actions__more-trigger {font-size: 18px;color: #5f6a7a;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger {padding: 0;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > button {padding: 7px 8px;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > span {padding: 8px;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > button, .unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > span {width: 100%;text-align: start;}.actions-bar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 12px 0;}.actions-bar svg {color: #5f6a7a;cursor: pointer;}";
+var __styleInject__ = require('@hi-ui/style-inject')["default"];
+__styleInject__(css_248z);
+exports["default"] = css_248z;

package/lib/cjs/more.js

@@ -0,0 +1,52 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var dropdown = require('@hi-ui/dropdown');
+var icons = require('@hi-ui/icons');
+var _utils = require('./_utils.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function MoreActionTrigger(props) {
+  var data = props.els.map(function (el, id) {
+    if (el.type === 'config') {
+      return {
+        id: id,
+        title: /*#__PURE__*/React__default["default"].cloneElement(el.jsx, {
+          appearance: 'link'
+        })
+      };
+    }
+    return {
+      id: id,
+      title: /*#__PURE__*/React__default["default"].createElement("span", null, el.jsx)
+    };
+  });
+  if (data.length === 0) return null;
+  return /*#__PURE__*/React__default["default"].createElement(dropdown.Dropdown, {
+    trigger: "click",
+    data: data,
+    className: _utils.unifiedActionsCls('more-trigger'),
+    overlay: {
+      className: _utils.unifiedActionsCls('more-overlay'),
+      arrow: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(icons.EllipsisOutlined, null));
+}
+exports.MoreActionTrigger = MoreActionTrigger;

package/lib/cjs/toolbar/table.js

@@ -0,0 +1,76 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var tslib = require('tslib');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var schemaUtils = require('@hi-ui/schema-utils');
+var bar = require('../bar.js');
+var fullscreen = require('../builtin/fullscreen.js');
+var setting = require('../builtin/setting.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var BuiltinActions = {
+  Setting: setting.Setting,
+  Fullscreen: fullscreen.Fullscreen
+};
+function TableToolbar(props) {
+  var ctx = props.ctx,
+    getLeft = props.left,
+    getRight = props.right,
+    restProps = tslib.__rest(props, ["ctx", "left", "right"]);
+  var builtin = {
+    setting: ( /*#__PURE__*/React__default["default"].createElement(BuiltinActions.Setting
+    // Setting
+    , {
+      // Setting
+      key: "setting",
+      fields: ctx.tableFields,
+      tableRef: ctx.tableCtxRef
+    })),
+    fullscreen: ( /*#__PURE__*/React__default["default"].createElement(BuiltinActions.Fullscreen
+    // Fullscreen
+    , {
+      // Fullscreen
+      key: "fullscreen",
+      elRef: ctx.fullscreenElRef
+    }))
+  };
+  var dftLeft = [
+  // left
+  builtin.setting, builtin.fullscreen];
+  var left = schemaUtils.getGetterValue(getLeft, dftLeft, [Object.assign(Object.assign({}, ctx), {
+    builtin: builtin
+  })]);
+  var right = schemaUtils.getGetterValue(getRight, [], [ctx]);
+  var className = classname.cx('table-toolbar', props.className);
+  return /*#__PURE__*/React__default["default"].createElement(bar.ActionsBar, Object.assign({
+    left: left,
+    right: right
+  }, restProps, {
+    className: className,
+    // 此处 data 的空数组是为了避开必填检验
+    // 详细原因是：类型标注为表格的行数据
+    // 但若从 tabCtx 上获取，会丢失实时性
+    // 因此如需行数据信息，需自行从 ctx 上获取
+    data: [],
+    ctx: ctx
+  }));
+}
+exports.TableToolbar = TableToolbar;

package/lib/cjs/trigger.js

@@ -0,0 +1,49 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var button = require('@hi-ui/button');
+var schemaUtils = require('@hi-ui/schema-utils');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function ActionTrigger(props) {
+  var text = props.text,
+    _onClick = props.onClick,
+    disabled = props.disabled,
+    visible = props.visible,
+    type = props.type;
+  var data = props.data,
+    ctx = props.ctx;
+  // 检查按钮是否可见
+  var isVisible = schemaUtils.getBoolGetterValue(visible, true, [data, ctx]);
+  if (!isVisible) return null;
+  // 检查按钮是否禁用
+  var isDisabled = schemaUtils.getBoolGetterValue(disabled, false, [data, ctx]);
+  return /*#__PURE__*/React__default["default"].createElement(button.Button, {
+    key: text,
+    icon: props.icon,
+    appearance: props.appearance,
+    disabled: isDisabled,
+    type: type || 'primary',
+    onClick: function onClick() {
+      return _onClick(data, ctx);
+    }
+  }, text);
+}
+exports.ActionTrigger = ActionTrigger;

package/lib/esm/_utils.js

@@ -0,0 +1,15 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { createPrefixClassnames } from '@hi-ui/schema-utils';
+var actionBarClsPrefix = 'actions-bar';
+var actionBarCls = createPrefixClassnames(actionBarClsPrefix);
+var unifiedActionsClsPrefix = 'unified-actions';
+var unifiedActionsCls = createPrefixClassnames(unifiedActionsClsPrefix);
+export { actionBarCls, actionBarClsPrefix, unifiedActionsCls, unifiedActionsClsPrefix };

package/lib/esm/actions.js

@@ -0,0 +1,110 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { isValidElementType } from 'react-is';
+import { cx } from '@hi-ui/classname';
+import { Space } from '@hi-ui/space';
+import { ActionTrigger } from './trigger.js';
+import { MoreActionTrigger } from './more.js';
+import { unifiedActionsCls } from './_utils.js';
+import './index.scss.js';
+var primitiveTypeEnum = new Set([
+// primitive
+'string', 'number', 'boolean', 'bigint', 'symbol']);
+function Actions(props) {
+  var data = props.data,
+    ctx = props.ctx;
+  var className = cx(unifiedActionsCls, props.className);
+  var actionEls = props.actions.map(function (action, index) {
+    if (!action) return null;
+    // 可以是【JSX 元素】
+    if ( /*#__PURE__*/React.isValidElement(action)) {
+      return {
+        type: 'jsx',
+        jsx: action
+      };
+    }
+    // 可以是【自定义组件】
+    if (isValidElementType(action)) {
+      var ActionComponent = action;
+      var _el = /*#__PURE__*/React.createElement(ActionComponent
+      // ActionComponent
+      , {
+        // ActionComponent
+        key: ActionComponent.name || index,
+        data: data,
+        ctx: ctx
+      });
+      return {
+        type: 'component',
+        jsx: _el
+      };
+    }
+    // 可以是其他【原始值】
+    // 这段其实大可不必，留着为了防刁钻的测试用例
+    if (primitiveTypeEnum.has(_typeof(action))) {
+      var str = (action === null || action === void 0 ? void 0 : action.toString()) || '';
+      var _el2 = /*#__PURE__*/React.createElement(React.Fragment, {
+        key: str
+      }, str);
+      return {
+        type: 'primitive',
+        jsx: _el2
+      };
+    }
+    // 保底是【操作配置对象】
+    var actionConfig = action;
+    // JSX 写法无法判断 ActionTrigger 返回是否为 null，因此使用函数写法
+    var el = ActionTrigger(Object.assign(Object.assign({}, actionConfig), {
+      data: data,
+      ctx: ctx
+    }));
+    if (!el) return null;else return {
+      type: 'config',
+      jsx: el
+    };
+  }).filter(function (action) {
+    return !!action;
+  });
+  var _props$maxCount = props.maxCount,
+    sliceStart = _props$maxCount === void 0 ? Infinity : _props$maxCount;
+  var startEls = actionEls.slice(0, sliceStart);
+  var moreEls = actionEls.slice(sliceStart);
+  if (moreEls.length > 0) {
+    startEls.push({
+      type: 'more',
+      jsx: /*#__PURE__*/React.createElement(MoreActionTrigger, {
+        key: "more",
+        els: moreEls
+      })
+    });
+  }
+  return /*#__PURE__*/React.createElement(Space, {
+    direction: props.direction,
+    className: className
+  }, startEls.map(function (_ref) {
+    var jsx = _ref.jsx;
+    return jsx;
+  }));
+}
+// TODO 此处暂时留一个占位，等待后续扩展
+// type DynamicCountWrapperProps = {
+//   wrapperEl: React.RefObject<HTMLElement>
+//   children: React.ReactElement
+// }
+// export function DynamicCountWrapper(props: DynamicCountWrapperProps) {
+//   // TODO 此处根据 wrapperEl 的宽度计算 maxCount
+//   return React.cloneElement(props.children, {
+//     maxCount: 2,
+//   })
+// }
+
+export { Actions };

package/lib/esm/bar.js

@@ -0,0 +1,36 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { cx } from '@hi-ui/classname';
+import { Actions } from './actions.js';
+import { actionBarClsPrefix, actionBarCls } from './_utils.js';
+import './index.scss.js';
+function ActionsBar(props) {
+  var data = props.data,
+    ctx = props.ctx;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(actionBarClsPrefix, props.className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: actionBarCls('left')
+  }, props.left ? ( /*#__PURE__*/React.createElement(Actions, {
+    actions: props.left,
+    className: props.leftClassName,
+    data: data,
+    ctx: ctx
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: actionBarCls('right')
+  }, props.right ? ( /*#__PURE__*/React.createElement(Actions, {
+    actions: props.right,
+    className: props.rightClassName,
+    data: data,
+    ctx: ctx
+  })) : null));
+}
+export { ActionsBar };

package/lib/esm/builtin/fullscreen.js

@@ -0,0 +1,28 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { useEffect } from 'react';
+import { useFullscreen } from 'ahooks';
+import { FullscreenExitOutlined, FullscreenOutlined } from '@hi-ui/icons';
+function Fullscreen(props) {
+  var _useFullscreen = useFullscreen(props.elRef),
+    fullscreen = _useFullscreen[0],
+    toggleFullscreen = _useFullscreen[1].toggleFullscreen;
+  useEffect(function () {
+    if (props.elRef.current) {
+      props.elRef.current.dataset.fullscreen = fullscreen.toString();
+    }
+  }, [fullscreen, props.elRef]);
+  return fullscreen ? ( /*#__PURE__*/React.createElement(FullscreenExitOutlined, {
+    onClick: toggleFullscreen
+  })) : ( /*#__PURE__*/React.createElement(FullscreenOutlined, {
+    onClick: toggleFullscreen
+  }));
+}
+export { Fullscreen };

package/lib/esm/builtin/setting.js

@@ -0,0 +1,30 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { SettingOutlined } from '@hi-ui/icons';
+import { TableSetting } from '@hi-ui/schema-table-extensions';
+
+// TODO 待实现
+var useTableSetting = function useTableSetting(args) {
+  return {
+    columns: args ? [] : []
+  };
+};
+function Setting(props) {
+  var settingProps = useTableSetting({
+    fields: props.fields,
+    tableRef: props.tableRef,
+    storageKey: props.storageKey
+  });
+  return /*#__PURE__*/React.createElement(TableSetting, Object.assign({}, settingProps, {
+    trigger: /*#__PURE__*/React.createElement(SettingOutlined, null)
+  }));
+}
+export { Setting };

package/lib/esm/index.js

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import '@hi-ui/schema-types';
+export { Actions } from './actions.js';
+export { ActionsBar } from './bar.js';
+export { MoreActionTrigger } from './more.js';
+export { ActionTrigger } from './trigger.js';
+export { Fullscreen } from './builtin/fullscreen.js';
+export { Setting } from './builtin/setting.js';
+export { TableToolbar } from './toolbar/table.js';

package/lib/esm/index.scss.js

@@ -0,0 +1,13 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import __styleInject__ from '@hi-ui/style-inject';
+var css_248z = ".unified-actions__more-trigger {font-size: 18px;color: #5f6a7a;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger {padding: 0;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > button {padding: 7px 8px;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > span {padding: 8px;}.unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > button, .unified-actions__more-overlay .hi-v5-dropdown-menu-item__trigger > span {width: 100%;text-align: start;}.actions-bar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 12px 0;}.actions-bar svg {color: #5f6a7a;cursor: pointer;}";
+__styleInject__(css_248z);
+export { css_248z as default };

package/lib/esm/more.js

@@ -0,0 +1,40 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { Dropdown } from '@hi-ui/dropdown';
+import { EllipsisOutlined } from '@hi-ui/icons';
+import { unifiedActionsCls } from './_utils.js';
+function MoreActionTrigger(props) {
+  var data = props.els.map(function (el, id) {
+    if (el.type === 'config') {
+      return {
+        id: id,
+        title: /*#__PURE__*/React.cloneElement(el.jsx, {
+          appearance: 'link'
+        })
+      };
+    }
+    return {
+      id: id,
+      title: /*#__PURE__*/React.createElement("span", null, el.jsx)
+    };
+  });
+  if (data.length === 0) return null;
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    trigger: "click",
+    data: data,
+    className: unifiedActionsCls('more-trigger'),
+    overlay: {
+      className: unifiedActionsCls('more-overlay'),
+      arrow: true
+    }
+  }, /*#__PURE__*/React.createElement(EllipsisOutlined, null));
+}
+export { MoreActionTrigger };

package/lib/esm/toolbar/table.js

@@ -0,0 +1,64 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React from 'react';
+import { cx } from '@hi-ui/classname';
+import { getGetterValue } from '@hi-ui/schema-utils';
+import { ActionsBar } from '../bar.js';
+import { Fullscreen } from '../builtin/fullscreen.js';
+import { Setting } from '../builtin/setting.js';
+var BuiltinActions = {
+  Setting: Setting,
+  Fullscreen: Fullscreen
+};
+function TableToolbar(props) {
+  var ctx = props.ctx,
+    getLeft = props.left,
+    getRight = props.right,
+    restProps = __rest(props, ["ctx", "left", "right"]);
+  var builtin = {
+    setting: ( /*#__PURE__*/React.createElement(BuiltinActions.Setting
+    // Setting
+    , {
+      // Setting
+      key: "setting",
+      fields: ctx.tableFields,
+      tableRef: ctx.tableCtxRef
+    })),
+    fullscreen: ( /*#__PURE__*/React.createElement(BuiltinActions.Fullscreen
+    // Fullscreen
+    , {
+      // Fullscreen
+      key: "fullscreen",
+      elRef: ctx.fullscreenElRef
+    }))
+  };
+  var dftLeft = [
+  // left
+  builtin.setting, builtin.fullscreen];
+  var left = getGetterValue(getLeft, dftLeft, [Object.assign(Object.assign({}, ctx), {
+    builtin: builtin
+  })]);
+  var right = getGetterValue(getRight, [], [ctx]);
+  var className = cx('table-toolbar', props.className);
+  return /*#__PURE__*/React.createElement(ActionsBar, Object.assign({
+    left: left,
+    right: right
+  }, restProps, {
+    className: className,
+    // 此处 data 的空数组是为了避开必填检验
+    // 详细原因是：类型标注为表格的行数据
+    // 但若从 tabCtx 上获取，会丢失实时性
+    // 因此如需行数据信息，需自行从 ctx 上获取
+    data: [],
+    ctx: ctx
+  }));
+}
+export { TableToolbar };

package/lib/esm/trigger.js

@@ -0,0 +1,37 @@
+/** @LICENSE
+ * @hi-ui/schema-action-trigger
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { Button } from '@hi-ui/button';
+import { getBoolGetterValue } from '@hi-ui/schema-utils';
+function ActionTrigger(props) {
+  var text = props.text,
+    _onClick = props.onClick,
+    disabled = props.disabled,
+    visible = props.visible,
+    type = props.type;
+  var data = props.data,
+    ctx = props.ctx;
+  // 检查按钮是否可见
+  var isVisible = getBoolGetterValue(visible, true, [data, ctx]);
+  if (!isVisible) return null;
+  // 检查按钮是否禁用
+  var isDisabled = getBoolGetterValue(disabled, false, [data, ctx]);
+  return /*#__PURE__*/React.createElement(Button, {
+    key: text,
+    icon: props.icon,
+    appearance: props.appearance,
+    disabled: isDisabled,
+    type: type || 'primary',
+    onClick: function onClick() {
+      return _onClick(data, ctx);
+    }
+  }, text);
+}
+export { ActionTrigger };

package/lib/types/_utils.d.ts

@@ -0,0 +1,8 @@
+export declare const actionBarClsPrefix = "actions-bar";
+export declare const actionBarCls: (...args: ((string | false | null | undefined) | {
+    [x: string]: boolean | null | undefined;
+})[]) => string;
+export declare const unifiedActionsClsPrefix = "unified-actions";
+export declare const unifiedActionsCls: (...args: ((string | false | null | undefined) | {
+    [x: string]: boolean | null | undefined;
+})[]) => string;

package/lib/types/actions.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type SpaceProps } from '@hi-ui/space';
+import type { ActionTriggerProps, WithActionCtx } from './trigger';
+import './index.scss';
+export type ActionElEnumType = 'primitive' | 'jsx' | 'component' | 'config' | 'more';
+export type ActionElType = {
+    type: ActionElEnumType;
+    jsx: React.ReactElement;
+};
+export type ActionComponentType<TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject> = React.ComponentType<{
+    data: TData;
+    ctx: TCtx;
+}>;
+export type ActionsProps<TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject> = WithActionCtx<{
+    /** 按钮配置 */
+    actions: (ActionTriggerProps<TData, TCtx> | ActionComponentType<TData, TCtx> | React.ReactNode)[];
+    /**
+     * 最大显示数量
+     * @desc 超过最大数量时，会显示【更多】按钮
+     * @desc 默认显示全部，相当于 maxCount 为 Infinity
+     */
+    maxCount?: number;
+    className?: string;
+    direction?: SpaceProps['direction'];
+}, TData, TCtx>;
+export declare function Actions<TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject>(props: ActionsProps<TData, TCtx>): JSX.Element;

package/lib/types/bar.d.ts

@@ -0,0 +1,11 @@
+import type { ActionsProps } from './actions';
+import type { WithActionCtx } from './trigger';
+import './index.scss';
+export type ActionsBarProps<TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject> = WithActionCtx<{
+    left?: ActionsProps<TData, TCtx>['actions'];
+    right?: ActionsProps<TData, TCtx>['actions'];
+    className?: string;
+    leftClassName?: string;
+    rightClassName?: string;
+}, TData, TCtx>;
+export declare function ActionsBar<TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject>(props: ActionsBarProps<TData, TCtx>): JSX.Element;

package/lib/types/builtin/fullscreen.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type FullscreenProps = {
+    elRef: React.RefObject<HTMLElement>;
+};
+export declare function Fullscreen(props: FullscreenProps): JSX.Element;

package/lib/types/builtin/index.d.ts

@@ -0,0 +1,2 @@
+export * from './fullscreen';
+export * from './setting';

package/lib/types/builtin/setting.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FieldConfigType } from '@hi-ui/schema-core';
+export type SettingProps = {
+    fields: FieldConfigType[];
+    tableRef: React.RefObject<AnyObject>;
+    storageKey?: string;
+};
+export declare function Setting(props: SettingProps): JSX.Element;

package/lib/types/index.d.ts

@@ -0,0 +1,7 @@
+import '@hi-ui/schema-types';
+export * from './actions';
+export * from './bar';
+export * from './more';
+export * from './trigger';
+export * from './builtin';
+export * from './toolbar/table';

package/lib/types/more.d.ts

@@ -0,0 +1,6 @@
+import type { ActionElType } from './actions';
+type MoreActionTriggerProps = {
+    els: ActionElType[];
+};
+export declare function MoreActionTrigger(props: MoreActionTriggerProps): JSX.Element | null;
+export {};

package/lib/types/toolbar/table.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { SchemaFormProps } from '@hi-ui/schema-core';
+import type { ActionsProps } from '../actions';
+import type * as BuiltinActionsType from '../builtin';
+type ToolbarActionsType = ActionsProps<AnyObject[], TableToolbarCtxType>['actions'];
+export type ToolbarConfigType = {
+    left?: AnyGetter<CustomLeftActionRenderType>;
+    right?: AnyGetter<CustomRightActionRenderType>;
+};
+type BuiltinLeftActionType = {
+    setting: React.ReactElement;
+    fullscreen: React.ReactElement;
+};
+type CustomLeftActionRenderType = (ctx: TableToolbarCtxType & AnyObject & {
+    builtin: BuiltinLeftActionType;
+}) => ToolbarActionsType;
+type CustomRightActionRenderType = (ctx: TableToolbarCtxType & AnyObject) => ToolbarActionsType;
+export type TableToolbarCtxType = {
+    tableFields: BuiltinActionsType.SettingProps['fields'];
+    tableCtxRef: BuiltinActionsType.SettingProps['tableRef'];
+    fullscreenElRef: BuiltinActionsType.FullscreenProps['elRef'];
+    formRef?: SchemaFormProps['formRef'];
+};
+export type TableToolbarProps = ToolbarConfigType & {
+    className?: string;
+    ctx: TableToolbarCtxType;
+};
+export declare function TableToolbar(props: TableToolbarProps): JSX.Element;
+export {};

package/lib/types/trigger.d.ts

@@ -0,0 +1,11 @@
+import type { ActionFnParams, ActionConfigType } from '@hi-ui/schema-core';
+export type { ActionFnParams, ActionConfigType };
+export type WithActionCtx<T, TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject> = T & {
+    /** 数据 */
+    data: TData;
+    /** 上下文 */
+    ctx: TCtx;
+};
+/** 【操作按钮】组件的配置选项类型 */
+export type ActionTriggerProps<TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject> = WithActionCtx<ActionConfigType<TData, TCtx>, TData, TCtx>;
+export declare function ActionTrigger<TData extends AnyObject = AnyObject, TCtx extends AnyObject = AnyObject>(props: ActionTriggerProps<TData, TCtx>): JSX.Element | null;

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@hi-ui/schema-action-trigger",
+  "version": "4.0.0-experimental.1",
+  "description": "A sub-package for @hi-ui/schema.",
+  "keywords": [],
+  "author": "HiUI <mi-hiui@xiaomi.com>",
+  "homepage": "https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-action-trigger#readme",
+  "license": "MIT",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "typings": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XiaoMi/hiui.git"
+  },
+  "scripts": {
+    "test": "jest",
+    "clean": "rimraf lib",
+    "prebuild": "yarn clean",
+    "build:esm": "hi-build ./src/index.ts --format esm -d ./lib/esm",
+    "build:cjs": "hi-build ./src/index.ts --format cjs -d ./lib/cjs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
+    "build": "concurrently yarn:build:*"
+  },
+  "bugs": {
+    "url": "https://github.com/XiaoMi/hiui/issues"
+  },
+  "dependencies": {
+    "@hi-ui/button": ">=5.0.0-experimental.0",
+    "@hi-ui/classname": ">=5.0.0-experimental.0",
+    "@hi-ui/dropdown": ">=5.0.0-experimental.0",
+    "@hi-ui/icons": ">=5.0.0-experimental.0",
+    "@hi-ui/schema-core": ">=4.0.0-experimental.1",
+    "@hi-ui/schema-utils": ">=4.0.0-experimental.1",
+    "@hi-ui/space": ">=5.0.0-experimental.0",
+    "@hi-ui/schema-table-extensions": ">=4.0.0-experimental.1",
+    "react-is": "^17.0.2"
+  },
+  "peerDependencies": {
+    "@hi-ui/schema-types": ">=4.0.0-experimental.1",
+    "@hi-ui/utility-types": ">=4.0.0-experimental.1",
+    "ahooks": "^3.9.6",
+    "react": ">=16.8.6"
+  },
+  "devDependencies": {
+    "@hi-ui/schema-types": ">=4.0.0-experimental.1",
+    "@hi-ui/utility-types": ">=4.0.0-experimental.1",
+    "react": "^17.0.2"
+  },
+  "volta": {
+    "node": "14.21.3"
+  }
+}