@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.20

package/esm/form/form.js

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _hooks = require("@sheinx/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _modalContext = require("../modal/modal-context");
+var _formFooterContext = require("./form-footer-context");
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["jssStyle", "className", "style", "children", "formRef"];
@@ -33,7 +33,7 @@ var Form = function Form(props) {
     formRef = props.formRef,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var formClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$form = jssStyle.form) === null || _jssStyle$form === void 0 ? void 0 : _jssStyle$form.call(jssStyle);
-  var modalFormContext = (0, _react.useContext)(_modalContext.ModalFormContext);
+  var modalFormContext = (0, _formFooterContext.useFormFooter)();
   var _props$value = props.value,
     value = _props$value === void 0 ? props.defaultValue : _props$value,
     onChange = props.onChange;

package/esm/form/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/gap/gap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAgC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAkC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/esm/gap/gap.js

@@ -12,11 +12,13 @@ require("core-js/modules/es.array.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _support = _interopRequireDefault(require("./support"));
 var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var supportFlexGap = undefined;
 var Gap = function Gap(props) {
+  var _jssStyle$gap;
   if (supportFlexGap === undefined) supportFlexGap = (0, _support.default)();
   var _props$column = props.column,
     column = _props$column === void 0 ? 8 : _props$column,
@@ -25,7 +27,9 @@ var Gap = function Gap(props) {
     style = props.style,
     className = props.className,
     children = props.children,
-    itemStyleProps = props.itemStyle;
+    itemStyleProps = props.itemStyle,
+    jssStyle = props.jssStyle;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$gap = jssStyle.gap) === null || _jssStyle$gap === void 0 ? void 0 : _jssStyle$gap.call(jssStyle);
   var extendStyle = supportFlexGap ? {
     display: 'flex',
     flexDirection: 'row',
@@ -41,10 +45,11 @@ var Gap = function Gap(props) {
     marginRight: column
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: className,
+    className: (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.wrapper),
     style: _objectSpread(_objectSpread({}, extendStyle), style),
     children: _react.default.Children.map(children, function (child) {
       return child && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.item,
         style: itemStyle,
         children: child
       });

package/esm/gap/gap.type.d.ts

@@ -1,9 +1,16 @@
 import React from 'react';
 import { CommonType } from '../common/type';
+export interface GapClasses {
+    wrapper: string;
+    item: string;
+}
 /**
  * @title Gap
  */
 export interface GapProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: {
+        gap?: () => GapClasses;
+    };
     /**
      * @en column spacing in the horizontal direction
      * @cn 水平方向的列间距

package/esm/gap/gap.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gap.type.d.ts","sourceRoot":"","sources":["gap.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACvE;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"gap.type.d.ts","sourceRoot":"","sources":["gap.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACvE,QAAQ,CAAC,EAAE;QACT,GAAG,CAAC,EAAE,MAAM,UAAU,CAAC;KACxB,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/gap/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/gap/support.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"support.d.ts","sourceRoot":"","sources":["support.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,cAAc,YAcrC"}
+{"version":3,"file":"support.d.ts","sourceRoot":"","sources":["support.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,cAAc,YAerC"}

package/esm/gap/support.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = flexGapSupport;
 function flexGapSupport() {
+  if (typeof window === 'undefined') return true;
   var flex = document.createElement('div');
   flex.style.display = 'flex';
   flex.style.flexDirection = 'column';

package/esm/grid/grid.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { GridProps } from './grid.type';
+declare const Gird: {
+    (props: GridProps): JSX.Element;
+    isGrid: boolean;
+};
+export default Gird;
+//# sourceMappingURL=grid.d.ts.map

package/esm/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["grid.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;YAAW,SAAS;;CAyC7B,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/esm/grid/grid.js

@@ -0,0 +1,86 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _util = require("./util");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["width", "offset", "responsive", "stretch", "children", "gutter"];
+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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Gird = function Gird(props) {
+  var _props$width = props.width,
+    width = _props$width === void 0 ? 1 : _props$width,
+    offset = props.offset,
+    responsive = props.responsive,
+    stretch = props.stretch,
+    children = props.children,
+    gutter = props.gutter,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var autoCount = 0;
+  var settleWidth = 0;
+  _react.Children.toArray(children).forEach(function (c) {
+    var child = c;
+    if (child.type && child.type.isGrid) {
+      if (child.props.width) settleWidth += child.props.width;else autoCount += 1;
+    }
+  });
+  var autoWidth = autoCount > 0 ? (1 - settleWidth) / autoCount : 0;
+  var className = (0, _classnames.default)(props.className, (0, _util.getGrid)({
+    width: width,
+    offset: offset,
+    responsive: responsive
+  }));
+  var style = Object.assign({}, props.style);
+  if (gutter && gutter > 0) {
+    style.width = 'auto';
+    style.display = 'block';
+    style.marginLeft = "".concat(0 - gutter / 2, "px");
+    style.marginRight = "".concat(0 - gutter / 2, "px");
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, other), {}, {
+    style: style,
+    className: className,
+    children: _react.Children.toArray(children).map(function (c) {
+      var child = c;
+      if (child.type && child.type.isGrid) {
+        var pps = {
+          style: Object.assign({}, child.props.style)
+        };
+        if (!child.props.width) pps.width = autoWidth;
+        if (stretch) pps.style = _objectSpread(_objectSpread({}, pps.style), {}, {
+          minHeight: '100%',
+          height: '100%'
+        });
+        if (gutter && gutter > 0) {
+          pps.style = _objectSpread(_objectSpread({}, pps.style), {}, {
+            paddingLeft: gutter / 2,
+            paddingRight: gutter / 2
+          });
+        }
+        return /*#__PURE__*/(0, _react.cloneElement)(child, pps);
+      }
+      return child;
+    })
+  }));
+};
+Gird.isGrid = true;
+var _default = Gird;
+exports.default = _default;

package/esm/grid/grid.type.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { CommonType } from '../common/type';
+export declare type ResponsiveType = 'sm' | 'md' | 'lg' | 'xl';
+export interface GridProps extends Pick<CommonType, 'className' | 'style'> {
+    /**
+     * @en Spacing between grids
+     * @cn 栅格之间间距
+     */
+    gutter?: number;
+    /**
+     * @en Left offset percentage, 0 <= offset < 1
+     * @cn 左偏移百分比，0 <= offset < 1
+     * @default 0
+     */
+    offset?: number;
+    /**
+     * @en Percentage of width, 0 < number <= 1
+     * @cn 宽度百分比，0 < number <= 1
+     * @default 1
+     */
+    width?: number;
+    /**
+     * @en The min size of responsive: sm: 568px; md: 768px; lg: 992px; xl: 1200px
+     * @cn 激活响应式的最小尺寸。sm: 568px; md: 768px; lg: 992px; xl: 1200px;
+     * 例如：设置为 sm 时，屏幕尺寸若低于568px，栅格系统的响应性将不会生效。
+     *
+     * @default 'md'
+     */
+    responsive?: ResponsiveType;
+    /**
+     * @en Stretch full height of content
+     * @cn 是否撑满容器高度
+     */
+    stretch?: boolean;
+    /**
+     * @en children
+     * @cn 子元素
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=grid.type.d.ts.map

package/esm/grid/grid.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.type.d.ts","sourceRoot":"","sources":["grid.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACxE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/esm/grid/grid.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/grid/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Grid } from './grid';
+export type { GridProps } from './grid.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/esm/grid/index.js

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _grid.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _grid.default;
+  }
+});
+var _grid = _interopRequireDefault(require("./grid"));

package/esm/grid/util.d.ts

@@ -0,0 +1,14 @@
+declare const RESPONSIVE: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+declare type Responsive = keyof typeof RESPONSIVE;
+export declare function getGrid(opt?: number | {
+    width?: number;
+    offset?: number | string;
+    responsive?: Responsive;
+}): string;
+export {};
+//# sourceMappingURL=util.d.ts.map

package/esm/grid/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["util.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;CAKf,CAAC;AACF,aAAK,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AA0D1C,wBAAgB,OAAO,CACrB,GAAG,CAAC,EACA,MAAM,GACN;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,UAeN"}

package/esm/grid/util.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGrid = getGrid;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+var _config = require("../config");
+var _hooks = require("@sheinx/hooks");
+var CACHES = {};
+var RESPONSIVE = {
+  sm: '568',
+  md: '768',
+  lg: '992',
+  xl: '1200'
+};
+var GridClassName = "".concat(_config.config.prefix, "-grid");
+var GridFullClassName = "".concat(_config.config.prefix, "-grid-full");
+var defaultResponsive = 'md';
+function createStyle(text, id) {
+  if (!_hooks.util.isBrowser()) {
+    return;
+  }
+  var style = document.head.querySelector("#".concat(id));
+  if (style) {
+    return;
+  }
+  style = document.createElement('style');
+  style.type = 'text/css';
+  style.id = id;
+  style.innerHTML = text;
+  document.head.appendChild(style);
+}
+function generateGrid(width, className, responsive) {
+  var minWidth = RESPONSIVE[responsive];
+  var text = "@media screen and (min-width: ".concat(minWidth, "px) { .").concat(className, "{width: ").concat(width, "%} }");
+  createStyle(text, className);
+}
+function generateOffset(width, className, responsive) {
+  var minWidth = RESPONSIVE[responsive];
+  var text = "@media screen and (min-width: ".concat(minWidth, "px) { .").concat(className, "{margin-left: ").concat(width, "%} }");
+  createStyle(text, className);
+}
+function generate(w, type, res) {
+  var width = w;
+  var responsive = res || defaultResponsive;
+  if (!width || Number(width) <= 0) {
+    return '';
+  }
+  if (Number(width) > 1) {
+    width = 1;
+  }
+  width = (width * 100).toFixed(4);
+  width = width.substr(0, width.length - 1);
+  var className = "".concat(_config.config.prefix, "-").concat(type, "-").concat(responsive, "-").concat(width.replace('.', '-'));
+  if (!CACHES[className]) {
+    if (type === 'grid') {
+      generateGrid(width, className, responsive);
+    } else {
+      generateOffset(width, className, responsive);
+    }
+    CACHES[className] = true;
+  }
+  return className;
+}
+function getGrid(opt) {
+  var options = opt;
+  if (!options) {
+    return '';
+  }
+  if (typeof options === 'number') {
+    options = {
+      width: options
+    };
+  }
+  var _options = options,
+    width = _options.width,
+    offset = _options.offset,
+    responsive = _options.responsive;
+  var gridClass = generate(width, 'grid', responsive);
+  var offsetClass = generate(offset, 'offset', responsive);
+  return "".concat(GridClassName, " ").concat(GridFullClassName, " ").concat(gridClass, " ").concat(offsetClass);
+}
+function init() {
+  var text = [];
+  text.push("\n.".concat(GridClassName, " {\n  position: relative;\n  display: inline-block;\n  zoom: 1;\n  letter-spacing: normal;\n  word-spacing: normal;\n  vertical-align: top;\n  text-rendering: auto;\n  box-sizing: border-box;\n}"));
+  text.push(".".concat(GridFullClassName, "{width:100%}"));
+  createStyle(text.join(''), GridClassName);
+}
+init();

package/esm/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwD5C,iBAAS,QAAQ,CACf,GAAG,EAAE,MAAM,EACX,UAAU,SAAa,EACvB,MAAM,SAAS,GACd,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CA0BpC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAyD5C,iBAAS,QAAQ,CACf,GAAG,EAAE,MAAM,EACX,UAAU,SAAa,EACvB,MAAM,SAAS,GACd,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CA4BpC;AAED,eAAe,QAAQ,CAAC"}

package/esm/icon/icon.js

@@ -14,6 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "prefix", "name", "fontFamily", "fontSize", "ext", "jssStyle"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -73,19 +74,21 @@ function makeIcon(url) {
     return null;
   }
   var ext = url.substr(url.lastIndexOf('.') + 1);
-  if (ext === 'css' && !links[url]) {
-    links[url] = true;
-    var link = document.createElement('link');
-    link.setAttribute('rel', 'stylesheet');
-    link.setAttribute('type', 'text/css');
-    link.setAttribute('href', url);
-    document.head.appendChild(link);
-  }
-  if (ext === 'js' && !scripts[url]) {
-    var script = document.createElement('script');
-    scripts[url] = script;
-    script.setAttribute('src', url);
-    document.body.appendChild(script);
+  if (_hooks.util.isBrowser()) {
+    if (ext === 'css' && !links[url]) {
+      links[url] = true;
+      var link = document.createElement('link');
+      link.setAttribute('rel', 'stylesheet');
+      link.setAttribute('type', 'text/css');
+      link.setAttribute('href', url);
+      document.head.appendChild(link);
+    }
+    if (ext === 'js' && !scripts[url]) {
+      var script = document.createElement('script');
+      scripts[url] = script;
+      script.setAttribute('src', url);
+      document.body.appendChild(script);
+    }
   }
   var wrapperIcon = function wrapperIcon(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, _objectSpread({

package/esm/icon/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/icons/index.d.ts

@@ -4,6 +4,7 @@ declare const Icons: {
     TableSortIconDown: JSX.Element;
     OdecShrink: JSX.Element;
     Expand: JSX.Element;
+    Search: JSX.Element;
     ArrowLeft: JSX.Element;
     ArrowLeftDouble: JSX.Element;
     ArrowRight: JSX.Element;
@@ -41,6 +42,7 @@ declare const Icons: {
     TreeArrow: JSX.Element;
     TreePlus: JSX.Element;
     TreeMinus: JSX.Element;
+    MoreVercial: JSX.Element;
 };
 export default Icons;
 //# sourceMappingURL=index.d.ts.map

package/esm/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAwQA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAwRA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/icons/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -76,7 +77,12 @@ var imageDownload = ['M12.0673 2C15.7465 2 18.7667 4.82116 19.0828 8.41823C21.39
 var imagePreview = ['M17.177 11.248C15.258 9.776 13.429 9 12 9C10.57 9 8.74 9.775 6.822 11.246C6.466 11.519 6.118 11.809 5.792 12.101C6.118 12.394 6.467 12.684 6.823 12.957C8.743 14.428 10.573 15.204 12.003 15.204C13.433 15.204 15.262 14.429 17.18 12.959C17.535 12.686 17.883 12.397 18.208 12.105C17.8755 11.8062 17.5316 11.5203 17.177 11.248ZM20.581 11.628C20.743 11.802 20.885 11.964 21 12.105C20.885 12.245 20.743 12.407 20.582 12.58C19.9074 13.293 19.1763 13.9505 18.396 14.546C16.234 16.204 13.994 17.204 12.003 17.204C10.012 17.204 7.771 16.203 5.607 14.544C4.82603 13.9482 4.09433 13.2904 3.419 12.577C3.27436 12.4231 3.13463 12.2647 3 12.102C3.115 11.961 3.257 11.799 3.419 11.626C4.09367 10.913 4.8247 10.2555 5.605 9.66C7.77 8 10.01 7 12 7C13.99 7 16.23 8.001 18.394 9.661C19.1747 10.2572 19.906 10.9143 20.581 11.628ZM4 4V7C4.00002 7.13134 3.97417 7.26139 3.92392 7.38273C3.87368 7.50407 3.80002 7.61433 3.70716 7.70721C3.6143 7.80008 3.50405 7.87375 3.38272 7.92402C3.26138 7.97428 3.13133 8.00015 3 8.00015C2.86867 8.00015 2.73862 7.97428 2.61728 7.92402C2.49595 7.87375 2.3857 7.80008 2.29284 7.70721C2.19998 7.61433 2.12632 7.50407 2.07608 7.38273C2.02583 7.26139 1.99998 7.13134 2 7V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H7C7.13134 1.99998 7.26139 2.02583 7.38273 2.07608C7.50407 2.12632 7.61433 2.19998 7.70721 2.29284C7.80008 2.3857 7.87375 2.49595 7.92402 2.61728C7.97428 2.73862 8.00015 2.86867 8.00015 3C8.00015 3.13133 7.97428 3.26138 7.92402 3.38272C7.87375 3.50405 7.80008 3.6143 7.70721 3.70716C7.61433 3.80002 7.50407 3.87368 7.38273 3.92392C7.26139 3.97417 7.13134 4.00002 7 4H4ZM4 20H7C7.26519 20 7.51951 20.1054 7.70701 20.2929C7.89451 20.4805 7.99985 20.7348 7.99985 21C7.99985 21.2652 7.89451 21.5195 7.70701 21.7071C7.51951 21.8946 7.26519 22 7 22H3C2.73478 22 2.48043 21.8946 2.29289 21.7071C2.10536 21.5196 2 21.2652 2 21V17C2.00004 16.7348 2.10542 16.4805 2.29295 16.293C2.48048 16.1055 2.73481 16.0002 3 16.0002C3.26519 16.0002 3.51952 16.1055 3.70705 16.293C3.89458 16.4805 3.99996 16.7348 4 17V20ZM20 4H17C16.7348 3.99996 16.4805 3.89458 16.293 3.70705C16.1055 3.51952 16.0002 3.26519 16.0002 3C16.0002 2.73481 16.1055 2.48048 16.293 2.29295C16.4805 2.10542 16.7348 2.00004 17 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3V7C22 7.26519 21.8946 7.51951 21.7071 7.70701C21.5195 7.89451 21.2652 7.99985 21 7.99985C20.7348 7.99985 20.4805 7.89451 20.2929 7.70701C20.1054 7.51951 20 7.26519 20 7V4ZM20 20V17C20 16.7348 20.1054 16.4805 20.2929 16.293C20.4805 16.1055 20.7348 16.0002 21 16.0002C21.2652 16.0002 21.5195 16.1055 21.7071 16.293C21.8946 16.4805 22 16.7348 22 17V21C22 21.2652 21.8946 21.5196 21.7071 21.7071C21.5196 21.8946 21.2652 22 21 22H17C16.7348 22 16.4805 21.8946 16.293 21.7071C16.1055 21.5195 16.0002 21.2652 16.0002 21C16.0002 20.7348 16.1055 20.4805 16.293 20.2929C16.4805 20.1054 16.7348 20 17 20H20ZM12 14.5C11.6717 14.5 11.3466 14.4353 11.0433 14.3097C10.74 14.1841 10.4644 13.9999 10.2322 13.7678C10.0001 13.5356 9.81594 13.26 9.6903 12.9567C9.56467 12.6534 9.5 12.3283 9.5 12C9.5 11.6717 9.56467 11.3466 9.6903 11.0433C9.81594 10.74 10.0001 10.4644 10.2322 10.2322C10.4644 10.0001 10.74 9.81594 11.0433 9.6903C11.3466 9.56467 11.6717 9.5 12 9.5C12.663 9.5 13.2989 9.76339 13.7678 10.2322C14.2366 10.7011 14.5 11.337 14.5 12C14.5 12.663 14.2366 13.2989 13.7678 13.7678C13.2989 14.2366 12.663 14.5 12 14.5ZM12 12.5C12.1326 12.5 12.2598 12.4473 12.3536 12.3536C12.4473 12.2598 12.5 12.1326 12.5 12C12.5 11.8674 12.4473 11.7402 12.3536 11.6464C12.2598 11.5527 12.1326 11.5 12 11.5C11.8674 11.5 11.7402 11.5527 11.6464 11.6464C11.5527 11.7402 11.5 11.8674 11.5 12C11.5 12.1326 11.5527 12.2598 11.6464 12.3536C11.7402 12.4473 11.8674 12.5 12 12.5Z'];
 var hide = ['M13.0384 12.1565V16.2235C13.0213 16.7681 12.5748 17.2007 12.0299 17.2007C11.485 17.2007 11.0386 16.7681 11.0214 16.2235V12.1895V12.1565C9.98553 12.0881 8.95945 11.9131 7.95942 11.6345L4.63942 14.9555C4.24564 15.3498 3.60675 15.3502 3.21242 14.9565C2.81809 14.5627 2.81764 13.9238 3.21142 13.5295L5.86142 10.8795C4.16901 10.1224 2.63013 9.06073 1.32142 7.74745C1.0512 7.49584 0.940005 7.11672 1.03149 6.75901C1.12298 6.4013 1.40255 6.12213 1.76038 6.03114C2.11822 5.94016 2.49718 6.05189 2.74842 6.32245C5.20494 8.79141 8.54557 10.1773 12.0284 10.1725C15.5564 10.1725 18.8604 8.77445 21.3044 6.32845C21.5569 6.06287 21.9336 5.95508 22.2884 6.04686C22.6432 6.13865 22.9203 6.41558 23.0123 6.7703C23.1044 7.12502 22.9968 7.50176 22.7314 7.75445C21.4239 9.06462 19.8871 10.1238 18.1974 10.8795L20.8474 13.5295C21.2247 13.9262 21.2167 14.5514 20.8294 14.9384C20.4421 15.3254 19.8169 15.333 19.4204 14.9555L16.1004 11.6355C15.1094 11.9105 14.0844 12.0875 13.0374 12.1555L13.0384 12.1565Z'];
 var display = ['M20.41 11.536C19.7483 10.8368 19.0313 10.1921 18.266 9.608C16.146 7.98 13.951 7 12 7C10.049 7 7.853 7.98 5.733 9.606C4.96801 10.19 4.25136 10.8348 3.59 11.534C3.34585 11.7967 3.34584 12.2033 3.58999 12.466C4.25208 13.1649 4.96941 13.8093 5.735 14.393C7.855 16.02 10.05 17 12.003 17C13.954 17 16.149 16.02 18.269 14.395C19.0333 13.8113 19.7493 13.1668 20.41 12.468C20.4106 12.4674 20.4111 12.4668 20.4117 12.4662C20.6554 12.2037 20.6547 11.7975 20.41 11.536ZM12 5C16.416 5 22.997 10.05 23 12.001C23.003 13.953 16.42 19.001 12.003 19C7.586 19 1.003 13.953 1 12.001C0.997002 10.05 7.583 5 12 5ZM12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12C15.5 13.933 13.933 15.5 12 15.5ZM12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z'];
-var info = ['M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8ZM12 19C12.5523 19 13 18.5523 13 18V10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10V18C11 18.5523 11.4477 19 12 19Z'];
+
+// const info = [
+//   'M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8ZM12 19C12.5523 19 13 18.5523 13 18V10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10V18C11 18.5523 11.4477 19 12 19Z',
+// ];
+
+var pcAttentionCircleFill = ['M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 16C12.5523 16 13 16.4477 13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16ZM12 5C12.5523 5 13 5.44772 13 6V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V6C11 5.44772 11.4477 5 12 5Z'];
 var success = ['M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM6.34315 13.8284L8.46305 15.9483C9.24511 16.7304 10.5122 16.7304 11.2943 15.9483L17.6569 9.58579C18.0472 9.19546 18.0472 8.5619 17.6569 8.17157C17.2665 7.78125 16.633 7.78125 16.2426 8.17157L10.5872 13.827C10.1962 14.218 9.56119 14.218 9.17016 13.827L7.75736 12.4142C7.36704 12.0239 6.73347 12.0239 6.34315 12.4142C5.95282 12.8045 5.95282 13.4381 6.34315 13.8284Z'];
 var danger = ['M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM9.7845 8.38125C9.39221 8.07623 8.82498 8.10396 8.46449 8.46444C8.07397 8.85497 8.07397 9.48813 8.46449 9.87866L10.5846 11.9995L8.46449 14.1213L8.3813 14.2155C8.07628 14.6078 8.10401 15.175 8.46449 15.5355C8.85502 15.926 9.48818 15.926 9.87871 15.5355L11.9996 13.4136L14.1213 15.5355L14.2156 15.6187C14.6078 15.9237 15.1751 15.896 15.5356 15.5355C15.9261 15.145 15.9261 14.5118 15.5356 14.1213L13.4136 11.9995L15.5356 9.87866L15.6187 9.78445C15.9238 9.39216 15.896 8.82493 15.5356 8.46444C15.145 8.07392 14.5119 8.07392 14.1213 8.46444L11.9996 10.5845L9.87871 8.46444L9.7845 8.38125Z'];
 var angleDoubleLeft = ['M11.3871 5.2097C11.7794 4.90468 12.3466 4.93241 12.7071 5.29289L12.7903 5.3871C13.0953 5.77939 13.0676 6.34662 12.7071 6.70711L8.12205 11.2928C7.7317 11.6835 7.7317 12.3165 8.12205 12.7072L12.7071 17.2929L12.7903 17.3871C13.0953 17.7794 13.0676 18.3466 12.7071 18.7071C12.3166 19.0976 11.6834 19.0976 11.2929 18.7071L5.29289 12.7071L5.2097 12.6129C4.90468 12.2206 4.93241 11.6534 5.29289 11.2929L11.2929 5.29289L11.3871 5.2097ZM17.3871 5.2097C17.7794 4.90468 18.3466 4.93241 18.7071 5.29289L18.7903 5.3871C19.0953 5.77939 19.0676 6.34662 18.7071 6.70711L14.1221 11.2928C13.7317 11.6835 13.7317 12.3165 14.1221 12.7072L18.7071 17.2929L18.7903 17.3871C19.0953 17.7794 19.0676 18.3466 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L11.2929 12.7071L11.2097 12.6129C10.9047 12.2206 10.9324 11.6534 11.2929 11.2929L17.2929 5.29289L17.3871 5.2097Z'];
@@ -137,11 +143,15 @@ var treeArrow = ['M18.2209 9.72141L12.6344 15.2952C12.2441 15.6847 11.6121 15.68
 var treePlus = ['M19.5 2C20.8807 2 22 3.11929 22 4.5V19.5C22 20.8807 20.8807 22 19.5 22H4.5C3.11929 22 2 20.8807 2 19.5V4.5C2 3.11929 3.11929 2 4.5 2H19.5ZM19.5 4H4.5C4.22386 4 4 4.22386 4 4.5V19.5C4 19.7761 4.22386 20 4.5 20H19.5C19.7761 20 20 19.7761 20 19.5V4.5C20 4.22386 19.7761 4 19.5 4ZM12 7C12.5128 7 12.9355 7.38604 12.9933 7.88338L13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5128 16.614 12.9355 16.1166 12.9933L16 13H13V16C13 16.5523 12.5523 17 12 17C11.4872 17 11.0645 16.614 11.0067 16.1166L11 16V13H8C7.44772 13 7 12.5523 7 12C7 11.4872 7.38604 11.0645 7.88338 11.0067L8 11H11V8C11 7.44772 11.4477 7 12 7Z'];
 var treeMinus = ['M22 4.5C22 3.11929 20.8807 2 19.5 2H4.5C3.11929 2 2 3.11929 2 4.5V19.5C2 20.8807 3.11929 22 4.5 22H19.5C20.8807 22 22 20.8807 22 19.5V4.5ZM4.5 4H19.5C19.7761 4 20 4.22386 20 4.5V19.5C20 19.7761 19.7761 20 19.5 20H4.5C4.22386 20 4 19.7761 4 19.5V4.5C4 4.22386 4.22386 4 4.5 4ZM8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H8Z'];
 var pcHelpCircleFill = ['M11 0C13.9562 0 16.7292 1.17289 18.7782 3.22183C20.8271 5.27079 22 8.04381 22 11C22 13.9562 20.8271 16.7292 18.7782 18.7782C16.7292 20.8271 13.9562 22 11 22C8.04381 22 5.27079 20.8271 3.22182 18.7782C1.17289 16.7292 0 13.9562 0 11C0 8.04381 1.17289 5.27079 3.22183 3.22182C5.27079 1.17289 8.04381 0 11 0ZM11 15.3125C10.3097 15.3125 9.75 15.8721 9.75 16.5625C9.75 17.2528 10.3097 17.8125 11 17.8125C11.6903 17.8125 12.25 17.2528 12.25 16.5625C12.25 15.8721 11.6903 15.3125 11 15.3125ZM11 4.31245C8.79086 4.31245 7 6.10332 7 8.31245C7 8.86474 7.44772 9.31245 8 9.31245C8.55229 9.31245 9 8.86474 9 8.31245C9 7.20789 9.89543 6.31245 11 6.31245C12.1046 6.31245 13 7.20789 13 8.31245C13 9.41702 12.1046 10.3125 11 10.3125L10.8834 10.3192C10.386 10.3769 10 10.7996 10 11.3125V13.3125L10.0067 13.4291C10.0645 13.9264 10.4872 14.3125 11 14.3125L11.1166 14.3057C11.614 14.248 12 13.8253 12 13.3125V12.185L12.1553 12.1431C13.8012 11.6474 15 10.1199 15 8.31245C15 6.10332 13.2091 4.31245 11 4.31245Z'];
+var pcInfoCircleFill = ['M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8ZM12 19C12.5523 19 13 18.5523 13 18V10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10V18C11 18.5523 11.4477 19 12 19Z'];
+var search = ['M11 2C15.9706 2 20 6.02944 20 11C20 13.1248 19.2637 15.0776 18.0323 16.6172L21.1213 19.7071C21.5118 20.0976 21.5118 20.7308 21.1213 21.1213C20.7308 21.5118 20.0976 21.5118 19.7071 21.1213L16.6172 18.0323C15.0776 19.2637 13.1248 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2ZM11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4Z'];
+var moreVercial = ['M14 5C14 6.10457 13.1046 7 12 7C10.8954 7 10 6.10457 10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM14 19C14 20.1046 13.1046 21 12 21C10.8954 21 10 20.1046 10 19C10 17.8954 10.8954 17 12 17C13.1046 17 14 17.8954 14 19Z'];
 var Icons = {
   TableSortIconUp: TableSortIconUp,
   TableSortIconDown: TableSortIconDown,
   OdecShrink: icon(odecShrink),
   Expand: icon(expand),
+  Search: icon(search),
   ArrowLeft: icon(arrowLeft),
   ArrowLeftDouble: icon(arrowLeftDouble),
   ArrowRight: icon(arrowRight),
@@ -159,9 +169,9 @@ var Icons = {
   ArrowDown: icon(arrowDown),
   PcArrowFillDown: icon(caretFill),
   PcHelpCircleFill: icon(pcHelpCircleFill),
-  PcInfoCircleFill: icon(info),
+  PcInfoCircleFill: icon(pcInfoCircleFill),
   PcCloseCircleFill: icon(danger),
-  PcWarningCircleFill: icon(info),
+  PcWarningCircleFill: icon(pcAttentionCircleFill),
   PcCheckCircleFill: icon(success),
   Warning: icon(warningSimple),
   Check: icon(check),
@@ -178,7 +188,8 @@ var Icons = {
   PcStarFill: icon(pcStarFill),
   TreeArrow: icon(treeArrow),
   TreePlus: icon(treePlus),
-  TreeMinus: icon(treeMinus)
+  TreeMinus: icon(treeMinus),
+  MoreVercial: icon(moreVercial)
 };
 var _default = Icons;
 exports.default = _default;

package/esm/image/image-gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-gallery.d.ts","sourceRoot":"","sources":["image-gallery.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAS,iBAAiB,EAAuB,MAAM,cAAc,CAAC;AAG7E,QAAA,MAAM,UAAU,UAAW,iBAAiB,gBAiF3C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image-gallery.d.ts","sourceRoot":"","sources":["image-gallery.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAS,iBAAiB,EAAuB,MAAM,cAAc,CAAC;AAG7E,QAAA,MAAM,UAAU,UAAW,iBAAiB,gBA+E3C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/image/image-gallery.js

@@ -55,12 +55,9 @@ var ImageModal = function ImageModal(props) {
       className: magnifyClass,
       src: image.src
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: galleryStyle.gallery,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, galleryProps), {}, {
-        children: [renderColseIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_imageMagnify.default, _objectSpread({}, magnifyProps))]
-      }), image.key)
-    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, galleryProps), {}, {
+      children: [renderColseIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_imageMagnify.default, _objectSpread({}, magnifyProps))]
+    }), image.key);
   };
   var renderResult = function renderResult() {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {