@cgeui/business-components 0.0.1 → 0.0.3

package/dist/lib/utils/store/action.js

@@ -0,0 +1,322 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionTarget = exports.ActionStore = exports.Action = void 0;
+var _env = _interopRequireDefault(require("../constants/env"));
+var _lodash = require("lodash");
+var _mobx = require("mobx");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var Action = exports.Action = /*#__PURE__*/_createClass(function Action(action) {
+  _classCallCheck(this, Action);
+  /**action的名字 */
+  _defineProperty(this, "title", void 0);
+  /**action对象的名字，即组件名 默认window */
+  // targetName: string;
+  /**执行action的对象 */
+  _defineProperty(this, "target", void 0);
+  /**action的方法 */
+  _defineProperty(this, "fn", void 0);
+  /**action提供外部访问的数据 */
+  _defineProperty(this, "data", void 0);
+  /**action类型 */
+  _defineProperty(this, "type", void 0);
+  /**对应target dataSet中的字段 */
+  _defineProperty(this, "dataKey", void 0);
+  /**处理params的方法 */
+  _defineProperty(this, "handlerParamsFn", void 0);
+  _defineProperty(this, "throttle", void 0);
+  _defineProperty(this, "debounced", void 0);
+  this.title = action.title;
+  // this.targetName = action.targetName || 'window';
+  this.target = action.target || window;
+  this.dataKey = action.dataKey;
+  this.type = action.type;
+  this.throttle = action === null || action === void 0 ? void 0 : action.throttle;
+  this.debounced = action.debounced;
+  this.fn = action.fn;
+  this.handlerParamsFn = action.handlerParamsFn;
+  if (this.debounced) {
+    this.fn = (0, _lodash.debounce)(this.fn, this.debounced.waitTime);
+  }
+  this.data = action.data;
+  /**TODO
+      // this.when = action.when || null;
+      // this.on = action.on;
+      // this.target=action.target
+      // this.type=ation.type
+      // this.beforeComplete = action.beforeComplete;
+      // this.callback = action.callback;
+      // this.isCompleted = action.isCompleted || false;
+      // this.isStart = false;
+      // this.status = null;
+      // makeObservable(this, {
+      //   title: observable,
+      //   data: observable,
+      //   // setData: mAction,
+      //   // ref: observable,
+      //   // isCompleted: observable,
+      //   // isEditing: observable,
+      // });
+      */
+}
+
+// handlerParams(params) {
+//   switch (this.type) {
+//     case 'setDataSet':
+//       return [this.dataKey, params];
+//     default:
+//       return this.handlerParamsFn?.(params) || params;
+//   }
+// }
+
+// setData(data) {
+//   this.data = data;
+// }
+// run(params) {
+//   let res;
+//   if (this.fn) {
+//     res = this.fn.call(this.target, params);
+//   } else {
+//     res = this.target[this.type](params);
+//   }
+//   this.setData(res);
+//   if (this.dataKey) {
+//     this.target.setDataSet(this.dataKey, res);
+//   }
+//   return res;
+// }
+);
+var ActionTarget = exports.ActionTarget = /*#__PURE__*/function () {
+  function ActionTarget(parmas) {
+    _classCallCheck(this, ActionTarget);
+    /**action对象的名字，即组件名 默认window */
+    _defineProperty(this, "targetName", void 0);
+    /**执行action的对象 */
+    // _target: any;
+    // targets: ActionTargetsType | undefined;
+    /**action主体类型 window/scope */
+    _defineProperty(this, "type", void 0);
+    /**actions */
+    _defineProperty(this, "actions", {});
+    /**数据集 */
+    _defineProperty(this, "dataSet", void 0);
+    this.targetName = parmas.targetName;
+    this.type = parmas.type || 'scope';
+    this.dataSet = parmas.dataSet || {};
+    this.initActions(parmas.actionList);
+    (0, _mobx.makeObservable)(this, {
+      actions: _mobx.observable,
+      dataSet: _mobx.observable,
+      register: _mobx.action,
+      // target: computed,
+      // actionStore: computed,
+      setDataSet: _mobx.action
+    });
+  }
+  _createClass(ActionTarget, [{
+    key: "initActions",
+    value: function initActions() {
+      var _this = this;
+      var actionList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      if (actionList) {
+        actionList.forEach(function (element) {
+          if (!element.type) {
+            throw Error("element.type is required");
+          }
+          if (!_this.getActionFun(element)) {
+            throw Error("element.type ".concat(element.type, " and element.fn is invalid"));
+          }
+          _this.actions[element.type] = new Action({
+            targetName: _this.targetName,
+            dataKey: element.dataKey,
+            // target: this,
+            type: element.type,
+            fn: element.fn
+          });
+        });
+      }
+    }
+  }, {
+    key: "getActionFun",
+    value: function getActionFun(action) {
+      var _this2 = this;
+      if (this.targetName === 'window') {
+        if (!window[action.type]) {
+          throw Error("window function ".concat(action.type, " is not exist"));
+        }
+        return window[action.type];
+      }
+      if (this[action.type]) {
+        return this[action.type];
+      }
+      if (action.fn) return action.fn;
+      // debugger;
+      return function () {
+        for (var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++) {
+          arg[_key] = arguments[_key];
+        }
+        return _this2.setDataSet.apply(_this2, [action.dataKey].concat(arg));
+      };
+      // throw Error(`${this.targetName}'s action ${action.type} is invalid`);
+    }
+    // get actionStore() {
+    //   return getActionStore();
+    // }
+
+    // get target() {
+    //   if (this.targetName === 'window') {
+    //     return window;
+    //   }
+    //   if (this.actionStore) {
+    //     return this.actionStore.getTarget(this.targetName);
+    //   }
+    // }
+  }, {
+    key: "setDataSet",
+    value: function setDataSet() {
+      for (var _len2 = arguments.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        arg[_key2] = arguments[_key2];
+      }
+      if (arg.length === 1) {
+        var _arg$ = arg[0],
+          dataKey = _arg$.dataKey,
+          value = _arg$.value;
+        if (dataKey) {
+          if ((0, _lodash.isEqual)(value, this.dataSet[dataKey])) {
+            console.log("".concat(dataKey, " value no change"), value);
+            return;
+          }
+          (0, _lodash.set)(this.dataSet, dataKey, value);
+        } else {
+          this.dataSet = arg[0];
+        }
+      } else if (arg.length === 2) {
+        if (arg[0] === undefined) {
+          this.dataSet = arg[1];
+        } else {
+          (0, _lodash.set)(this.dataSet, arg[0], arg[1]);
+        }
+      } else {
+        throw Error("setDataSet params error.".concat(arg));
+      }
+    }
+  }, {
+    key: "register",
+    value: function register(action) {
+      if (!action.type) {
+        throw Error('register action error');
+      }
+      if (!this.actions[action.type]) {
+        this.actions[action.type] = new Action(action);
+      }
+    }
+  }, {
+    key: "getAction",
+    value: function getAction(type) {
+      if (this.actions[type]) {
+        return this.actions[type];
+      }
+      throw Error("action name ".concat(type, " is not exist"));
+    }
+  }, {
+    key: "runAction",
+    value: function runAction(actionParmas, params) {
+      var paramsHandler = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var action = actionParmas.type ? actionParmas : this.getAction(actionParmas);
+      var arg = [(0, _lodash.isFunction)(paramsHandler) ? paramsHandler(params) : params];
+      if (action.type !== 'setDataSet' && action.fn) {
+        arg.push({
+          actionTarget: this,
+          action: action
+        });
+      }
+      return this.getActionFun(action).apply(this, arg);
+    }
+  }]);
+  return ActionTarget;
+}();
+var ActionStore = exports.ActionStore = /*#__PURE__*/function () {
+  function ActionStore() {
+    _classCallCheck(this, ActionStore);
+    _defineProperty(this, "targets", void 0);
+    this.targets = _defineProperty({
+      window: new ActionTarget({
+        targetName: 'window',
+        // target: this,
+        actionList: [{
+          title: '打开窗口',
+          type: 'open'
+        }]
+        // ajax、link、url、drawer、dialog、confirm、cancel、prev、next、copy、close
+      })
+    }, _env.default.namespace, new ActionTarget({
+      targetName: _env.default.namespace,
+      actionList: [{
+        title: '打开详情',
+        type: 'lookUp',
+        fn: function fn(url) {
+          window.location.href = url;
+          // history.push(url);
+        }
+      }, {
+        title: '数据导出',
+        type: 'export',
+        fn: function fn() {}
+      }]
+    }));
+    (0, _mobx.makeObservable)(this, {
+      targets: _mobx.observable,
+      register: _mobx.action
+    });
+  }
+  _createClass(ActionStore, [{
+    key: "register",
+    value: function register(actionTarget) {
+      if (!actionTarget.targetName) {
+        throw Error('register action error');
+      }
+      if (!this.targets[actionTarget.targetName]) {
+        // this.targets[action.name] = {};
+        this.targets[actionTarget.targetName] = new ActionTarget(_objectSpread(_objectSpread({}, actionTarget), {}, {
+          actionList: [{
+            type: 'setDataSet'
+          }].concat(actionTarget.actionList || [])
+
+          // targets: this,
+        }));
+      }
+    }
+  }, {
+    key: "getTarget",
+    value: function getTarget(targetName) {
+      if (this.targets[targetName]) {
+        return this.targets[targetName];
+      }
+      throw Error("action name ".concat(targetName, " is not exist"));
+    }
+  }, {
+    key: "runTargetAction",
+    value: function runTargetAction(_ref) {
+      var _ref$targetName = _ref.targetName,
+        targetName = _ref$targetName === void 0 ? 'window' : _ref$targetName,
+        actionName = _ref.actionName,
+        params = _ref.params,
+        paramsHandler = _ref.paramsHandler;
+      var target = this.getTarget(targetName);
+      return target === null || target === void 0 ? void 0 : target.runAction(actionName, params, paramsHandler);
+    }
+  }]);
+  return ActionStore;
+}(); // export const actionStore = new ActionStore();
+// const getActionStore = () => actionStore;

package/dist/lib/utils/store/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRootStore = exports.useActionTargets = exports.useActionStore = exports.RootStoreProvider = void 0;
+var _react = require("react");
+var _action = require("./action");
+var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var RootStore = /*#__PURE__*/_createClass(function RootStore(initStore) {
+  _classCallCheck(this, RootStore);
+  _defineProperty(this, "actionStore", void 0);
+  Object.assign(this, initStore);
+});
+var rootStore = new RootStore({
+  actionStore: new _action.ActionStore()
+});
+var RootStoreContext = /*#__PURE__*/(0, _react.createContext)(rootStore);
+var RootStoreProvider = exports.RootStoreProvider = function RootStoreProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootStoreContext.Provider, {
+    value: rootStore,
+    children: children
+  });
+};
+var useRootStore = exports.useRootStore = function useRootStore() {
+  return (0, _react.useContext)(RootStoreContext);
+};
+var useActionStore = exports.useActionStore = function useActionStore(actionTarget) {
+  var _useContext = (0, _react.useContext)(RootStoreContext),
+    actionStore = _useContext.actionStore;
+  if (actionTarget) {
+    actionStore.register(actionTarget);
+  }
+  return actionStore;
+};
+var useActionTargets = exports.useActionTargets = function useActionTargets(targetName) {
+  var actionStore = useActionStore();
+  if (targetName) {
+    return actionStore.getTarget(targetName);
+  }
+  return actionStore.targets;
+};

package/dist/lib/utils/tableAdapter/CustomFilter.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CustomFilter;
+var _time = require("../time");
+var _icons = require("@ant-design/icons");
+var _components = require("@cgeui/components");
+var _lodash = require("lodash");
+var _react = require("react");
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function CustomFilter(_ref) {
+  var actionTarget = _ref.actionTarget,
+    action = _ref.action,
+    renderType = _ref.renderType,
+    valueEnum = _ref.valueEnum,
+    dataIndex = _ref.dataIndex,
+    selectedKeys = _ref.selectedKeys,
+    setSelectedKeys = _ref.setSelectedKeys,
+    confirm = _ref.confirm,
+    clearFilters = _ref.clearFilters;
+  var handleValue = (0, _react.useCallback)(function (value, _renderType) {
+    var _value = value;
+    if (['dateTimeRange', 'dateRange'].includes(_renderType)) {
+      _value = (0, _time.getDataRangeByAggregationRule)(value);
+    }
+    return _value;
+  }, []);
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchedColumn = _useState2[0],
+    setSearchedColumn = _useState2[1];
+  var _useState3 = (0, _react.useState)(function () {
+      return handleValue(selectedKeys, renderType);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var tempValue = (0, _react.useRef)(value);
+  console.log(searchedColumn);
+  var trim = function trim(val) {
+    if (!val) return val;
+    if (typeof val === 'string') {
+      return val.trim();
+    }
+    if ((0, _lodash.isArray)(val)) {
+      return val.map(function (item) {
+        return trim(item);
+      });
+    }
+    return val;
+  };
+  var setTempValue = function setTempValue(val) {
+    tempValue.current = val;
+  };
+  var handleReset = function handleReset(clearFilter) {
+    clearFilter();
+    setValue([]);
+    tempValue.current = [];
+  };
+  // 将时间转换为合适的moment，不然RangePicker会报错
+  var setHandledValue = (0, _react.useCallback)(function (_value, _renderType) {
+    return setValue(handleValue(_value, _renderType));
+  }, [handleValue]);
+  (0, _react.useEffect)(function () {
+    setHandledValue(selectedKeys, renderType);
+  }, [selectedKeys, renderType, setHandledValue]);
+  var setFilteredInfo = function setFilteredInfo(val) {
+    setSelectedKeys(val);
+    console.log("debug::action", action);
+    console.log("debug::dataIndex", dataIndex);
+    actionTarget === null || actionTarget === void 0 || actionTarget.runAction('setDataSet', {
+      dataKey: "".concat(action.dataKey, ".").concat(dataIndex),
+      value: val
+    });
+    console.log("debug::actionTarget1", actionTarget);
+  };
+  var handleSearch = function handleSearch() {
+    var newValue = value;
+    // 时间过滤不走tempValue
+    if (!['dateTimeRange', 'dateRange'].includes(renderType)) {
+      setTempValue(trim(tempValue.current));
+      newValue = tempValue.current;
+      console.log('handleSearch', value, newValue);
+      setValue(newValue);
+    }
+    setFilteredInfo(newValue);
+    confirm();
+    setSearchedColumn(dataIndex);
+  };
+  // const rangePresets = {
+  //   // 近1天: [moment().subtract(1, 'd'), moment()],
+  //   过去7天: [moment().subtract(6, 'd'), moment()],
+  //   过去30天: [moment().subtract(29, 'd'), moment()],
+  //   今年: [moment().startOf('y'), moment()],
+  // };
+
+  var SearchInput = function SearchInput(_ref2) {
+    var type = _ref2.type,
+      valEnum = _ref2.valEnum;
+    // const { RangePicker } = DatePicker;
+
+    switch (type) {
+      // case 'dateRange':
+      //   return (
+      //     <RangePicker
+      //       value={value}
+      //       allowClear={false}
+      //       ranges={rangePresets}
+      //       onChange={(dates: any) => {
+      //         setHandledValue(dates, 'dateRange');
+      //       }}
+      //     />
+      //   );
+      // case 'dateTimeRange':
+      //   return (
+      //     <ProFormDateTimeRangePicker
+      //       value={value}
+      //       allowClear={false}
+      //       onChange={(dates: any, dateStrings: any) => {
+      //         console.log(dates, dateStrings);
+      //         setValue(dateStrings);
+      //       }}
+      //       fieldProps={{
+      //         format: 'YYYY-MM-DD HH:mm',
+      //       }}
+      //     />
+      //   );
+      case 'checkbox':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Checkbox.Group, {
+          options: valEnum,
+          defaultValue: value,
+          onChange: setTempValue
+        });
+      case 'tree':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tree, {
+          checkable: true,
+          checkedKeys: value,
+          treeData: valEnum,
+          onCheck: setTempValue
+        });
+      // case 'selectSearch':
+      //   return (
+      //     <SelectSearch
+      //       defaultValue={value}
+      //       setTempValue={setTempValue}
+      //       selectSearchType={selectSearchType}
+      //     />
+      //   );
+      default:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Input, {
+          className: 'input',
+          defaultValue: value,
+          onChange: function onChange(e) {
+            return tempValue.current = e.target.value ? [e.target.value] : [];
+          },
+          onPressEnter: handleSearch,
+          style: {
+            marginBottom: 8,
+            display: 'block'
+          }
+        }, "input");
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: 'customFilter',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Space, {
+      className: 'title',
+      children: ["\u7B5B\u9009", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
+        className: 'close',
+        onClick: function onClick() {
+          confirm();
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'content',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SearchInput, {
+        type: renderType,
+        valEnum: valueEnum
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'splice'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Space, {
+      align: "end",
+      className: 'buttonLine',
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        type: "link",
+        onClick: function onClick() {
+          return clearFilters && handleReset(clearFilters);
+        },
+        size: "small",
+        children: "\u91CD\u7F6E"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        type: "link",
+        onClick: function onClick() {
+          return handleSearch();
+        },
+        size: "small",
+        children: "\u67E5\u8BE2"
+      })]
+    })]
+  });
+}

package/dist/lib/utils/tableAdapter/index.less

@@ -0,0 +1,50 @@
+// .customFilter {
+//   width: 276px;
+//   min-height: 180px;
+//   padding: 20px 8px 0;
+
+//   .title {
+//     justify-content: space-between;
+//     width: 100%;
+//     color: #fff;
+//     font-weight: 700;
+//     font-size: 16px;
+//     letter-spacing: 0;
+
+//     .close {
+//       width: 11.8px;
+//       height: 11.8px;
+//       font-size: 11px;
+//       cursor: pointer;
+//     }
+//   }
+
+//   .content {
+//     padding-top: 20px;
+//     padding-bottom: 20px;
+//   }
+
+//   .input {
+//     height: 32px;
+//     background: none;
+//     border: 1px solid rgb(102 48 48 / 20%);
+//     border-radius: 2px;
+//   }
+
+//   .filterDropdown {
+//     background-color: '#0C6FF2';
+//   }
+
+//   .splice {
+//     height: 1px;
+//     background: #e9e9e9;
+//     opacity: 0.08;
+//   }
+
+//   .buttonLine {
+//     align-items: center;
+//     justify-content: flex-end;
+//     width: 100%;
+//     height: 48px;
+//   }
+// }