@sheinx/base 3.1.0-rc.2 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/cjs/button/button-group.d.ts.map +1 -1
- package/cjs/button/button-group.js +3 -0
- package/cjs/button/button.d.ts.map +1 -1
- package/cjs/button/button.js +5 -1
- package/cjs/card/card-header.d.ts.map +1 -1
- package/cjs/card/card-header.js +3 -0
- package/cjs/carousel/carousel.d.ts.map +1 -1
- package/cjs/carousel/carousel.js +6 -4
- package/cjs/cascader/cascader.d.ts.map +1 -1
- package/cjs/cascader/cascader.js +9 -7
- package/cjs/cascader/list.d.ts.map +1 -1
- package/cjs/cascader/list.js +3 -1
- package/cjs/cascader/list.type.d.ts +1 -1
- package/cjs/cascader/list.type.d.ts.map +1 -1
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +9 -10
- package/cjs/collapse/collapse-item.d.ts.map +1 -1
- package/cjs/collapse/collapse-item.js +5 -1
- package/cjs/common/use-tip.d.ts.map +1 -1
- package/cjs/common/use-tip.js +4 -1
- package/cjs/date-picker/date-picker.d.ts.map +1 -1
- package/cjs/date-picker/date-picker.js +7 -3
- package/cjs/date-picker/date-picker.type.d.ts +1 -0
- package/cjs/date-picker/date-picker.type.d.ts.map +1 -1
- package/cjs/date-picker/day.d.ts.map +1 -1
- package/cjs/date-picker/day.js +10 -1
- package/cjs/date-picker/month.d.ts.map +1 -1
- package/cjs/date-picker/month.js +8 -1
- package/cjs/date-picker/picker.js +4 -3
- package/cjs/date-picker/picker.type.d.ts +1 -0
- package/cjs/date-picker/picker.type.d.ts.map +1 -1
- package/cjs/date-picker/quarter.d.ts.map +1 -1
- package/cjs/date-picker/quarter.js +7 -1
- package/cjs/date-picker/result.d.ts +1 -1
- package/cjs/date-picker/result.d.ts.map +1 -1
- package/cjs/date-picker/result.js +19 -17
- package/cjs/date-picker/time.d.ts.map +1 -1
- package/cjs/date-picker/time.js +7 -4
- package/cjs/date-picker/year.d.ts.map +1 -1
- package/cjs/date-picker/year.js +7 -1
- package/cjs/dropdown/Item.d.ts.map +1 -1
- package/cjs/dropdown/Item.js +5 -3
- package/cjs/dropdown/dropdown.type.d.ts +1 -0
- package/cjs/dropdown/dropdown.type.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.js +30 -18
- package/cjs/form/form-item.d.ts.map +1 -1
- package/cjs/image/image-gallery.d.ts.map +1 -1
- package/cjs/image/image-gallery.js +6 -1
- package/cjs/input/input-group.d.ts.map +1 -1
- package/cjs/input/input-group.js +3 -0
- package/cjs/input/simple-input.d.ts.map +1 -1
- package/cjs/input/simple-input.js +3 -0
- package/cjs/input/use-input-common.d.ts.map +1 -1
- package/cjs/input/use-input-common.js +2 -1
- package/cjs/list/list.d.ts.map +1 -1
- package/cjs/list/list.js +4 -4
- package/cjs/menu/item.d.ts.map +1 -1
- package/cjs/menu/item.js +6 -0
- package/cjs/menu/scrollbar.d.ts.map +1 -1
- package/cjs/menu/scrollbar.js +1 -0
- package/cjs/pagination/pagination-buttons.d.ts.map +1 -1
- package/cjs/pagination/pagination-buttons.js +5 -4
- package/cjs/pagination/pagination-next.d.ts.map +1 -1
- package/cjs/pagination/pagination-next.js +6 -6
- package/cjs/pagination/pagination-prev.d.ts.map +1 -1
- package/cjs/pagination/pagination-prev.js +6 -6
- package/cjs/pagination/pagination.type.d.ts +0 -1
- package/cjs/pagination/pagination.type.d.ts.map +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +3 -0
- package/cjs/rate/rate.d.ts.map +1 -1
- package/cjs/rate/rate.js +3 -0
- package/cjs/select/list-option.d.ts.map +1 -1
- package/cjs/select/list-option.js +4 -0
- package/cjs/select/result-input.d.ts.map +1 -1
- package/cjs/select/result-input.js +1 -4
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +44 -47
- package/cjs/select/result.type.d.ts +1 -0
- package/cjs/select/result.type.d.ts.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +16 -23
- package/cjs/slider/slider.d.ts.map +1 -1
- package/cjs/slider/slider.js +9 -2
- package/cjs/steps/step.arrow.d.ts.map +1 -1
- package/cjs/steps/step.arrow.js +4 -0
- package/cjs/steps/step.d.ts.map +1 -1
- package/cjs/steps/step.default.d.ts.map +1 -1
- package/cjs/steps/step.default.js +6 -1
- package/cjs/steps/step.dot.d.ts.map +1 -1
- package/cjs/steps/step.dot.js +6 -1
- package/cjs/steps/step.js +3 -0
- package/cjs/switch/switch.d.ts.map +1 -1
- package/cjs/switch/switch.js +3 -0
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +71 -124
- package/cjs/table/table.type.d.ts +1 -0
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/thead.d.ts.map +1 -1
- package/cjs/table/thead.js +10 -3
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +13 -10
- package/cjs/tabs/tab.d.ts.map +1 -1
- package/cjs/tabs/tab.js +4 -0
- package/cjs/tabs/tabs-header.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.js +47 -23
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/textarea/textarea.d.ts.map +1 -1
- package/cjs/textarea/textarea.js +1 -0
- package/cjs/textarea/use-auto-size.d.ts.map +1 -1
- package/cjs/textarea/use-auto-size.js +1 -0
- package/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.js +3 -0
- package/cjs/transfer/transfer.d.ts.map +1 -1
- package/cjs/transfer/transfer.js +5 -2
- package/cjs/tree/tree-checkbox.d.ts.map +1 -1
- package/cjs/tree/tree-checkbox.js +8 -1
- package/cjs/tree/tree-content.d.ts.map +1 -1
- package/cjs/tree/tree-content.js +24 -4
- package/cjs/tree/tree-content.type.d.ts +1 -1
- package/cjs/tree/tree-content.type.d.ts.map +1 -1
- package/cjs/tree/tree-context.d.ts +3 -3
- package/cjs/tree/tree-context.d.ts.map +1 -1
- package/cjs/tree/tree-node.d.ts.map +1 -1
- package/cjs/tree/tree-node.js +3 -0
- package/cjs/tree/tree.d.ts.map +1 -1
- package/cjs/tree/tree.js +4 -13
- package/cjs/tree-select/tree-select.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.js +109 -72
- package/cjs/tree-select/tree-select.type.d.ts +6 -0
- package/cjs/tree-select/tree-select.type.d.ts.map +1 -1
- package/cjs/upload/button.d.ts.map +1 -1
- package/cjs/upload/button.js +4 -3
- package/cjs/upload/result.d.ts.map +1 -1
- package/cjs/upload/result.js +3 -0
- package/cjs/virtual-scroll/scroll.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll.js +28 -14
- package/cjs/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/cjs/virtual-scroll/virtual-scroll-list.js +2 -0
- package/esm/button/button-group.d.ts.map +1 -1
- package/esm/button/button-group.js +3 -0
- package/esm/button/button.d.ts.map +1 -1
- package/esm/button/button.js +5 -1
- package/esm/card/card-header.d.ts.map +1 -1
- package/esm/card/card-header.js +3 -0
- package/esm/carousel/carousel.d.ts.map +1 -1
- package/esm/carousel/carousel.js +6 -4
- package/esm/cascader/cascader.d.ts.map +1 -1
- package/esm/cascader/cascader.js +9 -7
- package/esm/cascader/list.d.ts.map +1 -1
- package/esm/cascader/list.js +3 -1
- package/esm/cascader/list.type.d.ts +1 -1
- package/esm/cascader/list.type.d.ts.map +1 -1
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +9 -10
- package/esm/collapse/collapse-item.d.ts.map +1 -1
- package/esm/collapse/collapse-item.js +5 -1
- package/esm/common/use-tip.d.ts.map +1 -1
- package/esm/common/use-tip.js +4 -1
- package/esm/date-picker/date-picker.d.ts.map +1 -1
- package/esm/date-picker/date-picker.js +9 -4
- package/esm/date-picker/date-picker.type.d.ts +1 -0
- package/esm/date-picker/date-picker.type.d.ts.map +1 -1
- package/esm/date-picker/day.d.ts.map +1 -1
- package/esm/date-picker/day.js +10 -1
- package/esm/date-picker/month.d.ts.map +1 -1
- package/esm/date-picker/month.js +8 -1
- package/esm/date-picker/picker.js +4 -3
- package/esm/date-picker/picker.type.d.ts +1 -0
- package/esm/date-picker/picker.type.d.ts.map +1 -1
- package/esm/date-picker/quarter.d.ts.map +1 -1
- package/esm/date-picker/quarter.js +7 -1
- package/esm/date-picker/result.d.ts +1 -1
- package/esm/date-picker/result.d.ts.map +1 -1
- package/esm/date-picker/result.js +6 -4
- package/esm/date-picker/time.d.ts.map +1 -1
- package/esm/date-picker/time.js +5 -2
- package/esm/date-picker/year.d.ts.map +1 -1
- package/esm/date-picker/year.js +7 -1
- package/esm/dropdown/Item.d.ts.map +1 -1
- package/esm/dropdown/Item.js +5 -3
- package/esm/dropdown/dropdown.type.d.ts +1 -0
- package/esm/dropdown/dropdown.type.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.js +30 -18
- package/esm/form/form-item.d.ts.map +1 -1
- package/esm/image/image-gallery.d.ts.map +1 -1
- package/esm/image/image-gallery.js +6 -1
- package/esm/input/input-group.d.ts.map +1 -1
- package/esm/input/input-group.js +3 -0
- package/esm/input/simple-input.d.ts.map +1 -1
- package/esm/input/simple-input.js +3 -0
- package/esm/input/use-input-common.d.ts.map +1 -1
- package/esm/input/use-input-common.js +3 -2
- package/esm/list/list.d.ts.map +1 -1
- package/esm/list/list.js +4 -4
- package/esm/menu/item.d.ts.map +1 -1
- package/esm/menu/item.js +6 -0
- package/esm/menu/scrollbar.d.ts.map +1 -1
- package/esm/menu/scrollbar.js +1 -0
- package/esm/pagination/pagination-buttons.d.ts.map +1 -1
- package/esm/pagination/pagination-buttons.js +5 -4
- package/esm/pagination/pagination-next.d.ts.map +1 -1
- package/esm/pagination/pagination-next.js +6 -6
- package/esm/pagination/pagination-prev.d.ts.map +1 -1
- package/esm/pagination/pagination-prev.js +6 -6
- package/esm/pagination/pagination.type.d.ts +0 -1
- package/esm/pagination/pagination.type.d.ts.map +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +3 -0
- package/esm/rate/rate.d.ts.map +1 -1
- package/esm/rate/rate.js +3 -0
- package/esm/select/list-option.d.ts.map +1 -1
- package/esm/select/list-option.js +4 -0
- package/esm/select/result-input.d.ts.map +1 -1
- package/esm/select/result-input.js +1 -4
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +45 -48
- package/esm/select/result.type.d.ts +1 -0
- package/esm/select/result.type.d.ts.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +16 -23
- package/esm/slider/slider.d.ts.map +1 -1
- package/esm/slider/slider.js +9 -2
- package/esm/steps/step.arrow.d.ts.map +1 -1
- package/esm/steps/step.arrow.js +4 -0
- package/esm/steps/step.d.ts.map +1 -1
- package/esm/steps/step.default.d.ts.map +1 -1
- package/esm/steps/step.default.js +6 -1
- package/esm/steps/step.dot.d.ts.map +1 -1
- package/esm/steps/step.dot.js +6 -1
- package/esm/steps/step.js +3 -0
- package/esm/switch/switch.d.ts.map +1 -1
- package/esm/switch/switch.js +3 -0
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +72 -125
- package/esm/table/table.type.d.ts +1 -0
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/thead.d.ts.map +1 -1
- package/esm/table/thead.js +10 -3
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +13 -10
- package/esm/tabs/tab.d.ts.map +1 -1
- package/esm/tabs/tab.js +4 -0
- package/esm/tabs/tabs-header.d.ts.map +1 -1
- package/esm/tabs/tabs-header.js +47 -23
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/textarea/textarea.d.ts.map +1 -1
- package/esm/textarea/textarea.js +1 -0
- package/esm/textarea/use-auto-size.d.ts.map +1 -1
- package/esm/textarea/use-auto-size.js +1 -0
- package/esm/tooltip/tooltip.d.ts.map +1 -1
- package/esm/tooltip/tooltip.js +3 -0
- package/esm/transfer/transfer.d.ts.map +1 -1
- package/esm/transfer/transfer.js +5 -2
- package/esm/tree/tree-checkbox.d.ts.map +1 -1
- package/esm/tree/tree-checkbox.js +8 -1
- package/esm/tree/tree-content.d.ts.map +1 -1
- package/esm/tree/tree-content.js +25 -5
- package/esm/tree/tree-content.type.d.ts +1 -1
- package/esm/tree/tree-content.type.d.ts.map +1 -1
- package/esm/tree/tree-context.d.ts +3 -3
- package/esm/tree/tree-context.d.ts.map +1 -1
- package/esm/tree/tree-node.d.ts.map +1 -1
- package/esm/tree/tree-node.js +3 -0
- package/esm/tree/tree.d.ts.map +1 -1
- package/esm/tree/tree.js +5 -14
- package/esm/tree-select/tree-select.d.ts.map +1 -1
- package/esm/tree-select/tree-select.js +110 -73
- package/esm/tree-select/tree-select.type.d.ts +6 -0
- package/esm/tree-select/tree-select.type.d.ts.map +1 -1
- package/esm/upload/button.d.ts.map +1 -1
- package/esm/upload/button.js +4 -3
- package/esm/upload/result.d.ts.map +1 -1
- package/esm/upload/result.js +3 -0
- package/esm/virtual-scroll/scroll.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll.js +28 -14
- package/esm/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/esm/virtual-scroll/virtual-scroll-list.js +2 -0
- package/package.json +9 -4
- package/cjs/table/temp/01-base.d.ts +0 -4
- package/cjs/table/temp/01-base.d.ts.map +0 -1
- package/cjs/table/temp/01-base.js +0 -199
- package/esm/table/temp/01-base.d.ts +0 -4
- package/esm/table/temp/01-base.d.ts.map +0 -1
- package/esm/table/temp/01-base.js +0 -194
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;mBAG7B,oBAAoB,KAAK,IAAI;mBAC7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;iBA8BzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAoJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
4
4
|
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; }
|
|
5
5
|
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; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { getLocale, useConfig } from "
|
|
7
|
+
import { getLocale, useConfig } from "../config";
|
|
8
8
|
import React, { useEffect, useRef, useState } from 'react';
|
|
9
9
|
import classNames from 'classnames';
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -111,9 +111,9 @@ var Result = function Result(props) {
|
|
|
111
111
|
var renderItem = function renderItem(info) {
|
|
112
112
|
var dis = info.index === 1 ? disabledRight : disabledLeft;
|
|
113
113
|
var className = classNames(styles === null || styles === void 0 ? void 0 : styles.resultText, info.target && (styles === null || styles === void 0 ? void 0 : styles.placeholder), dis && (styles === null || styles === void 0 ? void 0 : styles.resultTextDisabled), info.index === activeIndex && (styles === null || styles === void 0 ? void 0 : styles.resultTextActive));
|
|
114
|
-
return /*#__PURE__*/
|
|
114
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
115
115
|
className: className,
|
|
116
|
-
children: /*#__PURE__*/_jsx("
|
|
116
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
117
117
|
className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
|
|
118
118
|
children: info.inputable ? /*#__PURE__*/_jsx(Input, {
|
|
119
119
|
onRef: function onRef(el) {
|
|
@@ -148,7 +148,9 @@ var Result = function Result(props) {
|
|
|
148
148
|
className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
|
|
149
149
|
children: info.place
|
|
150
150
|
})
|
|
151
|
-
})
|
|
151
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
152
|
+
className: styles === null || styles === void 0 ? void 0 : styles.resultTextBg
|
|
153
|
+
})]
|
|
152
154
|
});
|
|
153
155
|
};
|
|
154
156
|
return /*#__PURE__*/_jsxs("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["time.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAqGxC,QAAA,MAAM,IAAI,UAAW,SAAS,
|
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["time.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAqGxC,QAAA,MAAM,IAAI,UAAW,SAAS,gBA4E7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/date-picker/time.js
CHANGED
|
@@ -2,7 +2,7 @@ import React, { useEffect, useRef } from 'react';
|
|
|
2
2
|
import { usePersistFn, useResize, useTimePick } from '@sheinx/hooks';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import Button from "../button";
|
|
5
|
-
import { getLocale, useConfig } from "
|
|
5
|
+
import { getLocale, useConfig } from "../config";
|
|
6
6
|
import PickerTitle from "./pickerTitle";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -82,7 +82,8 @@ var Time = function Time(props) {
|
|
|
82
82
|
var _props$jssStyle, _props$jssStyle$dateP;
|
|
83
83
|
var styles = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$dateP = _props$jssStyle.datePicker) === null || _props$jssStyle$dateP === void 0 ? void 0 : _props$jssStyle$dateP.call(_props$jssStyle);
|
|
84
84
|
var _useConfig = useConfig(),
|
|
85
|
-
locale = _useConfig.locale
|
|
85
|
+
locale = _useConfig.locale,
|
|
86
|
+
direction = _useConfig.direction;
|
|
86
87
|
var onChange = usePersistFn(function (date) {
|
|
87
88
|
props.setCurrent(date, 'time');
|
|
88
89
|
props.onChange(date, true);
|
|
@@ -112,6 +113,7 @@ var Time = function Time(props) {
|
|
|
112
113
|
if (!showRight) return null;
|
|
113
114
|
return /*#__PURE__*/_jsx("div", {
|
|
114
115
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooter,
|
|
116
|
+
dir: direction,
|
|
115
117
|
children: showRight && /*#__PURE__*/_jsx("div", {
|
|
116
118
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterRight,
|
|
117
119
|
children: /*#__PURE__*/_jsx(Button, {
|
|
@@ -128,6 +130,7 @@ var Time = function Time(props) {
|
|
|
128
130
|
onMouseEnter: props.onMouseEnter,
|
|
129
131
|
onMouseLeave: props.onMouseLeave,
|
|
130
132
|
className: classNames(styles === null || styles === void 0 ? void 0 : styles.timePicker, styles === null || styles === void 0 ? void 0 : styles.picker),
|
|
133
|
+
dir: direction,
|
|
131
134
|
children: [props.showTitle && /*#__PURE__*/_jsx(PickerTitle, {
|
|
132
135
|
position: props.position,
|
|
133
136
|
jssStyle: props.jssStyle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"year.d.ts","sourceRoot":"","sources":["year.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"year.d.ts","sourceRoot":"","sources":["year.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,QAAA,MAAM,IAAI,UAAW,SAAS,gBA6H7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/date-picker/year.js
CHANGED
|
@@ -3,11 +3,13 @@ import classNames from 'classnames';
|
|
|
3
3
|
import Icons from "../icons";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import PickerTitle from "./pickerTitle";
|
|
6
|
+
import { useConfig } from "../config";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
var Year = function Year(props) {
|
|
9
10
|
var _jssStyle$datePicker;
|
|
10
11
|
var jssStyle = props.jssStyle;
|
|
12
|
+
var config = useConfig();
|
|
11
13
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
|
|
12
14
|
var shouldChange = props.type === 'year';
|
|
13
15
|
var changeMode = usePersistFn(function () {
|
|
@@ -38,6 +40,7 @@ var Year = function Year(props) {
|
|
|
38
40
|
var isInRange = func.isInRange(item);
|
|
39
41
|
var isDisabled = func.isDisabled(item);
|
|
40
42
|
return /*#__PURE__*/_jsx("td", {
|
|
43
|
+
dir: config.direction,
|
|
41
44
|
className: classNames(styles === null || styles === void 0 ? void 0 : styles.pickerCell, func.isActive(item) && (styles === null || styles === void 0 ? void 0 : styles.pickerCellActive), (index === 0 || index === 11) && (styles === null || styles === void 0 ? void 0 : styles.pickerCellBound), isDisabled && (styles === null || styles === void 0 ? void 0 : styles.pickerCellDisabled), func.isNow(item) && (styles === null || styles === void 0 ? void 0 : styles.pickerCellToday), isInRange && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRange), (isInRange === 'start' || isInRange === 'start-end') && props.position === 'start' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeStart), (isInRange === 'end' || isInRange === 'start-end') && props.position === 'end' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeEnd)),
|
|
42
45
|
onClick: function onClick() {
|
|
43
46
|
func.handleYearClick(item);
|
|
@@ -65,12 +68,14 @@ var Year = function Year(props) {
|
|
|
65
68
|
jssStyle: jssStyle
|
|
66
69
|
}), /*#__PURE__*/_jsxs("div", {
|
|
67
70
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerHeader,
|
|
71
|
+
dir: config.direction,
|
|
68
72
|
children: [/*#__PURE__*/_jsx("div", {
|
|
69
73
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderLeft,
|
|
70
74
|
children: /*#__PURE__*/_jsx("span", {
|
|
71
75
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
|
|
72
76
|
onClick: func.handlePrev,
|
|
73
|
-
|
|
77
|
+
dir: config.direction,
|
|
78
|
+
children: Icons.datepicker.ArrowDoubleLeft
|
|
74
79
|
})
|
|
75
80
|
}), /*#__PURE__*/_jsxs("div", {
|
|
76
81
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderMid,
|
|
@@ -86,6 +91,7 @@ var Year = function Year(props) {
|
|
|
86
91
|
children: /*#__PURE__*/_jsx("span", {
|
|
87
92
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
|
|
88
93
|
onClick: func.handleNext,
|
|
94
|
+
dir: config.direction,
|
|
89
95
|
children: Icons.datepicker.ArrowDoubleRight
|
|
90
96
|
})
|
|
91
97
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuB1D,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAAgB;gBAEvB,KAAK,EAAE,SAAS;IAK5B,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU;IAY/B,MAAM;CAqCP;AAED,eAAe,IAAI,CAAC"}
|
package/esm/dropdown/Item.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
2
|
|
|
3
3
|
var _excluded = ["className"],
|
|
4
4
|
_excluded2 = ["className"];
|
|
@@ -56,13 +56,15 @@ var Item = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
56
56
|
value: function render() {
|
|
57
57
|
var _this$props = this.props,
|
|
58
58
|
itemClassName = _this$props.itemClassName,
|
|
59
|
-
renderItem = _this$props.renderItem
|
|
59
|
+
renderItem = _this$props.renderItem,
|
|
60
|
+
direction = _this$props.direction;
|
|
60
61
|
var data = this.props.data || {};
|
|
61
62
|
var props = {
|
|
62
63
|
disabled: data.disabled,
|
|
63
64
|
onClick: this.handleClick,
|
|
64
65
|
className: itemClassName,
|
|
65
|
-
target: data.target
|
|
66
|
+
target: data.target,
|
|
67
|
+
dir: direction
|
|
66
68
|
};
|
|
67
69
|
if (data.url) props.href = data.url;
|
|
68
70
|
var content;
|
|
@@ -80,6 +80,7 @@ export interface ItemProps {
|
|
|
80
80
|
columns: DropdownProps['columns'];
|
|
81
81
|
renderItem: ((data: any) => React.ReactNode) | string;
|
|
82
82
|
handleBlur: () => void;
|
|
83
|
+
direction: 'ltr' | 'rtl';
|
|
83
84
|
}
|
|
84
85
|
export interface SimpleDropdownProps extends Pick<CommonType, 'className' | 'style' | 'size'>, Pick<AbsoluteListProps, 'absolute'>, Pick<ButtonProps, 'type' | 'size' | 'text' | 'outline' | 'mode'> {
|
|
85
86
|
jssStyle?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.type.d.ts","sourceRoot":"","sources":["dropdown.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GACpB,UAAU,GACV,aAAa,GACb,WAAW,GACX,cAAc,GACd,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IACtD,UAAU,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.type.d.ts","sourceRoot":"","sources":["dropdown.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA8N3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -12,23 +12,9 @@ import AbsoluteList from "../absolute-list";
|
|
|
12
12
|
import Icons from "../icons";
|
|
13
13
|
import classNames from 'classnames';
|
|
14
14
|
import Item from "./Item";
|
|
15
|
+
import { useConfig } from "../config";
|
|
15
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
17
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
-
var positionMap = {
|
|
18
|
-
'left-top': 'left-top',
|
|
19
|
-
'left-bottom': 'left-bottom',
|
|
20
|
-
'right-top': 'right-top',
|
|
21
|
-
'right-bottom': 'right-bottom',
|
|
22
|
-
'top-right': 'left-bottom',
|
|
23
|
-
'top-left': 'right-bottom',
|
|
24
|
-
'bottom-right': 'left-top',
|
|
25
|
-
'bottom-left': 'right-top',
|
|
26
|
-
left: 'left',
|
|
27
|
-
right: 'right',
|
|
28
|
-
top: 'right-bottom',
|
|
29
|
-
bottom: 'right-top',
|
|
30
|
-
auto: ''
|
|
31
|
-
};
|
|
32
18
|
var Dropdown = function Dropdown(props) {
|
|
33
19
|
var _jssStyle$dropdown;
|
|
34
20
|
var placeholder = props.placeholder,
|
|
@@ -50,12 +36,30 @@ var Dropdown = function Dropdown(props) {
|
|
|
50
36
|
animation = props.animation,
|
|
51
37
|
hideArrow = props.hideArrow;
|
|
52
38
|
var dropdownClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$dropdown = jssStyle.dropdown) === null || _jssStyle$dropdown === void 0 ? void 0 : _jssStyle$dropdown.call(jssStyle);
|
|
39
|
+
var config = useConfig();
|
|
40
|
+
var isRtl = config.direction === 'rtl';
|
|
41
|
+
var dfp = isRtl ? 'bottom-right' : 'bottom-left';
|
|
42
|
+
var positionMap = {
|
|
43
|
+
'left-top': 'left-top',
|
|
44
|
+
'left-bottom': 'left-bottom',
|
|
45
|
+
'right-top': 'right-top',
|
|
46
|
+
'right-bottom': 'right-bottom',
|
|
47
|
+
'top-right': 'left-bottom',
|
|
48
|
+
'top-left': 'right-bottom',
|
|
49
|
+
'bottom-right': 'left-top',
|
|
50
|
+
'bottom-left': 'right-top',
|
|
51
|
+
left: 'left',
|
|
52
|
+
right: 'right',
|
|
53
|
+
top: isRtl ? 'left-bottom' : 'right-bottom',
|
|
54
|
+
bottom: isRtl ? 'left-top' : 'right-top',
|
|
55
|
+
auto: ''
|
|
56
|
+
};
|
|
53
57
|
var _usePopup = usePopup({
|
|
54
58
|
open: props.open,
|
|
55
59
|
onCollapse: props.onCollapse,
|
|
56
60
|
disabled: disabled,
|
|
57
61
|
trigger: trigger,
|
|
58
|
-
position: props.position ||
|
|
62
|
+
position: props.position || dfp,
|
|
59
63
|
autoMode: 'menu',
|
|
60
64
|
priorityDirection: 'vertical',
|
|
61
65
|
mouseLeaveDelay: 200
|
|
@@ -81,6 +85,7 @@ var Dropdown = function Dropdown(props) {
|
|
|
81
85
|
var renderButton = function renderButton() {
|
|
82
86
|
var caret = /*#__PURE__*/_jsx("span", {
|
|
83
87
|
className: dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.caret,
|
|
88
|
+
dir: config.direction,
|
|
84
89
|
children: Icons.dropdown.DropdownArrow
|
|
85
90
|
}, 'caret');
|
|
86
91
|
var child = [/*#__PURE__*/_jsx("span", {
|
|
@@ -90,8 +95,14 @@ var Dropdown = function Dropdown(props) {
|
|
|
90
95
|
if (!hideArrow) {
|
|
91
96
|
child.push(caret);
|
|
92
97
|
}
|
|
93
|
-
if (
|
|
94
|
-
|
|
98
|
+
if (!isRtl) {
|
|
99
|
+
if (['left-bottom', 'left-top', 'left'].includes(position)) {
|
|
100
|
+
child.reverse();
|
|
101
|
+
}
|
|
102
|
+
} else {
|
|
103
|
+
if (['right-bottom', 'right-top', 'right'].includes(position)) {
|
|
104
|
+
child.reverse();
|
|
105
|
+
}
|
|
95
106
|
}
|
|
96
107
|
if (isSub) {
|
|
97
108
|
return /*#__PURE__*/_jsx("a", {
|
|
@@ -141,6 +152,7 @@ var Dropdown = function Dropdown(props) {
|
|
|
141
152
|
onClick: d.onClick || onClick,
|
|
142
153
|
itemClassName: classNames(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.item),
|
|
143
154
|
renderItem: renderItem,
|
|
155
|
+
direction: config.direction,
|
|
144
156
|
columns: columns,
|
|
145
157
|
width: width,
|
|
146
158
|
handleBlur: isSub && props.closePop ? props.closePop : closePop
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;gCAE/B,aAAa;AAApC,
|
|
1
|
+
{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;gCAE/B,aAAa;AAApC,wBAwDE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-gallery.d.ts","sourceRoot":"","sources":["image-gallery.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAS,iBAAiB,EAAuB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"image-gallery.d.ts","sourceRoot":"","sources":["image-gallery.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAS,iBAAiB,EAAuB,MAAM,cAAc,CAAC;AAI7E,QAAA,MAAM,UAAU,UAAW,iBAAiB,gBAmF3C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -11,6 +11,7 @@ import classNames from 'classnames';
|
|
|
11
11
|
import { useImageGallery } from '@sheinx/hooks';
|
|
12
12
|
import Magnify from "./image-magnify";
|
|
13
13
|
import Icons from "../icons";
|
|
14
|
+
import { useConfig } from "../config";
|
|
14
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
17
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
@@ -19,8 +20,10 @@ var ImageModal = function ImageModal(props) {
|
|
|
19
20
|
var jssStyle = props.jssStyle,
|
|
20
21
|
images = props.images,
|
|
21
22
|
rest = _objectWithoutProperties(props, _excluded);
|
|
23
|
+
var config = useConfig();
|
|
22
24
|
var _useImageGallery = useImageGallery(_objectSpread(_objectSpread({}, rest), {}, {
|
|
23
|
-
images: images
|
|
25
|
+
images: images,
|
|
26
|
+
direction: config.direction
|
|
24
27
|
})),
|
|
25
28
|
current = _useImageGallery.current,
|
|
26
29
|
direction = _useImageGallery.direction,
|
|
@@ -37,6 +40,7 @@ var ImageModal = function ImageModal(props) {
|
|
|
37
40
|
return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({
|
|
38
41
|
className: closeClass
|
|
39
42
|
}, closeIconProps), {}, {
|
|
43
|
+
dir: config.direction,
|
|
40
44
|
children: Icons.image.Close
|
|
41
45
|
}));
|
|
42
46
|
};
|
|
@@ -51,6 +55,7 @@ var ImageModal = function ImageModal(props) {
|
|
|
51
55
|
src: image.src
|
|
52
56
|
});
|
|
53
57
|
return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, galleryProps), {}, {
|
|
58
|
+
dir: config.direction,
|
|
54
59
|
children: [renderColseIcon(), /*#__PURE__*/_jsx(Magnify, _objectSpread({}, magnifyProps))]
|
|
55
60
|
}), image.key);
|
|
56
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA6DE"}
|
package/esm/input/input-group.js
CHANGED
|
@@ -16,6 +16,7 @@ import { Children, cloneElement, useRef } from 'react';
|
|
|
16
16
|
import classNames from 'classnames';
|
|
17
17
|
import useWithFormConfig from "../common/use-with-form-config";
|
|
18
18
|
import { util } from '@sheinx/hooks';
|
|
19
|
+
import { useConfig } from "../config";
|
|
19
20
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
21
|
export default (function (props) {
|
|
21
22
|
var _jssStyle$input;
|
|
@@ -23,6 +24,7 @@ export default (function (props) {
|
|
|
23
24
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
24
25
|
focus = _React$useState2[0],
|
|
25
26
|
setFocus = _React$useState2[1];
|
|
27
|
+
var config = useConfig();
|
|
26
28
|
var jssStyle = props.jssStyle;
|
|
27
29
|
var inputStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
|
|
28
30
|
var ref = useRef({
|
|
@@ -71,6 +73,7 @@ export default (function (props) {
|
|
|
71
73
|
style: _objectSpread({
|
|
72
74
|
width: width
|
|
73
75
|
}, style),
|
|
76
|
+
dir: config === null || config === void 0 ? void 0 : config.direction,
|
|
74
77
|
children: Children.toArray(children).map(function (child, i) {
|
|
75
78
|
if (typeof child === 'string') {
|
|
76
79
|
return /*#__PURE__*/_jsx("span", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBA4FrC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -11,6 +11,7 @@ import { useInput, useKeyEvent, usePersistFn, util } from '@sheinx/hooks';
|
|
|
11
11
|
import classNames from 'classnames';
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import Icons from "../icons";
|
|
14
|
+
import { useConfig } from "../config";
|
|
14
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
17
|
var Input = function Input(props) {
|
|
@@ -33,6 +34,7 @@ var Input = function Input(props) {
|
|
|
33
34
|
hasSuffix = props.hasSuffix,
|
|
34
35
|
rest = _objectWithoutProperties(props, _excluded);
|
|
35
36
|
var inputStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
|
|
37
|
+
var config = useConfig();
|
|
36
38
|
var _useInput = useInput(_objectSpread(_objectSpread({}, rest), {}, {
|
|
37
39
|
onFocusedChange: onFocusedChange
|
|
38
40
|
})),
|
|
@@ -74,6 +76,7 @@ var Input = function Input(props) {
|
|
|
74
76
|
}, getClearProps()), {}, {
|
|
75
77
|
children: /*#__PURE__*/_jsx("span", {
|
|
76
78
|
className: inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.clear,
|
|
79
|
+
dir: config.direction,
|
|
77
80
|
children: clearIcon || Icons.input.Close
|
|
78
81
|
})
|
|
79
82
|
})), suffix]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-input-common.d.ts","sourceRoot":"","sources":["use-input-common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,QAAA,MAAM,cAAc;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"use-input-common.d.ts","sourceRoot":"","sources":["use-input-common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,QAAA,MAAM,cAAc;;;;;;;;;;gCAwG8B,OAAO;;;;;;;gBAQnB,gBAAgB,CAAC,gBAAgB,CAAC;CAsBvE,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -14,7 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
14
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
16
|
import React, { useMemo } from 'react';
|
|
17
|
-
import { useInputAble, usePersistFn } from '@sheinx/hooks';
|
|
17
|
+
import { useInputAble, usePersistFn, util } from '@sheinx/hooks';
|
|
18
18
|
import useClear from "../common/use-clear";
|
|
19
19
|
import useInnerTitle from "../common/use-inner-title";
|
|
20
20
|
import useTip from "../common/use-tip";
|
|
@@ -83,7 +83,7 @@ var useInputCommon = function useInputCommon(props0) {
|
|
|
83
83
|
delay: delay
|
|
84
84
|
});
|
|
85
85
|
var hasValue = function hasValue(value) {
|
|
86
|
-
return value
|
|
86
|
+
return util.isNumber(value) && !util.isNan(value) || value && value.length;
|
|
87
87
|
};
|
|
88
88
|
var renderInput = useInnerTitle({
|
|
89
89
|
innerTitle: innerTitle,
|
|
@@ -112,6 +112,7 @@ var useInputCommon = function useInputCommon(props0) {
|
|
|
112
112
|
minWidth: 'auto'
|
|
113
113
|
},
|
|
114
114
|
className: classNames(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.info, !!isError && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.infoError)),
|
|
115
|
+
dir: config.direction,
|
|
115
116
|
children: text
|
|
116
117
|
}, 'info');
|
|
117
118
|
};
|
package/esm/list/list.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,QAAA,MAAM,IAAI,mFAuMT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/list/list.js
CHANGED
|
@@ -75,9 +75,6 @@ var List = function List(props) {
|
|
|
75
75
|
var listStyle = _objectSpread({
|
|
76
76
|
width: "".concat(100 / colNum, "%")
|
|
77
77
|
}, props.itemStyle);
|
|
78
|
-
if (props.fixed) {
|
|
79
|
-
listStyle.height = lineHeight;
|
|
80
|
-
}
|
|
81
78
|
return /*#__PURE__*/_jsx("div", {
|
|
82
79
|
className: classNames(listClasses === null || listClasses === void 0 ? void 0 : listClasses.item, rowClass),
|
|
83
80
|
style: listStyle,
|
|
@@ -103,6 +100,9 @@ var List = function List(props) {
|
|
|
103
100
|
var renderColumn = usePersistFn(function (columnData, columnIndex) {
|
|
104
101
|
return /*#__PURE__*/_jsx("div", {
|
|
105
102
|
className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
|
|
103
|
+
style: {
|
|
104
|
+
height: props.fixed ? lineHeight : 'auto'
|
|
105
|
+
},
|
|
106
106
|
children: columnData.map(function (item, rowIndex) {
|
|
107
107
|
var index = rowIndex + columnIndex * colNum;
|
|
108
108
|
return renderItem(item, index);
|
|
@@ -142,7 +142,7 @@ var List = function List(props) {
|
|
|
142
142
|
if (typeof scrollLoading !== 'function') return;
|
|
143
143
|
var scrollTop = e.currentTarget.scrollTop;
|
|
144
144
|
if (!scrollTop) return;
|
|
145
|
-
var isEnd = scrollTop
|
|
145
|
+
var isEnd = e.currentTarget.scrollHeight - scrollTop - e.currentTarget.clientHeight < 1;
|
|
146
146
|
if (isEnd) {
|
|
147
147
|
scrollLoading();
|
|
148
148
|
}
|
package/esm/menu/item.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBA6JzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/esm/menu/item.js
CHANGED
|
@@ -8,6 +8,7 @@ import { cloneElement } from 'react';
|
|
|
8
8
|
import classNames from 'classnames';
|
|
9
9
|
import { useMenuItem, util } from '@sheinx/hooks';
|
|
10
10
|
import Icons from "../icons";
|
|
11
|
+
import { useConfig } from "../config";
|
|
11
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
14
|
import { createElement as _createElement } from "react";
|
|
@@ -19,6 +20,7 @@ var MenuItem = function MenuItem(props) {
|
|
|
19
20
|
inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
|
|
20
21
|
_props$frontCaretType = props.frontCaretType,
|
|
21
22
|
frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType;
|
|
23
|
+
var config = useConfig();
|
|
22
24
|
var hasExpandAbleChildren = children.some(function (item) {
|
|
23
25
|
return item && item.children && (props.looseChildren || item.children.length);
|
|
24
26
|
});
|
|
@@ -84,6 +86,7 @@ var MenuItem = function MenuItem(props) {
|
|
|
84
86
|
},
|
|
85
87
|
className: classNames(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandFront, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
|
|
86
88
|
onClick: handleExpandClick,
|
|
89
|
+
dir: config.direction,
|
|
87
90
|
children: /*#__PURE__*/_jsx("div", {
|
|
88
91
|
className: classes === null || classes === void 0 ? void 0 : classes.icon,
|
|
89
92
|
children: frontCaretType === 'hollow' ? Icons.menu.CollapseArrow : Icons.menu.FrontSolidArrowDown
|
|
@@ -100,6 +103,7 @@ var MenuItem = function MenuItem(props) {
|
|
|
100
103
|
color: props.caretColor
|
|
101
104
|
},
|
|
102
105
|
className: classNames(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandBack, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
|
|
106
|
+
dir: config.direction,
|
|
103
107
|
children: /*#__PURE__*/_jsx("div", {
|
|
104
108
|
className: classes === null || classes === void 0 ? void 0 : classes.icon,
|
|
105
109
|
children: Icons.menu.CollapseArrow
|
|
@@ -112,8 +116,10 @@ var MenuItem = function MenuItem(props) {
|
|
|
112
116
|
className: classNames(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
|
|
113
117
|
onMouseEnter: handleMouseEnter,
|
|
114
118
|
onMouseLeave: handleMouseLeave,
|
|
119
|
+
dir: config.direction,
|
|
115
120
|
children: [renderItem(), children.length > 0 && /*#__PURE__*/_jsx("ul", {
|
|
116
121
|
className: classNames(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
|
|
122
|
+
dir: config.direction,
|
|
117
123
|
children: children.map(function (item, index) {
|
|
118
124
|
var key = util.getKey(props.keygen, item, index);
|
|
119
125
|
return /*#__PURE__*/_createElement(MenuItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["scrollbar.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,
|
|
1
|
+
{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["scrollbar.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,uBAwFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/esm/menu/scrollbar.js
CHANGED
|
@@ -71,6 +71,7 @@ var Scrollbar = function Scrollbar(props) {
|
|
|
71
71
|
}
|
|
72
72
|
return /*#__PURE__*/_jsx("div", {
|
|
73
73
|
className: classNames(classes === null || classes === void 0 ? void 0 : classes.scrollbar, props.direction === 'x' && (classes === null || classes === void 0 ? void 0 : classes.scrollbarX), props.direction === 'y' && (classes === null || classes === void 0 ? void 0 : classes.scrollbarY), isDragging && (classes === null || classes === void 0 ? void 0 : classes.scrollbarDragging)),
|
|
74
|
+
dir: config.direction,
|
|
74
75
|
onClick: handleBgClick,
|
|
75
76
|
children: /*#__PURE__*/_jsx("div", {
|
|
76
77
|
className: classes === null || classes === void 0 ? void 0 : classes.scrolbarHandler,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination-buttons.d.ts","sourceRoot":"","sources":["pagination-buttons.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"pagination-buttons.d.ts","sourceRoot":"","sources":["pagination-buttons.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,2BAA2B,CAAC;AAOxF,QAAA,MAAM,iBAAiB,UAAW,sBAAsB,gBAqLvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -16,6 +16,7 @@ import Icons from "../icons";
|
|
|
16
16
|
import Button from "./pagination-button";
|
|
17
17
|
import Next from "./pagination-next";
|
|
18
18
|
import Prev from "./pagination-prev";
|
|
19
|
+
import { useConfig } from "../config";
|
|
19
20
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
21
|
import { createElement as _createElement } from "react";
|
|
21
22
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -41,6 +42,7 @@ var PaginationButtons = function PaginationButtons(props) {
|
|
|
41
42
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
42
43
|
showNextMore = _useState4[0],
|
|
43
44
|
setShowNextMore = _useState4[1];
|
|
45
|
+
var config = useConfig();
|
|
44
46
|
var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
|
|
45
47
|
var rootClasses = classNames(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.buttons);
|
|
46
48
|
var getLinks = function getLinks() {
|
|
@@ -132,10 +134,10 @@ var PaginationButtons = function PaginationButtons(props) {
|
|
|
132
134
|
};
|
|
133
135
|
var renderMore = function renderMore(type) {
|
|
134
136
|
if (type === 'prev' && showPrevMore) {
|
|
135
|
-
return Icons.pagination.PrePage;
|
|
137
|
+
return config.direction === 'rtl' ? Icons.pagination.NetPage : Icons.pagination.PrePage;
|
|
136
138
|
}
|
|
137
139
|
if (type === 'next' && showNextMore) {
|
|
138
|
-
return Icons.pagination.NetPage;
|
|
140
|
+
return config.direction === 'rtl' ? Icons.pagination.PrePage : Icons.pagination.NetPage;
|
|
139
141
|
}
|
|
140
142
|
return Icons.pagination.More;
|
|
141
143
|
};
|
|
@@ -166,8 +168,7 @@ var PaginationButtons = function PaginationButtons(props) {
|
|
|
166
168
|
moreType: pageNum,
|
|
167
169
|
onMouseEnter: handleHoverMore,
|
|
168
170
|
shape: "square",
|
|
169
|
-
onMouseLeave: handleHoverMore
|
|
170
|
-
className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sectionSize
|
|
171
|
+
onMouseLeave: handleHoverMore
|
|
171
172
|
}), /*#__PURE__*/_jsx("span", {
|
|
172
173
|
className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
|
|
173
174
|
children: renderMore(pageNum)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination-next.d.ts","sourceRoot":"","sources":["pagination-next.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination-next.d.ts","sourceRoot":"","sources":["pagination-next.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAKxE,QAAA,MAAM,oBAAoB,UAAW,2BAA2B,gBAgC/D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import Button from "./pagination-button";
|
|
3
3
|
import Icons from "../icons";
|
|
4
|
+
import { useConfig } from "../config";
|
|
4
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
6
|
var PaginationButtonNext = function PaginationButtonNext(props) {
|
|
6
7
|
var _jssStyle$pagination;
|
|
@@ -15,25 +16,24 @@ var PaginationButtonNext = function PaginationButtonNext(props) {
|
|
|
15
16
|
mode = props.mode,
|
|
16
17
|
onChange = props.onChange;
|
|
17
18
|
var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
|
|
18
|
-
var rootClasses = classNames(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section
|
|
19
|
+
var rootClasses = classNames(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section);
|
|
19
20
|
var max = Math.ceil(total / pageSize);
|
|
20
21
|
var next = current + 1;
|
|
21
22
|
var hasText = text && text.next;
|
|
23
|
+
var config = useConfig();
|
|
22
24
|
return /*#__PURE__*/_jsx(Button, {
|
|
23
25
|
className: rootClasses,
|
|
24
26
|
jssStyle: jssStyle,
|
|
25
27
|
mode: mode,
|
|
26
28
|
page: next,
|
|
27
29
|
size: size,
|
|
28
|
-
style: style
|
|
29
|
-
|
|
30
|
-
,
|
|
31
|
-
shape: 'square',
|
|
30
|
+
style: style,
|
|
31
|
+
shape: hasText ? undefined : 'square',
|
|
32
32
|
disabled: disabled || next > max,
|
|
33
33
|
onClick: onChange,
|
|
34
34
|
children: hasText ? text.next : /*#__PURE__*/_jsx("span", {
|
|
35
35
|
className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
|
|
36
|
-
children: Icons.pagination.NextInButton
|
|
36
|
+
children: config.direction === 'rtl' ? Icons.pagination.PreInButton : Icons.pagination.NextInButton
|
|
37
37
|
})
|
|
38
38
|
});
|
|
39
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination-prev.d.ts","sourceRoot":"","sources":["pagination-prev.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination-prev.d.ts","sourceRoot":"","sources":["pagination-prev.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAKxE,QAAA,MAAM,oBAAoB,UAAW,2BAA2B,gBA+B/D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|