@sheinx/base 3.0.0-alpha.1

package/esm/editable-area/editable-area.js

@@ -0,0 +1,178 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.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;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.string.trim.js");
+var _react = _interopRequireWildcard(require("react"));
+var _textarea = require("../textarea");
+var _absoluteList = _interopRequireDefault(require("../absolute-list"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+function formatShowValue(value) {
+  if (!value && value !== 0) return '';
+  var arr = String(value).split('\n');
+  var len = arr.length;
+  if (len > 1) return "".concat(arr[0], "...");
+  return String(value);
+}
+var EditableArea = function EditableArea(props) {
+  var _jssStyle$editableAre;
+  var jssStyle = props.jssStyle,
+    delay = props.delay,
+    trim = props.trim,
+    disabled = props.disabled,
+    className = props.className,
+    style = props.style,
+    placeholder = props.placeholder,
+    error = props.error,
+    clearable = props.clearable,
+    width = props.width,
+    maxHeight = props.maxHeight,
+    onFocus = props.onFocus,
+    getPopupContainer = props.getPopupContainer,
+    renderFooter = props.renderFooter,
+    renderResult = props.renderResult,
+    innerTitle = props.innerTitle,
+    placeTitle = props.placeTitle,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? false : _props$bordered;
+  var editableAreaStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$editableAre = jssStyle.editableArea) === null || _jssStyle$editableAre === void 0 ? void 0 : _jssStyle$editableAre.call(jssStyle);
+  var status = error ? 'error' : props.status;
+  var _React$useRef = _react.default.useRef({
+      wrapper: null,
+      textarea: null
+    }),
+    context = _React$useRef.current;
+  var _useInputAble = (0, _hooks.useInputAble)({
+      control: 'value' in props,
+      value: props.value,
+      defaultValue: props.defaultValue,
+      onChange: props.onChange,
+      beforeChange: props.beforeChange,
+      delay: 0
+    }),
+    value = _useInputAble.value,
+    onChange = _useInputAble.onChange;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (show && context.textarea) {
+      setTimeout(function () {
+        if (show && context.textarea) context.textarea.focus();
+      });
+    }
+  }, [show]);
+  var updateShowTextarea = function updateShowTextarea(flag) {
+    var _props$onShowTextarea;
+    if (flag === show || disabled) return;
+    setShow(flag);
+    (_props$onShowTextarea = props.onShowTextareaChange) === null || _props$onShowTextarea === void 0 ? void 0 : _props$onShowTextarea.call(props, flag);
+  };
+  var renderInput = (0, _useInnerTitle.default)({
+    innerTitle: innerTitle,
+    placeTitle: placeTitle,
+    open: !!value,
+    // size: props.size,
+    jssStyle: props.jssStyle
+  });
+  var renderPlaceholder = function renderPlaceholder() {
+    var defaultContent = !show && value ? formatShowValue(value) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.placeholder,
+      children: placeholder
+    });
+    var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.content,
+      children: typeof renderResult === 'function' ? renderResult(value) : defaultContent
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      tabIndex: disabled ? undefined : 0,
+      onFocus: function onFocus() {
+        updateShowTextarea(true);
+      },
+      onClick: function onClick() {
+        updateShowTextarea(true);
+      },
+      className: (0, _classnames.default)(editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.place, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperPaddingBox, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitleTop, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitleBottom),
+      children: renderInput(content)
+    });
+  };
+  var handleBlur = (0, _hooks.usePersistFn)(function (e) {
+    var _props$onBlur;
+    updateShowTextarea(false);
+    (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, e);
+  });
+  var renderPopup = function renderPopup() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
+      absolute: getPopupContainer || true,
+      focus: show,
+      parentElement: context.wrapper,
+      fixedWidth: true,
+      position: 'cover',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textarea.Textarea, {
+        jssStyle: jssStyle,
+        textareaRef: function textareaRef(el) {
+          context.textarea = el;
+        },
+        status: status,
+        placeholder: placeholder,
+        className: (0, _classnames.default)(editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.popup, show && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.popupShow)),
+        trim: trim,
+        delay: delay,
+        rows: 1,
+        autosize: true,
+        value: value,
+        onChange: onChange,
+        onBlur: handleBlur,
+        onFocus: onFocus,
+        maxHeight: maxHeight,
+        renderFooter: renderFooter,
+        innerTitle: innerTitle,
+        placeTitle: placeTitle
+      })
+    });
+  };
+  var renderClear = function renderClear() {
+    if (!clearable || !value) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      onClick: function onClick() {
+        onChange('');
+        updateShowTextarea(true);
+      },
+      className: editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.clear,
+      children: _icons.default.CloseOpaqueMultic1
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(className, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapper, status === 'error' && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperError), disabled && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperDisabled), !bordered && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperNoBorder), !!props.innerTitle && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitle)),
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      width: width
+    }),
+    ref: function ref(el) {
+      context.wrapper = el;
+    },
+    children: [renderPlaceholder(), renderClear(), renderPopup()]
+  });
+};
+var _default = EditableArea;
+exports.default = _default;

package/esm/editable-area/editable-area.type.d.ts

@@ -0,0 +1,123 @@
+import React from 'react';
+import { TextareaClasses } from '../textarea/textarea.type';
+import { CommonType } from '../common/type';
+import { InnerTitleClasses } from '../common/use-inner-title';
+export interface EditableAreaClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    wrapperDisabled: string;
+    wrapperNoBorder: string;
+    wrapperError: string;
+    wrapperSmall: string;
+    wrapperLarge: string;
+    wrapperPaddingBox: string;
+    wrapperInnerTitle: string;
+    wrapperInnerTitleTop: string;
+    wrapperInnerTitleBottom: string;
+    content: string;
+    clear: string;
+    place: string;
+    placeholder: string;
+    popup: string;
+    popupShow: string;
+}
+export interface EditableAreaProps extends Pick<CommonType, 'className' | 'style' | 'status'> {
+    jssStyle?: {
+        editableArea: () => EditableAreaClasses;
+        textarea?: () => TextareaClasses;
+        innerTitle?: () => InnerTitleClasses;
+    };
+    beforeChange?: (value: string) => void | string;
+    /**
+     * @private 内部属性
+     */
+    error?: Error;
+    /**
+     * @en Whether to disable
+     * @cn 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @en Whether to show the clear button
+     * @cn 是否展示清除按钮
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * @en The same as the native placeholder tag
+     * @cn 同原生属性
+     */
+    placeholder?: string;
+    /**
+     * @en width of the editablearea
+     * @cn 编辑域宽度
+     */
+    width?: number | string;
+    /**
+     * @en the maxHeight of the textarea, scroll bars appear after more than
+     * @cn 输入框的最大高度, 超过之后会出现滚动条
+     */
+    maxHeight?: number | string;
+    /**
+     * @en blur event
+     * @cn 失去焦点事件
+     */
+    onBlur?: (e: React.FocusEvent) => void;
+    /**
+     * @en focus event
+     * @cn 聚焦事件
+     */
+    onFocus?: (e: React.FocusEvent) => void;
+    /**
+     * @en Custom Popover container, override the default behavior which is rendering under the body, () => DOMElement
+     * @cn 自定义Popover容器，覆盖默认渲染在body下的行为, () => DOMElement
+     */
+    getPopupContainer?: () => HTMLElement;
+    /**
+     * @private 内部属性
+     */
+    onShowTextareaChange?: (value: boolean) => void;
+    /**
+     * @en Render textarea footer
+     * @cn 渲染 textarea footer
+     */
+    renderFooter?: (value?: string) => React.ReactNode;
+    /**
+     * @en Customize display results
+     * @cn 自定义显示结果
+     */
+    renderResult?: (value: string) => React.ReactNode;
+    /**
+     * @en Callback function when the value changes
+     * @cn 值改变后的回调函数
+     */
+    onChange?: (value: string) => void;
+    /**
+     * @en The value passed in when controlled
+     * @cn 受控
+     */
+    value?: string;
+    /**
+     * @en default value
+     * @cn 默认值
+     */
+    defaultValue?: string;
+    /**
+     * @en When trim is true, blank characters are automatically deleted when lose focus
+     * @cn trim 为 true 时，失去焦点时会自动删除空白字符
+     */
+    trim?: boolean;
+    /**
+     * @en Whether to show the border
+     * @cn 是否显示外边框
+     * @default false
+     */
+    bordered?: boolean;
+    delay?: number;
+    innerTitle?: React.ReactNode;
+    placeTitle?: React.ReactNode;
+}
+//# sourceMappingURL=editable-area.type.d.ts.map

package/esm/editable-area/editable-area.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-area.type.d.ts","sourceRoot":"","sources":["editable-area.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3F,QAAQ,CAAC,EAAE;QACT,YAAY,EAAE,MAAM,mBAAmB,CAAC;QACxC,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;IAEF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,WAAW,CAAC;IAEtC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}

package/esm/editable-area/editable-area.type.js

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

package/esm/editable-area/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as EditableArea } from './editable-area';
+export type { EditableAreaProps } from './editable-area.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/editable-area/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,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/editable-area/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditableArea", {
+  enumerable: true,
+  get: function get() {
+    return _editableArea.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _editableArea.default;
+  }
+});
+var _editableArea = _interopRequireDefault(require("./editable-area"));

package/esm/empty/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/empty/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAEE"}

package/esm/empty/__example__/01-base.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Empty, {
+    jssStyle: {
+      empty: _shineoutStyle.useEmptyStyle
+    }
+  });
+};
+exports.default = _default;

package/esm/empty/empty-image.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const renderNoData: () => JSX.Element;
+//# sourceMappingURL=empty-image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-image.d.ts","sourceRoot":"","sources":["empty-image.tsx"],"names":[],"mappings":";AAAA,eAAO,MAAM,YAAY,mBAyIxB,CAAC"}

package/esm/empty/empty-image.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderNoData = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var renderNoData = function renderNoData() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+    width: "100",
+    height: "75",
+    viewBox: "0 0 100 75",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+      clipPath: "url(#clip0_4044_10434)",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M100 75C100 63.3607 77.6144 53.9257 50 53.9257C22.3857 53.9257 0 63.3607 0 75H100Z",
+        fill: "url(#paint0_linear_4044_10434)"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        opacity: "0.3",
+        filter: "url(#filter0_f_4044_10434)",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M50.3087 70.0413C69.5706 70.0413 85.185 68.2375 85.185 66.0125C85.185 63.7875 69.5706 61.9835 50.3087 61.9835C31.0469 61.9835 15.4321 63.7875 15.4321 66.0125C15.4321 68.2375 31.0469 70.0413 50.3087 70.0413Z",
+          fill: "#979EB0"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M22.6082 23.6395C22.782 23.2127 23.1957 22.9338 23.6548 22.9338H75.7168C76.1718 22.9338 76.5818 23.2071 76.7593 23.6275L82.9493 38.3482H16.6184L22.6082 23.6395Z",
+        fill: "#CCCFD7"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M75.9819 23.9172V37.2382H81.2882L75.9819 23.9172Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M18.877 37.0161H81.0701C82.6314 37.0161 83.897 38.2871 83.897 39.8547V61.7805C83.897 64.2888 81.872 66.3225 79.3739 66.3225H20.5732C18.0752 66.3225 16.05 64.2888 16.05 61.7805V39.8547C16.05 38.2871 17.3157 37.0161 18.877 37.0161Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        filter: "url(#filter1_d_4044_10434)",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M16.0493 42.3192C16.0493 39.8108 16.0019 37.715 20.573 37.7774H79.3737C83.5612 37.7774 83.8968 39.8108 83.8968 42.3192V61.3998C83.8968 63.9087 81.8718 65.9419 79.3737 65.9419H20.573C18.075 65.9419 16.0493 63.9087 16.0493 61.3998V42.3192Z",
+          fill: "black"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M16.0493 42.3192C16.0493 39.8108 16.0019 37.715 20.573 37.7774H79.3737C83.5612 37.7774 83.8968 39.8108 83.8968 42.3192V61.3998C83.8968 63.9087 81.8718 65.9419 79.3737 65.9419H20.573C18.075 65.9419 16.0493 63.9087 16.0493 61.3998V42.3192Z",
+        fill: "#F4F5F8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M23.4412 23.8855V37.0162H18.3242L23.4412 23.8855Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M60.3971 50.7178H39.5502C38.0849 50.7178 36.897 51.9106 36.897 53.382C36.897 54.8534 38.0849 56.0462 39.5502 56.0462H60.3971C61.8625 56.0462 63.0501 54.8534 63.0501 53.382C63.0501 51.9106 61.8625 50.7178 60.3971 50.7178Z",
+        fill: "#666C7C"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M60.3971 49.9565H39.5502C38.0849 49.9565 36.897 51.1494 36.897 52.6208C36.897 54.0922 38.0849 55.285 39.5502 55.285H60.3971C61.8625 55.285 63.0501 54.0922 63.0501 52.6208C63.0501 51.1494 61.8625 49.9565 60.3971 49.9565Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M46.041 3.14062C42.6319 3.14062 39.8682 5.91575 39.8682 9.33899V11.4859C39.8682 14.9092 42.6319 17.6842 46.041 17.6842H54.8002C58.2093 17.6842 60.9731 14.9092 60.9731 11.4859V9.33899C60.9731 5.91575 58.2093 3.14062 54.8002 3.14062H46.041ZM47.3169 21.0086L49.386 17.6842H45.2478L47.3169 21.0086Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M45.6834 8.54285L47.4941 11.6922H43.8726L45.6834 8.54285Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M52.304 8.54285H49.1677V11.6921H52.304V8.54285Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M55.6802 11.6919C56.5463 11.6919 57.2484 10.9869 57.2484 10.1172C57.2484 9.2476 56.5463 8.5426 55.6802 8.5426C54.8142 8.5426 54.1121 9.2476 54.1121 10.1172C54.1121 10.9869 54.8142 11.6919 55.6802 11.6919Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M67.7256 5.8507C66.5081 6.69694 63.5181 6.751 62.3457 7.09731L63.5875 5.64293C64.415 4.6041 64.6631 4.10547 65.6562 2.11091C66.6493 0.116362 69.3118 -0.105256 70.415 0.0332553C69.7943 1.27985 70.415 3.98081 67.7256 5.8507Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M46.257 34.8904C45.3444 35.1307 43.5421 34.5087 42.7649 34.4595L43.824 33.8603C44.5451 33.4193 44.802 33.175 45.8298 32.198C46.8574 31.221 48.4998 31.6709 49.1305 31.9953C48.4883 32.606 48.2737 34.3593 46.257 34.8904Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M37.262 32.7723C37.13 32.5427 37.2462 32.2485 37.4982 32.1696C39.7646 31.4593 49.3015 28.2658 55.6537 22.9713C62.0347 17.653 67.6725 11.576 69.1256 9.9791C69.3069 9.77991 69.6263 9.81841 69.76 10.0521C69.845 10.1989 69.8294 10.3803 69.7169 10.507C68.6225 11.7406 62.8044 18.1953 56.0675 23.6911C48.7371 29.6708 39.4667 32.4671 37.7105 32.9602C37.5349 33.0096 37.3532 32.9308 37.262 32.7723Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M26.0283 27.1925C25.977 26.9505 26.1514 26.7154 26.396 26.6852C27.3291 26.5701 29.6586 26.1971 33.309 25.0577C37.011 23.9021 40.6908 21.2137 41.9723 20.2199C42.1914 20.05 42.5167 20.1675 42.5743 20.4394C42.6023 20.572 42.5585 20.7071 42.454 20.793C41.598 21.497 37.5626 24.6932 33.4811 25.8705C29.5763 26.9969 27.2876 27.3842 26.4592 27.5011C26.2561 27.5298 26.0709 27.394 26.0283 27.1925Z",
+        fill: "#E8EBF0"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
+        id: "filter0_f_4044_10434",
+        x: "9.43213",
+        y: "55.9835",
+        width: "81.7529",
+        height: "20.0577",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
+          stdDeviation: "3",
+          result: "effect1_foregroundBlur_4044_10434"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
+        id: "filter1_d_4044_10434",
+        x: "16.0493",
+        y: "37.776",
+        width: "67.8474",
+        height: "30.1659",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feOffset", {
+          dy: "2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.803922 0 0 0 0 0.811765 0 0 0 0 0.843137 0 0 0 1 0"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_4044_10434"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_4044_10434",
+          result: "shape"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "paint0_linear_4044_10434",
+        x1: "50",
+        y1: "53.9257",
+        x2: "50",
+        y2: "75",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+          stopColor: "#E9EBEF"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+          offset: "1",
+          stopColor: "#E9EBEF",
+          stopOpacity: "0"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+        id: "clip0_4044_10434",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+          width: "100",
+          height: "75",
+          fill: "white"
+        })
+      })]
+    })]
+  });
+};
+exports.renderNoData = renderNoData;

package/esm/empty/empty.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { EmptyProps } from './empty.type';
+declare const Empty: (props: EmptyProps) => JSX.Element;
+export default Empty;
+//# sourceMappingURL=empty.d.ts.map

package/esm/empty/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,QAAA,MAAM,KAAK,UAAW,UAAU,gBA2C/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/empty/empty.js

@@ -0,0 +1,76 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _emptyImage = require("./empty-image");
+var _config = require("../config");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "style", "className", "imgSrc", "icon", "description"];
+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 Empty = function Empty(props) {
+  var _jssStyle$empty;
+  var jssStyle = props.jssStyle,
+    style = props.style,
+    className = props.className,
+    imgSrc = props.imgSrc,
+    icon = props.icon,
+    description = props.description,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useConfig = (0, _config.useConfig)(),
+    locale = _useConfig.locale;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$empty = jssStyle.empty) === null || _jssStyle$empty === void 0 ? void 0 : _jssStyle$empty.call(jssStyle);
+  var rootClass = (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.empty, className);
+  var wrapperClass = (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.wrapper);
+  var alt = typeof description === 'string' ? description : 'empty';
+  var getRootProps = function getRootProps() {
+    return _objectSpread({
+      style: style
+    }, rest);
+  };
+  var renderImage = function renderImage() {
+    if (imgSrc) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.image,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: imgSrc,
+          alt: alt
+        })
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.image,
+      children: icon || (0, _emptyImage.renderNoData)()
+    });
+  };
+  var renderDescription = function renderDescription() {
+    if (description === false) {
+      return null;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.description,
+      children: description || (0, _config.getLocale)(locale, 'noData')
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: rootClass
+  }, getRootProps()), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: wrapperClass,
+      children: [renderImage(), renderDescription()]
+    })
+  }));
+};
+var _default = Empty;
+exports.default = _default;

package/esm/empty/empty.type.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+export interface EmptyClasses {
+    empty: string;
+    wrapper: string;
+    image: string;
+    description: string;
+}
+export interface EmptyProps extends Pick<CommonType, 'className' | 'style'>, React.HTMLAttributes<HTMLDivElement> {
+    jssStyle?: {
+        empty?: () => EmptyClasses;
+    };
+    imgSrc?: string;
+    icon?: React.ReactNode;
+    description?: React.ReactNode | boolean;
+}
+//# sourceMappingURL=empty.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.type.d.ts","sourceRoot":"","sources":["empty.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;KAC5B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;CACzC"}