antd-mobile 5.14.1 → 5.14.2
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/2x/bundle/antd-mobile.cjs.js +75 -75
- package/2x/bundle/antd-mobile.es.js +75 -75
- package/2x/bundle/css-vars-patch.css +53 -53
- package/2x/cjs/global/css-vars-patch.css +53 -53
- package/2x/es/global/css-vars-patch.css +53 -53
- package/2x/package.json +4 -4
- package/2x/umd/antd-mobile.js +1 -1
- package/bundle/antd-mobile.cjs.js +75 -75
- package/bundle/antd-mobile.es.js +75 -75
- package/package.json +4 -4
- package/umd/antd-mobile.js +1 -1
package/bundle/antd-mobile.es.js
CHANGED
|
@@ -27,7 +27,7 @@ function _mergeNamespaces(n2, m2) {
|
|
|
27
27
|
});
|
|
28
28
|
return Object.freeze(Object.defineProperty(n2, Symbol.toStringTag, { value: "Module" }));
|
|
29
29
|
}
|
|
30
|
-
var global$1 = "";
|
|
30
|
+
var global$1 = /* @__PURE__ */ (() => ":root {\n --adm-radius-s: 4px;\n --adm-radius-m: 8px;\n --adm-radius-l: 12px;\n --adm-font-size-1: 9px;\n --adm-font-size-2: 10px;\n --adm-font-size-3: 11px;\n --adm-font-size-4: 12px;\n --adm-font-size-5: 13px;\n --adm-font-size-6: 14px;\n --adm-font-size-7: 15px;\n --adm-font-size-8: 16px;\n --adm-font-size-9: 17px;\n --adm-font-size-10: 18px;\n --adm-hd: 1;\n --adm-color-primary: #1677ff;\n --adm-color-success: #00b578;\n --adm-color-warning: #ff8f1f;\n --adm-color-danger: #ff3141;\n --adm-color-white: #ffffff;\n --adm-color-text: #333333;\n --adm-color-text-secondary: #666666;\n --adm-color-weak: #999999;\n --adm-color-light: #cccccc;\n --adm-color-border: #eeeeee;\n --adm-color-box: #f5f5f5;\n --adm-color-background: #ffffff;\n --adm-font-size-main: var(--adm-font-size-5);\n --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',\n helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',\n 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;\n --adm-border-color: var(--adm-color-border);\n}\nhtml[data-prefers-color-scheme='dark'] {\n --adm-color-primary: #3086ff;\n --adm-color-success: #34b368;\n --adm-color-warning: #ffa930;\n --adm-color-danger: #ff4a58;\n --adm-color-text: #e6e6e6;\n --adm-color-text-secondary: #b3b3b3;\n --adm-color-weak: #808080;\n --adm-color-light: #4d4d4d;\n --adm-color-border: #2b2b2b;\n --adm-color-box: #0a0a0a;\n --adm-color-background: #1a1a1a;\n --adm-border-color: var(--adm-color-border);\n}\n:root {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: var(--adm-color-text);\n font-size: var(--adm-font-size-main);\n font-family: var(--adm-font-family);\n}\na,\nbutton {\n cursor: pointer;\n}\na {\n color: var(--adm-color-primary);\n transition: opacity ease-in-out 0.2s;\n}\na:active {\n opacity: 0.8;\n}\n.adm-plain-anchor {\n color: unset;\n transition: none;\n}\n.adm-plain-anchor:active {\n opacity: unset;\n}\nbody.adm-overflow-hidden {\n overflow: hidden !important;\n}\ndiv.adm-px-tester {\n --size: 1;\n height: calc(var(--size) / 2 * 2px);\n width: 0;\n position: fixed;\n right: -100vw;\n bottom: -100vh;\n user-select: none;\n pointer-events: none;\n}\n")();
|
|
31
31
|
const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
|
|
32
32
|
if (canUseDom) {
|
|
33
33
|
document.addEventListener("touchstart", () => {
|
|
@@ -1482,7 +1482,7 @@ function useConfig() {
|
|
|
1482
1482
|
var _a;
|
|
1483
1483
|
return (_a = useContext(ConfigContext)) !== null && _a !== void 0 ? _a : getDefaultConfig();
|
|
1484
1484
|
}
|
|
1485
|
-
var actionSheet = "";
|
|
1485
|
+
var actionSheet = /* @__PURE__ */ (() => ".adm-action-sheet-popup > .adm-popup-body {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n overflow: hidden;\n}\n.adm-action-sheet-extra {\n display: flex;\n justify-content: center;\n color: var(--adm-color-weak);\n font-size: var(--adm-font-size-7);\n padding: 18px 12px;\n border-bottom: 1px solid var(--adm-color-border);\n}\n.adm-action-sheet-button-list {\n border-bottom: 1px solid var(--adm-color-border);\n}\n.adm-action-sheet-button-item-wrapper {\n border-bottom: 1px solid var(--adm-color-border);\n}\n.adm-action-sheet-button-item-wrapper:last-child {\n border-bottom: none;\n}\n.adm-action-sheet-button-item {\n text-align: center;\n display: block;\n background-color: var(--adm-color-background);\n padding: 16px;\n}\n.adm-action-sheet-button-item:active {\n background-color: #eeeeee;\n}\n.adm-action-sheet-button-item-disabled {\n cursor: not-allowed;\n pointer-events: none;\n opacity: 0.4;\n}\n.adm-action-sheet-button-item-name {\n color: var(--adm-color-text);\n font-size: var(--adm-font-size-10);\n}\n.adm-action-sheet-button-item-description {\n font-size: var(--adm-font-size-4);\n color: var(--adm-color-weak);\n padding-top: 2px;\n}\n.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {\n color: var(--adm-color-danger);\n}\n.adm-action-sheet-cancel {\n background-color: var(--adm-color-box);\n padding-top: 8px;\n}\n")();
|
|
1486
1486
|
function attachPropertiesToComponent(component, properties) {
|
|
1487
1487
|
const ret = component;
|
|
1488
1488
|
for (const key in properties) {
|
|
@@ -1546,8 +1546,8 @@ function mergeProps(...items) {
|
|
|
1546
1546
|
}
|
|
1547
1547
|
return ret;
|
|
1548
1548
|
}
|
|
1549
|
-
var popup = "";
|
|
1550
|
-
var mask = "";
|
|
1549
|
+
var popup = /* @__PURE__ */ (() => ".adm-popup {\n --z-index: var(--adm-popup-z-index, 1000);\n position: fixed;\n z-index: var(--z-index);\n}\n.adm-popup-body {\n position: fixed;\n background-color: var(--adm-color-background);\n z-index: calc(var(--z-index) + 10);\n}\n.adm-popup-body-position-bottom {\n width: 100%;\n bottom: 0;\n left: 0;\n}\n.adm-popup-body-position-top {\n width: 100%;\n top: 0;\n left: 0;\n}\n.adm-popup-body-position-left {\n height: 100%;\n top: 0;\n left: 0;\n}\n.adm-popup-body-position-right {\n height: 100%;\n top: 0;\n right: 0;\n}\n")();
|
|
1550
|
+
var mask = /* @__PURE__ */ (() => ".adm-mask {\n --z-index: var(--adm-mask-z-index, 1000);\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--z-index);\n display: block;\n width: 100%;\n height: 100%;\n}\n.adm-mask-aria-button {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.adm-mask-content {\n z-index: 1;\n}\n")();
|
|
1551
1551
|
const MIN_DISTANCE = 10;
|
|
1552
1552
|
function getDirection(x, y) {
|
|
1553
1553
|
if (x > y && x > MIN_DISTANCE) {
|
|
@@ -9029,7 +9029,7 @@ const Popup = (p2) => {
|
|
|
9029
9029
|
}, shouldRender && props.children))));
|
|
9030
9030
|
return renderToContainer(props.getContainer, node);
|
|
9031
9031
|
};
|
|
9032
|
-
var safeArea = "";
|
|
9032
|
+
var safeArea = /* @__PURE__ */ (() => ".adm-safe-area {\n display: block;\n width: 100%;\n}\n.adm-safe-area-position-top {\n padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));\n}\n.adm-safe-area-position-bottom {\n padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));\n}\n")();
|
|
9033
9033
|
const classPrefix$1g = "adm-safe-area";
|
|
9034
9034
|
const SafeArea = (props) => {
|
|
9035
9035
|
return withNativeProps(props, React$1.createElement("div", {
|
|
@@ -9221,7 +9221,7 @@ function showActionSheet(props) {
|
|
|
9221
9221
|
var index$h = attachPropertiesToComponent(ActionSheet, {
|
|
9222
9222
|
show: showActionSheet
|
|
9223
9223
|
});
|
|
9224
|
-
var autoCenter = "";
|
|
9224
|
+
var autoCenter = /* @__PURE__ */ (() => ".adm-auto-center {\n display: flex;\n justify-content: center;\n}\n.adm-auto-center-content {\n flex: 0 1 auto;\n}\n")();
|
|
9225
9225
|
const classPrefix$1e = "adm-auto-center";
|
|
9226
9226
|
const AutoCenter = (props) => {
|
|
9227
9227
|
return withNativeProps(props, React$1.createElement("div", {
|
|
@@ -9230,7 +9230,7 @@ const AutoCenter = (props) => {
|
|
|
9230
9230
|
className: `${classPrefix$1e}-content`
|
|
9231
9231
|
}, props.children)));
|
|
9232
9232
|
};
|
|
9233
|
-
var avatar = "";
|
|
9233
|
+
var avatar = /* @__PURE__ */ (() => ".adm-avatar {\n --size: var(--adm-avatar-size, 44px);\n --border-radius: var(--adm-avatar-border-radius, 4px);\n border-radius: var(--border-radius);\n}\n.adm-avatar.adm-image {\n --width: var(--size);\n --height: var(--size);\n}\n.adm-avatar-fallback {\n height: 100%;\n width: 100%;\n display: block;\n}\n")();
|
|
9234
9234
|
const Fallback = memo(() => React$1.createElement("svg", {
|
|
9235
9235
|
className: "adm-avatar-fallback",
|
|
9236
9236
|
width: "88px",
|
|
@@ -9288,7 +9288,7 @@ const Avatar = (p2) => {
|
|
|
9288
9288
|
onError: props.onError
|
|
9289
9289
|
}));
|
|
9290
9290
|
};
|
|
9291
|
-
var badge = "";
|
|
9291
|
+
var badge = /* @__PURE__ */ (() => ".adm-badge-wrap {\n display: inline-block;\n position: relative;\n}\n.adm-badge {\n display: inline-flex;\n vertical-align: middle;\n box-sizing: content-box;\n border-radius: 100px;\n background-color: var(--color);\n --right: 0;\n --top: 0;\n --color: var(--adm-badge-color, #ff411c);\n}\n.adm-badge-content {\n color: var(--adm-color-white);\n box-sizing: border-box;\n min-width: 8px;\n padding: 1px 4px;\n font-size: var(--adm-font-size-1);\n line-height: 12px;\n white-space: nowrap;\n font-weight: normal;\n text-align: center;\n}\n.adm-badge-fixed {\n position: absolute;\n right: var(--right);\n top: var(--top);\n transform: translate(50%, -50%);\n}\n.adm-badge-dot {\n min-width: 10px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n}\n.adm-badge-bordered {\n border: solid 1px var(--adm-color-white);\n}\n")();
|
|
9292
9292
|
const classPrefix$1c = `adm-badge`;
|
|
9293
9293
|
const dot = React$1.createElement(React$1.Fragment, null);
|
|
9294
9294
|
const Badge$1 = (props) => {
|
|
@@ -9314,8 +9314,8 @@ const Badge$1 = (props) => {
|
|
|
9314
9314
|
var Badge = attachPropertiesToComponent(Badge$1, {
|
|
9315
9315
|
dot
|
|
9316
9316
|
});
|
|
9317
|
-
var button = "";
|
|
9318
|
-
var dotLoading = "";
|
|
9317
|
+
var button = /* @__PURE__ */ (() => ".adm-button {\n --color: var(--adm-color-white);\n --text-color: var(--adm-button-text-color, var(--adm-color-text));\n --background-color: var(--adm-button-background-color, var(--adm-color-background));\n --border-radius: var(--adm-button-border-radius, 4px);\n --border-width: var(--adm-button-border-width, 1px);\n --border-style: var(--adm-button-border-style, solid);\n --border-color: var(--adm-button-border-color, var(--adm-color-border));\n color: var(--text-color);\n background-color: var(--background-color);\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n height: auto;\n padding: 7px 12px;\n margin: 0;\n font-size: var(--adm-font-size-9);\n line-height: 1.4;\n text-align: center;\n border: var(--border-width) var(--border-style) var(--border-color);\n border-radius: var(--border-radius);\n cursor: pointer;\n transition: opacity ease 0.15s;\n user-select: none;\n}\n.adm-button:focus {\n outline: none;\n}\n.adm-button::before {\n position: absolute;\n top: 0;\n left: 0;\n transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));\n width: 100%;\n height: 100%;\n background-color: #000;\n border: var(--border-width) var(--border-style) #000;\n border-radius: var(--border-radius);\n opacity: 0;\n content: ' ';\n box-sizing: content-box;\n}\n.adm-button:active::before {\n opacity: 0.08;\n}\n.adm-button-default.adm-button-fill-outline {\n --background-color: transparent;\n --border-color: var(--adm-color-text);\n}\n.adm-button-default.adm-button-fill-none {\n --background-color: transparent;\n --border-width: 0px;\n}\n.adm-button:not(.adm-button-default) {\n --text-color: var(--adm-color-white);\n --background-color: var(--color);\n --border-color: var(--color);\n}\n.adm-button:not(.adm-button-default).adm-button-fill-outline {\n --text-color: var(--color);\n --background-color: transparent;\n}\n.adm-button:not(.adm-button-default).adm-button-fill-none {\n --text-color: var(--color);\n --background-color: transparent;\n --border-width: 0px;\n}\n.adm-button-primary {\n --color: var(--adm-color-primary);\n}\n.adm-button-success {\n --color: var(--adm-color-success);\n}\n.adm-button-danger {\n --color: var(--adm-color-danger);\n}\n.adm-button-warning {\n --color: var(--adm-color-warning);\n}\n.adm-button-block {\n display: block;\n width: 100%;\n}\n.adm-button-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n.adm-button-disabled:active::before {\n display: none;\n}\n.adm-button.adm-button-mini {\n padding-top: 3px;\n padding-bottom: 3px;\n font-size: var(--adm-font-size-main);\n}\n.adm-button.adm-button-mini.adm-button-shape-rounded {\n padding-left: 9px;\n padding-right: 9px;\n}\n.adm-button.adm-button-small {\n padding-top: 3px;\n padding-bottom: 3px;\n font-size: var(--adm-font-size-7);\n}\n.adm-button.adm-button-large {\n padding-top: 11px;\n padding-bottom: 11px;\n font-size: var(--adm-font-size-10);\n}\n.adm-button.adm-button-shape-rounded {\n --border-radius: 1000px;\n}\n.adm-button.adm-button-shape-rectangular {\n --border-radius: 0;\n}\n.adm-button-loading {\n vertical-align: bottom;\n}\n.adm-button-loading-wrapper {\n display: flex;\n height: 1.4em;\n align-items: center;\n justify-content: center;\n}\n.adm-button-loading-wrapper > .adm-loading {\n opacity: 0.6;\n}\n")();
|
|
9318
|
+
var dotLoading = /* @__PURE__ */ (() => ".adm-dot-loading {\n display: inline-block;\n}\n")();
|
|
9319
9319
|
const classPrefix$1b = `adm-dot-loading`;
|
|
9320
9320
|
const colorRecord$3 = {
|
|
9321
9321
|
default: "var(--adm-color-weak)",
|
|
@@ -9437,7 +9437,7 @@ const Button = forwardRef((p2, ref) => {
|
|
|
9437
9437
|
className: `${classPrefix$1a}-loading-wrapper`
|
|
9438
9438
|
}, props.loadingIcon, props.loadingText) : props.children));
|
|
9439
9439
|
});
|
|
9440
|
-
var calendar = "";
|
|
9440
|
+
var calendar = /* @__PURE__ */ (() => ".adm-calendar .adm-calendar-header {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding-top: 4px;\n}\n.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button {\n padding: 4px 8px;\n display: block;\n flex: none;\n}\n.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg {\n height: 22px;\n}\n.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button.adm-calendar-arrow-button-right svg {\n transform: rotate(180deg);\n}\n.adm-calendar .adm-calendar-header .adm-calendar-title {\n font-size: var(--adm-font-size-10);\n flex: auto;\n text-align: center;\n}\n.adm-calendar .adm-calendar-body {\n display: flex;\n flex-wrap: wrap;\n}\n.adm-calendar-cells {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: stretch;\n padding: 8px 8px 4px;\n}\n.adm-calendar-cell {\n flex: none;\n box-sizing: border-box;\n width: calc(100% / 7);\n height: 48px;\n margin-bottom: 4px;\n padding: 2px;\n color: var(--adm-color-text);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-end;\n}\n.adm-calendar-cell.adm-calendar-cell-today {\n color: var(--adm-color-primary);\n}\n.adm-calendar-cell.adm-calendar-cell-disabled {\n color: var(--adm-color-light);\n}\n.adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {\n color: var(--adm-color-light);\n}\n.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected {\n background: var(--adm-color-primary);\n color: var(--adm-color-white);\n}\n.adm-calendar-cell.adm-calendar-cell-selected .adm-calendar-cell-bottom {\n color: var(--adm-color-white);\n}\n.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected {\n color: var(--adm-color-light);\n}\n.adm-calendar-cell .adm-calendar-cell-top {\n flex: none;\n font-size: var(--adm-font-size-10);\n}\n.adm-calendar-cell .adm-calendar-cell-bottom {\n flex: none;\n font-size: var(--adm-font-size-4);\n height: 12px;\n line-height: 12px;\n color: var(--adm-color-weak);\n}\n.adm-calendar-mark {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n border-bottom: solid 1px var(--adm-color-border);\n height: 45px;\n box-sizing: border-box;\n font-size: var(--adm-font-size-7);\n padding: 0 8px;\n}\n.adm-calendar-mark .adm-calendar-mark-cell {\n flex: 1;\n text-align: center;\n}\n")();
|
|
9441
9441
|
const ArrowLeft = () => {
|
|
9442
9442
|
return React$1.createElement("svg", {
|
|
9443
9443
|
height: "1em",
|
|
@@ -9733,7 +9733,7 @@ const Calendar = forwardRef((p2, ref) => {
|
|
|
9733
9733
|
className: classPrefix$19
|
|
9734
9734
|
}, header, mark, body));
|
|
9735
9735
|
});
|
|
9736
|
-
var capsuleTabs = "";
|
|
9736
|
+
var capsuleTabs = /* @__PURE__ */ (() => ".adm-capsule-tabs {\n position: relative;\n min-width: 0;\n}\n.adm-capsule-tabs-header {\n position: relative;\n padding: 12px 6px;\n border-bottom: solid 1px var(--adm-color-border);\n}\n.adm-capsule-tabs-tab-list {\n display: flex;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n overflow-x: scroll;\n scrollbar-width: none;\n}\n.adm-capsule-tabs-tab-list::-webkit-scrollbar {\n display: none;\n}\n.adm-capsule-tabs-tab-wrapper {\n flex: auto;\n padding: 0 6px;\n}\n.adm-capsule-tabs-tab {\n position: relative;\n padding: 8px 20px;\n margin: 0 auto;\n border-radius: 20px;\n cursor: pointer;\n font-size: var(--adm-font-size-7);\n text-align: center;\n white-space: nowrap;\n background-color: var(--adm-color-box);\n}\n.adm-capsule-tabs-tab-active {\n color: var(--adm-color-white);\n background-color: var(--adm-color-primary);\n}\n.adm-capsule-tabs-tab-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.adm-capsule-tabs-content {\n padding: 12px;\n}\n")();
|
|
9737
9737
|
function useResizeEffect(effect, targetRef) {
|
|
9738
9738
|
const fn = useMemoizedFn(effect);
|
|
9739
9739
|
useIsomorphicLayoutEffect(() => {
|
|
@@ -9831,7 +9831,7 @@ const useTabListScroll = (targetRef, activeIndex) => {
|
|
|
9831
9831
|
animate
|
|
9832
9832
|
};
|
|
9833
9833
|
};
|
|
9834
|
-
var scrollMask = "";
|
|
9834
|
+
var scrollMask = /* @__PURE__ */ (() => ".adm-scroll-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n width: 30px;\n height: 100%;\n pointer-events: none;\n}\n.adm-scroll-mask-left {\n left: 0;\n background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));\n}\n.adm-scroll-mask-right {\n right: 0;\n background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));\n}\n")();
|
|
9835
9835
|
const classPrefix$18 = `adm-scroll-mask`;
|
|
9836
9836
|
const ScrollMask = (props) => {
|
|
9837
9837
|
const maskRef = useRef(null);
|
|
@@ -9995,7 +9995,7 @@ const CapsuleTabs = (props) => {
|
|
|
9995
9995
|
var index$g = attachPropertiesToComponent(CapsuleTabs, {
|
|
9996
9996
|
Tab: CapsuleTab
|
|
9997
9997
|
});
|
|
9998
|
-
var card = "";
|
|
9998
|
+
var card = /* @__PURE__ */ (() => ".adm-card {\n background: var(--adm-color-background);\n border-radius: 8px;\n padding: 0 12px;\n}\n.adm-card-header {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-sizing: border-box;\n padding: 12px 0;\n}\n.adm-card-header:not(:last-child) {\n border-bottom: solid 0.5px var(--adm-color-border);\n}\n.adm-card-header-title {\n font-size: var(--adm-font-size-7);\n line-height: 1.4;\n font-weight: bold;\n}\n.adm-card-body {\n padding: 12px 0;\n}\n")();
|
|
9999
9999
|
const classPrefix$16 = `adm-card`;
|
|
10000
10000
|
const Card = (props) => {
|
|
10001
10001
|
const renderHeader = () => {
|
|
@@ -10025,7 +10025,7 @@ const Card = (props) => {
|
|
|
10025
10025
|
onClick: props.onClick
|
|
10026
10026
|
}, renderHeader(), renderBody()));
|
|
10027
10027
|
};
|
|
10028
|
-
var picker = "";
|
|
10028
|
+
var picker = /* @__PURE__ */ (() => ".adm-picker {\n --header-button-font-size: var(--adm-font-size-7);\n --title-font-size: var(--adm-font-size-7);\n --item-font-size: var(--adm-font-size-8);\n --item-height: 34px;\n width: 100%;\n height: 300px;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n ---item-font-size: var(--item-font-size);\n ---item-height: var(--item-height);\n}\n.adm-picker .adm-picker-view.adm-picker-view {\n --item-font-size: var(---item-font-size);\n --item-height: var(---item-height);\n}\n.adm-picker-header {\n flex-shrink: 0;\n border-bottom: solid 1px var(--adm-color-border);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 4px 4px;\n}\n.adm-picker-header-button {\n font-size: var(--header-button-font-size);\n display: inline-block;\n padding: 8px 8px;\n}\n.adm-picker-header-title {\n padding: 4px 4px;\n font-size: var(--title-font-size);\n color: var(--adm-color-text);\n text-align: center;\n flex: 1;\n}\n.adm-picker-body {\n flex: 1;\n width: 100%;\n}\n.adm-picker-body > .adm-picker-view {\n --height: 100%;\n}\n.adm-picker-popup .adm-popup-body {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n")();
|
|
10029
10029
|
function rubberband(distance, dimension, constant2) {
|
|
10030
10030
|
return distance * dimension * constant2 / (dimension + constant2 * distance);
|
|
10031
10031
|
}
|
|
@@ -10590,7 +10590,7 @@ const PickerView = memo((p2) => {
|
|
|
10590
10590
|
}))));
|
|
10591
10591
|
});
|
|
10592
10592
|
PickerView.displayName = "PickerView";
|
|
10593
|
-
var pickerView = "";
|
|
10593
|
+
var pickerView = /* @__PURE__ */ (() => ".adm-picker-view {\n --height: 240px;\n --item-height: 34px;\n --item-font-size: var(--adm-font-size-8);\n height: var(--height);\n width: 100%;\n display: flex;\n position: relative;\n overflow: hidden;\n background: var(--adm-color-white);\n}\n.adm-picker-view-column {\n height: 100%;\n flex: 1;\n user-select: none;\n touch-action: none;\n position: relative;\n z-index: 0;\n}\n.adm-picker-view-column-wheel {\n width: 100%;\n cursor: grab;\n position: absolute;\n top: calc(50% - var(--item-height) / 2);\n left: 0;\n}\n.adm-picker-view-column-wheel::before {\n content: ' ';\n display: block;\n position: absolute;\n width: 100%;\n height: 100vh;\n top: -100vh;\n}\n.adm-picker-view-column-wheel::after {\n content: ' ';\n display: block;\n position: absolute;\n width: 100%;\n height: 100vh;\n bottom: -100vh;\n}\n.adm-picker-view-column-item {\n font-size: var(--item-font-size);\n padding: 0 6px;\n height: var(--item-height);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.adm-picker-view-column-item-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.adm-picker-view-column-accessible {\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0;\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 0;\n}\n.adm-picker-view-column-accessible > * {\n flex: 1;\n text-overflow: ellipsis;\n}\n.adm-picker-view-column-accessible-current {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.adm-picker-view-column-accessible-button {\n width: 100%;\n height: 100%;\n}\n.adm-picker-view-mask {\n position: absolute;\n z-index: 10000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n}\n.adm-picker-view-mask-top,\n.adm-picker-view-mask-bottom {\n flex: auto;\n}\n.adm-picker-view-mask-middle {\n height: var(--item-height);\n box-sizing: border-box;\n flex: none;\n border-top: solid 1px var(--adm-color-border);\n border-bottom: solid 1px var(--adm-color-border);\n}\n.adm-picker-view-mask-top {\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);\n}\n.adm-picker-view-mask-bottom {\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);\n}\n")();
|
|
10594
10594
|
const classPrefix$13 = `adm-picker`;
|
|
10595
10595
|
const defaultProps$T = {
|
|
10596
10596
|
defaultValue: [],
|
|
@@ -10832,8 +10832,8 @@ const CascadePickerView = (props) => {
|
|
|
10832
10832
|
columns: columnsFn
|
|
10833
10833
|
}));
|
|
10834
10834
|
};
|
|
10835
|
-
var cascaderView = "";
|
|
10836
|
-
var tabs = "";
|
|
10835
|
+
var cascaderView = /* @__PURE__ */ (() => ".adm-cascader-view {\n --height: auto;\n}\n.adm-cascader-view-tabs.adm-tabs {\n --title-font-size: var(--adm-font-size-6);\n --content-padding: none;\n}\n.adm-cascader-view-header-title {\n max-width: 84px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.adm-cascader-view-content {\n height: var(--height);\n overflow-y: auto;\n}\n.adm-cascader-view-content > .adm-check-list {\n --border-inner: none;\n --border-bottom: none;\n --border-top: none;\n}\n.adm-cascader-view-item {\n font-size: var(--adm-font-size-6);\n}\n.adm-cascader-view-item-active {\n color: var(--adm-color-primary);\n}\n.adm-cascader-view .adm-list-inner {\n margin-bottom: 0;\n}\n.adm-cascader-view-skeleton {\n padding: 16px 12px;\n}\n.adm-cascader-view-skeleton .adm-skeleton {\n margin-bottom: 16px;\n --height: 18px;\n --width: 80%;\n --border-radius: 2px;\n}\n.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {\n --width: 90%;\n}\n.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {\n --width: 60%;\n}\n")();
|
|
10836
|
+
var tabs = /* @__PURE__ */ (() => ".adm-tabs {\n --title-font-size: var(--adm-font-size-9);\n --content-padding: 12px;\n --active-line-height: 2px;\n --active-line-border-radius: var(--active-line-height);\n --active-line-color: var(--adm-color-primary);\n --active-title-color: var(--adm-color-primary);\n position: relative;\n min-width: 0;\n}\n.adm-tabs-header {\n position: relative;\n border-bottom: solid 1px var(--adm-color-border);\n}\n.adm-tabs-tab-list {\n display: flex;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n overflow-x: scroll;\n scrollbar-width: none;\n}\n.adm-tabs-tab-list::-webkit-scrollbar {\n display: none;\n}\n.adm-tabs-tab-wrapper {\n padding: 0 12px;\n}\n.adm-tabs-tab-wrapper-stretch {\n flex: auto;\n}\n.adm-tabs-tab {\n white-space: nowrap;\n padding: 8px 0 10px;\n width: min-content;\n margin: 0 auto;\n font-size: var(--title-font-size);\n position: relative;\n cursor: pointer;\n}\n.adm-tabs-tab-active {\n color: var(--active-title-color);\n}\n.adm-tabs-tab-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.adm-tabs-tab-line {\n position: absolute;\n bottom: 0;\n height: var(--active-line-height);\n background: var(--active-line-color);\n border-radius: var(--active-line-border-radius);\n}\n.adm-tabs-content {\n padding: var(--content-padding);\n}\n.adm-tabs-header-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n width: 30px;\n height: 100%;\n pointer-events: none;\n}\n.adm-tabs-header-mask-left {\n left: 0;\n background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));\n}\n.adm-tabs-header-mask-right {\n right: 0;\n background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));\n}\n")();
|
|
10837
10837
|
const classPrefix$12 = `adm-tabs`;
|
|
10838
10838
|
const Tab = () => {
|
|
10839
10839
|
return null;
|
|
@@ -11062,8 +11062,8 @@ const Tabs$1 = (p2) => {
|
|
|
11062
11062
|
var Tabs = attachPropertiesToComponent(Tabs$1, {
|
|
11063
11063
|
Tab
|
|
11064
11064
|
});
|
|
11065
|
-
var checkList = "";
|
|
11066
|
-
var list = "";
|
|
11065
|
+
var checkList = /* @__PURE__ */ (() => ".adm-check-list-item-extra {\n font-size: var(--adm-font-size-8);\n line-height: 1;\n color: var(--adm-color-primary);\n}\n.adm-check-list-item-readonly {\n cursor: unset;\n}\n")();
|
|
11066
|
+
var list = /* @__PURE__ */ (() => ".adm-list {\n --header-font-size: var(--adm-font-size-7);\n --prefix-width: 'auto';\n --prefix-padding-right: 12px;\n --align-items: center;\n --active-background-color: var(--adm-color-border);\n --border-inner: solid 1px var(--adm-color-border);\n --border-top: solid 1px var(--adm-color-border);\n --border-bottom: solid 1px var(--adm-color-border);\n --padding-left: 12px;\n --padding-right: 12px;\n --font-size: var(--adm-font-size-9);\n}\n.adm-list-header {\n color: var(--adm-color-weak);\n font-size: var(--header-font-size);\n padding: 8px var(--padding-right) 8px var(--padding-left);\n}\n.adm-list-body {\n background-color: var(--adm-color-background);\n overflow: hidden;\n font-size: var(--font-size);\n}\n.adm-list-body-inner {\n margin-top: -1px;\n}\n.adm-list-default .adm-list-body {\n border-top: var(--border-top);\n border-bottom: var(--border-bottom);\n}\n.adm-list-card {\n margin: 12px;\n}\n.adm-list-card .adm-list-body {\n border-radius: 8px;\n}\n.adm-list-card .adm-list-header {\n padding-left: 0;\n}\n.adm-list-item {\n display: block;\n padding-left: var(--padding-left);\n position: relative;\n background-color: var(--adm-color-background);\n line-height: 1.5;\n}\n.adm-list-item-title,\n.adm-list-item-description {\n color: var(--adm-color-weak);\n font-size: var(--adm-font-size-main);\n}\n.adm-list-item-content {\n display: flex;\n align-items: var(--align-items);\n justify-content: flex-start;\n border-top: var(--border-inner);\n padding-right: var(--padding-right);\n}\n.adm-list-item-content-prefix {\n width: var(--prefix-width);\n flex: none;\n padding-right: var(--prefix-padding-right);\n}\n.adm-list-item-content-main {\n flex: auto;\n padding: 12px 0;\n}\n.adm-list-item-content-extra {\n padding-left: 12px;\n font-size: var(--adm-font-size-7);\n color: var(--adm-color-weak);\n}\n.adm-list-item-content-arrow {\n flex: none;\n display: flex;\n align-items: center;\n margin-left: 4px;\n color: var(--adm-color-light);\n font-size: 19px;\n}\n.adm-list-item-disabled {\n cursor: not-allowed;\n}\n.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {\n opacity: 0.4;\n pointer-events: none;\n}\na.adm-list-item:active:not(.adm-list-item-disabled) {\n background-color: var(--active-background-color);\n}\na.adm-list-item:active:not(.adm-list-item-disabled)::after {\n content: ' ';\n display: block;\n position: absolute;\n width: 100%;\n bottom: -1px;\n left: 0;\n border-bottom: var(--border-inner);\n}\n")();
|
|
11067
11067
|
const classPrefix$11 = `adm-list`;
|
|
11068
11068
|
const defaultProps$R = {
|
|
11069
11069
|
mode: "default"
|
|
@@ -11246,7 +11246,7 @@ function useCascaderValueExtend(options) {
|
|
|
11246
11246
|
return generateValueExtend;
|
|
11247
11247
|
}
|
|
11248
11248
|
const optionSkeleton = [];
|
|
11249
|
-
var skeleton = "";
|
|
11249
|
+
var skeleton = /* @__PURE__ */ (() => ".adm-skeleton {\n --width: 100%;\n --height: 0;\n --border-radius: 0;\n background-color: rgba(190, 190, 190, 0.2);\n border-radius: var(--border-radius);\n width: var(--width);\n height: var(--height);\n display: block;\n}\n.adm-skeleton.adm-skeleton-animated {\n background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);\n background-size: 400% 100%;\n animation: adm-skeleton-loading 1.4s ease infinite;\n}\n.adm-skeleton.adm-skeleton-title {\n --width: 45%;\n --height: 32px;\n --border-radius: 2px;\n margin-bottom: 16px;\n margin-top: 16px;\n}\n.adm-skeleton.adm-skeleton-paragraph-line {\n --height: 18px;\n --border-radius: 2px;\n margin-top: 12px;\n margin-bottom: 12px;\n}\n.adm-skeleton.adm-skeleton-paragraph-line:last-child {\n --width: 65%;\n}\n@keyframes adm-skeleton-loading {\n 0% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0 50%;\n }\n}\n")();
|
|
11250
11250
|
function generateIntArray(from, to2) {
|
|
11251
11251
|
const array = [];
|
|
11252
11252
|
for (let i = from; i <= to2; i++) {
|
|
@@ -11512,12 +11512,12 @@ function prompt$1(props) {
|
|
|
11512
11512
|
const unmount2 = renderToBody(React$1.createElement(Wrapper2, null));
|
|
11513
11513
|
});
|
|
11514
11514
|
}
|
|
11515
|
-
var cascader = "";
|
|
11515
|
+
var cascader = /* @__PURE__ */ (() => ".adm-cascader {\n width: 100%;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.adm-cascader-header {\n flex: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 6px 8px;\n}\n.adm-cascader-header-button {\n font-size: var(--adm-font-size-7);\n display: inline-block;\n padding: 4px 4px;\n}\n.adm-cascader-header-title {\n padding: 4px 4px;\n font-size: var(--adm-font-size-7);\n color: var(--adm-color-text);\n text-align: center;\n flex: 1;\n}\n.adm-cascader-body {\n flex: auto;\n height: 100%;\n width: 100%;\n}\n.adm-cascader-body > .adm-cascader-view {\n --height: 310px;\n}\n")();
|
|
11516
11516
|
var index$e = attachPropertiesToComponent(Cascader, {
|
|
11517
11517
|
prompt: prompt$1,
|
|
11518
11518
|
optionSkeleton
|
|
11519
11519
|
});
|
|
11520
|
-
var centerPopup = "";
|
|
11520
|
+
var centerPopup = /* @__PURE__ */ (() => ".adm-center-popup {\n --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));\n --border-radius: var(--adm-center-popup-border-radius, 8px);\n --max-width: var(--adm-center-popup-max-width, 75vw);\n --min-width: var(--adm-center-popup-min-width, 280px);\n --z-index: var(--adm-center-popup-z-index, 1000);\n position: fixed;\n z-index: var(--z-index);\n}\n.adm-center-popup .adm-center-popup-mask {\n z-index: 0;\n}\n.adm-center-popup-wrap {\n position: fixed;\n z-index: 1;\n top: 50%;\n left: 50%;\n width: auto;\n min-width: var(--min-width);\n max-width: var(--max-width);\n transform: translate(-50%, -50%);\n}\n.adm-center-popup-body {\n background-color: var(--background-color);\n border-radius: var(--border-radius);\n}\n")();
|
|
11521
11521
|
function useInnerVisible(outerVisible) {
|
|
11522
11522
|
const [innerVisible, setInnerVisible] = useState(outerVisible);
|
|
11523
11523
|
useIsomorphicLayoutEffect(() => {
|
|
@@ -11598,7 +11598,7 @@ const CenterPopup = (p2) => {
|
|
|
11598
11598
|
destroyOnClose: props.destroyOnClose
|
|
11599
11599
|
}, renderToContainer(props.getContainer, node));
|
|
11600
11600
|
};
|
|
11601
|
-
var checkbox = "";
|
|
11601
|
+
var checkbox = /* @__PURE__ */ (() => ".adm-checkbox {\n --icon-size: 22px;\n --font-size: var(--adm-font-size-9);\n --gap: 8px;\n display: inline-flex;\n vertical-align: text-bottom;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n}\n.adm-checkbox input {\n display: none;\n}\n.adm-checkbox .adm-checkbox-icon {\n flex: none;\n border: 1px solid var(--adm-color-light);\n border-radius: var(--icon-size);\n box-sizing: border-box;\n width: var(--icon-size);\n height: var(--icon-size);\n color: var(--adm-color-white);\n}\n.adm-checkbox .adm-checkbox-icon > svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n.adm-checkbox.adm-checkbox-block {\n display: flex;\n}\n.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {\n border-color: var(--adm-color-primary);\n background-color: var(--adm-color-primary);\n}\n.adm-checkbox.adm-checkbox-disabled {\n cursor: not-allowed;\n}\n.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {\n opacity: 0.4;\n}\n.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {\n color: #b7b7b7;\n border-color: var(--adm-color-light);\n background-color: var(--adm-color-box);\n}\n.adm-checkbox .adm-checkbox-custom-icon {\n font-size: var(--icon-size);\n}\n.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {\n background-color: var(--adm-color-background);\n color: var(--adm-color-primary);\n}\n.adm-checkbox-content {\n flex: 0 1 auto;\n font-size: var(--font-size);\n padding-left: var(--gap);\n}\n")();
|
|
11602
11602
|
const CheckboxGroupContext = createContext(null);
|
|
11603
11603
|
const defaultProps$M = {
|
|
11604
11604
|
disabled: false,
|
|
@@ -11724,7 +11724,7 @@ const Checkbox$1 = (p2) => {
|
|
|
11724
11724
|
var Checkbox = attachPropertiesToComponent(Checkbox$1, {
|
|
11725
11725
|
Group: Group$1
|
|
11726
11726
|
});
|
|
11727
|
-
var collapse = "";
|
|
11727
|
+
var collapse = /* @__PURE__ */ (() => ".adm-collapse-panel-header .adm-list-item-content-main {\n padding: 12px 0;\n}\n.adm-collapse-arrow {\n transform: rotate(0deg);\n transition: all ease 0.3s;\n}\n.adm-collapse-arrow-active {\n transform: rotate(-180deg);\n}\n.adm-collapse-panel-content {\n font-size: var(--adm-font-size-main);\n color: var(--adm-color-weak);\n overflow: hidden;\n}\n")();
|
|
11728
11728
|
const classPrefix$V = `adm-collapse`;
|
|
11729
11729
|
const CollapsePanel = () => {
|
|
11730
11730
|
return null;
|
|
@@ -11871,7 +11871,7 @@ const Collapse = (props) => {
|
|
|
11871
11871
|
var index$d = attachPropertiesToComponent(Collapse, {
|
|
11872
11872
|
Panel: CollapsePanel
|
|
11873
11873
|
});
|
|
11874
|
-
var datePicker = "";
|
|
11874
|
+
var datePicker = /* @__PURE__ */ (() => "")();
|
|
11875
11875
|
var isoWeeksInYear$1 = { exports: {} };
|
|
11876
11876
|
(function(module, exports) {
|
|
11877
11877
|
!function(e2, n2) {
|
|
@@ -12306,7 +12306,7 @@ const DatePickerView = (p2) => {
|
|
|
12306
12306
|
onChange
|
|
12307
12307
|
}));
|
|
12308
12308
|
};
|
|
12309
|
-
var dialog = "";
|
|
12309
|
+
var dialog = /* @__PURE__ */ (() => ".adm-dialog {\n --z-index: var(--adm-dialog-z-index, 1000);\n ---z-index: var(--z-index);\n}\n.adm-dialog .adm-center-popup {\n --z-index: var(---z-index);\n}\n.adm-dialog-body {\n width: 100%;\n max-height: 70vh;\n font-size: var(--adm-font-size-6);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n.adm-dialog-body > * {\n flex: none;\n}\n.adm-dialog-body > .adm-dialog-content {\n flex: auto;\n}\n.adm-dialog-body:not(.adm-dialog-with-image) {\n padding-top: 20px;\n}\n.adm-dialog-image-container {\n margin-bottom: 12px;\n max-height: 40vh;\n}\n.adm-dialog-header {\n margin-bottom: 8px;\n padding: 0 12px;\n}\n.adm-dialog-title {\n margin-bottom: 8px;\n padding: 0 12px;\n font-weight: bold;\n font-size: var(--adm-font-size-10);\n line-height: 25px;\n text-align: center;\n}\n.adm-dialog-content {\n padding: 0 12px 20px;\n max-height: 70vh;\n overflow-x: hidden;\n overflow-y: auto;\n font-size: var(--adm-font-size-7);\n line-height: 1.4;\n color: var(--adm-color-text);\n}\n.adm-dialog-content-empty {\n padding: 0;\n height: 12px;\n}\n.adm-dialog-footer {\n user-select: none;\n}\n.adm-dialog-footer .adm-dialog-action-row {\n display: flex;\n align-items: stretch;\n border-top: 0.5px solid var(--adm-color-border);\n}\n.adm-dialog-footer .adm-dialog-action-row > * {\n flex: 1;\n}\n.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {\n padding: 10px;\n font-size: var(--adm-font-size-10);\n line-height: 25px;\n border-radius: 0;\n border-right: solid 0.5px var(--adm-color-border);\n}\n.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {\n font-weight: bold;\n}\n.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {\n border-right: none;\n}\n.adm-dialog-image-container {\n overflow-y: auto;\n}\n")();
|
|
12310
12310
|
const DialogActionButton = (props) => {
|
|
12311
12311
|
const {
|
|
12312
12312
|
action
|
|
@@ -12325,7 +12325,7 @@ const DialogActionButton = (props) => {
|
|
|
12325
12325
|
disabled: action.disabled
|
|
12326
12326
|
}, action.text));
|
|
12327
12327
|
};
|
|
12328
|
-
var image = "";
|
|
12328
|
+
var image = /* @__PURE__ */ (() => ".adm-image {\n --width: var(--adm-image-width, auto);\n --height: var(--adm-image-height, auto);\n width: var(--width);\n height: var(--height);\n display: block;\n overflow: hidden;\n}\n.adm-image-img {\n width: 100%;\n height: 100%;\n}\n.adm-image-tip {\n position: relative;\n background-color: var(--adm-color-box);\n height: 100%;\n min-height: 24px;\n min-width: 24px;\n}\n.adm-image-tip > svg {\n width: 24px;\n height: 24px;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n color: var(--adm-color-weak);\n}\n")();
|
|
12329
12329
|
function toCSSLength(val) {
|
|
12330
12330
|
return typeof val === "number" ? `${val}px` : val;
|
|
12331
12331
|
}
|
|
@@ -12583,7 +12583,7 @@ var index$b = attachPropertiesToComponent(Dialog, {
|
|
|
12583
12583
|
confirm: confirm$1,
|
|
12584
12584
|
clear: clear$2
|
|
12585
12585
|
});
|
|
12586
|
-
var divider = "";
|
|
12586
|
+
var divider = /* @__PURE__ */ (() => ".adm-divider-horizontal {\n display: flex;\n align-items: center;\n margin: 16px 0;\n border-width: 0;\n border-color: var(--adm-color-border);\n border-style: solid;\n color: var(--adm-color-weak);\n font-size: 14px;\n}\n.adm-divider-left.adm-divider-horizontal::before {\n max-width: 10%;\n}\n.adm-divider-right.adm-divider-horizontal::after {\n max-width: 10%;\n}\n.adm-divider-horizontal::after,\n.adm-divider-horizontal::before {\n flex: auto;\n display: block;\n content: '';\n border-style: inherit;\n border-color: inherit;\n border-width: 1px 0 0;\n}\n.adm-divider-horizontal .adm-divider-content {\n flex: none;\n padding: 0 16px;\n}\n.adm-divider-vertical {\n position: relative;\n top: -0.06em;\n display: inline-block;\n height: 0.9em;\n margin: 0 16px;\n vertical-align: middle;\n border-top: 0;\n border-left: 1px solid var(--adm-color-border);\n}\n")();
|
|
12587
12587
|
const classPrefix$T = `adm-divider`;
|
|
12588
12588
|
const defaultProps$F = {
|
|
12589
12589
|
contentPosition: "center",
|
|
@@ -12597,7 +12597,7 @@ const Divider = (p2) => {
|
|
|
12597
12597
|
className: `${classPrefix$T}-content`
|
|
12598
12598
|
}, props.children)));
|
|
12599
12599
|
};
|
|
12600
|
-
var dropdown = "";
|
|
12600
|
+
var dropdown = /* @__PURE__ */ (() => ".adm-dropdown {\n background-color: white;\n}\n.adm-dropdown .adm-dropdown-nav {\n display: flex;\n border-bottom: 1px solid transparent;\n}\n.adm-dropdown-open .adm-dropdown-nav {\n border-bottom-color: var(--adm-color-border);\n}\n.adm-dropdown-item {\n display: flex;\n flex: 1;\n justify-content: center;\n min-width: 0;\n cursor: pointer;\n}\n.adm-dropdown-item .adm-dropdown-item-title {\n display: flex;\n align-items: center;\n position: relative;\n max-width: 100%;\n font-size: var(--adm-font-size-main);\n padding: 12px;\n}\n.adm-dropdown-item .adm-dropdown-item-title-text {\n margin-right: 5px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.adm-dropdown-item .adm-dropdown-item-title-arrow {\n color: var(--adm-color-light);\n font-size: 9px;\n transform: rotate(0deg) translateY(1px);\n transition: all ease 0.2s;\n}\n.adm-dropdown-item .adm-dropdown-item-title-arrow-active {\n transform: rotate(-180deg) translateY(-1px);\n}\n.adm-dropdown-item .adm-dropdown-item-title:active {\n opacity: 0.7;\n}\n.adm-dropdown-item-highlight {\n color: var(--adm-color-primary);\n}\n.adm-dropdown-item-active .adm-dropdown-item-title:after {\n margin-top: -1px;\n transform: rotate(135deg);\n}\n.adm-dropdown-item-content {\n width: 100%;\n background: white;\n}\n.adm-dropdown-item-content-hidden {\n display: none;\n}\n.adm-dropdown-popup {\n position: fixed;\n overflow: hidden;\n width: 100%;\n right: 0;\n bottom: 0;\n left: 0;\n}\n.adm-dropdown-popup .adm-dropdown-popup-mask {\n position: absolute;\n}\n.adm-dropdown-popup .adm-dropdown-popup-body {\n position: absolute;\n}\n")();
|
|
12601
12601
|
const classPrefix$S = `adm-dropdown-item`;
|
|
12602
12602
|
const Item = (props) => {
|
|
12603
12603
|
var _a;
|
|
@@ -12729,7 +12729,7 @@ const Dropdown = forwardRef((p2, ref) => {
|
|
|
12729
12729
|
var index$a = attachPropertiesToComponent(Dropdown, {
|
|
12730
12730
|
Item
|
|
12731
12731
|
});
|
|
12732
|
-
var ellipsis = "";
|
|
12732
|
+
var ellipsis = /* @__PURE__ */ (() => ".adm-ellipsis {\n overflow: hidden;\n line-height: 1.5;\n}\n")();
|
|
12733
12733
|
const classPrefix$Q = `adm-ellipsis`;
|
|
12734
12734
|
const defaultProps$D = {
|
|
12735
12735
|
direction: "end",
|
|
@@ -12870,7 +12870,7 @@ function pxToNumber(value) {
|
|
|
12870
12870
|
const match = value.match(/^\d*(\.\d*)?/);
|
|
12871
12871
|
return match ? Number(match[0]) : 0;
|
|
12872
12872
|
}
|
|
12873
|
-
var empty = "";
|
|
12873
|
+
var empty = /* @__PURE__ */ (() => ".adm-empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 24px 0;\n}\n.adm-empty-image-container {\n display: flex;\n justify-content: center;\n}\n.adm-empty-image-container .adm-empty-image {\n width: 64px;\n}\n.adm-empty-description {\n margin-top: 8px;\n font-size: var(--adm-font-size-6);\n color: var(--adm-color-light);\n}\n")();
|
|
12874
12874
|
const EmptyIcon = (props) => {
|
|
12875
12875
|
return withNativeProps(props, React$1.createElement("svg", {
|
|
12876
12876
|
viewBox: "0 0 64 41"
|
|
@@ -12923,7 +12923,7 @@ const Empty = (props) => {
|
|
|
12923
12923
|
className: classNames(`${classPrefix$P}-description`)
|
|
12924
12924
|
}, props.description)));
|
|
12925
12925
|
};
|
|
12926
|
-
var errorBlock = "";
|
|
12926
|
+
var errorBlock = /* @__PURE__ */ (() => ".adm-error-block {\n --color: var(--adm-color-text);\n --image-height: var(--adm-error-block-image-height, 100px);\n --image-height-full-page: var(--adm-error-block-image-height-full-page, 200px);\n --image-width: var(--adm-error-block-image-width, auto);\n --image-width-full-page: var(--adm-error-block-image-width-full-page, auto);\n box-sizing: border-box;\n text-align: center;\n}\n.adm-error-block-image {\n height: var(--image-height);\n width: var(--image-width);\n max-width: 100%;\n}\n.adm-error-block-image svg,\n.adm-error-block-image img {\n height: 100%;\n}\n.adm-error-block-description {\n font-size: var(--adm-font-size-4);\n color: #999;\n line-height: 1.4;\n margin-top: 12px;\n}\n.adm-error-block-description-title {\n font-size: var(--adm-font-size-7);\n}\n.adm-error-block-description-subtitle {\n margin-top: 8px;\n}\n.adm-error-block-content {\n margin-top: 12px;\n}\n.adm-error-block-full-page {\n padding-top: calc(50vh - var(--image-height-full-page));\n}\n.adm-error-block-full-page .adm-error-block-image {\n height: var(--image-height-full-page);\n width: var(--image-width-full-page);\n}\n.adm-error-block-full-page .adm-error-block-description {\n margin-top: 20px;\n font-size: var(--adm-font-size-main);\n}\n.adm-error-block-full-page .adm-error-block-description-title {\n font-size: 20px;\n color: var(--adm-color-text);\n}\n")();
|
|
12927
12927
|
const classPrefix$O = `adm-error-block`;
|
|
12928
12928
|
const defaultProps$C = {
|
|
12929
12929
|
status: "default"
|
|
@@ -13462,7 +13462,7 @@ const imageRecord = {
|
|
|
13462
13462
|
"busy": busyImage
|
|
13463
13463
|
};
|
|
13464
13464
|
const ErrorBlock = createErrorBlock(imageRecord);
|
|
13465
|
-
var floatingBubble = "";
|
|
13465
|
+
var floatingBubble = /* @__PURE__ */ (() => ".adm-floating-bubble {\n --initial-position-left: var(--initial-position-left);\n --initial-position-right: var(--initial-position-right);\n --initial-position-top: var(--initial-position-top);\n --initial-position-bottom: var(--initial-position-bottom);\n --z-index: 1;\n --edge-distance: 0;\n --size: 48px;\n --border-radius: 50%;\n --background: var(--adm-color-primary);\n}\n.adm-floating-bubble-boundary-outer {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n padding: var(--edge-distance);\n box-sizing: border-box;\n pointer-events: none;\n}\n.adm-floating-bubble-boundary {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.adm-floating-bubble-button {\n position: fixed;\n top: var(--initial-position-top);\n bottom: var(--initial-position-bottom);\n left: var(--initial-position-left);\n right: var(--initial-position-right);\n box-sizing: border-box;\n width: var(--size);\n height: var(--size);\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n transition: opacity ease 0.15s;\n user-select: none;\n touch-action: none;\n background: var(--background);\n color: var(--adm-color-white);\n border-radius: var(--border-radius);\n z-index: var(--z-index);\n}\n")();
|
|
13466
13466
|
const classPrefix$N = `adm-floating-bubble`;
|
|
13467
13467
|
const defaultProps$B = {
|
|
13468
13468
|
axis: "y"
|
|
@@ -13543,7 +13543,7 @@ const FloatingBubble = (p2) => {
|
|
|
13543
13543
|
ref: buttonRef
|
|
13544
13544
|
}), props.children)));
|
|
13545
13545
|
};
|
|
13546
|
-
var floatingPanel = "";
|
|
13546
|
+
var floatingPanel = /* @__PURE__ */ (() => ".adm-floating-panel {\n --border-radius: 8px;\n --header-height: 28px;\n --z-index: var(--adm-floating-panel-z-index, 900);\n border-top-left-radius: var(--border-radius);\n border-top-right-radius: var(--border-radius);\n background: var(--adm-color-white);\n position: fixed;\n z-index: var(--z-index);\n bottom: 0;\n left: 0;\n width: 100vw;\n display: flex;\n flex-direction: column;\n touch-action: none;\n}\n.adm-floating-panel-mask {\n display: block;\n width: 100%;\n height: 100vh;\n position: absolute;\n left: 0;\n top: -100vh;\n background: transparent;\n}\n.adm-floating-panel::after {\n content: '';\n display: block;\n position: absolute;\n bottom: -100vh;\n height: 100vh;\n width: 100vw;\n background: var(--adm-color-white);\n}\n.adm-floating-panel .adm-floating-panel-header {\n flex: none;\n height: var(--header-height);\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: grab;\n user-select: none;\n}\n.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {\n height: 3px;\n width: 20px;\n border-radius: 10px;\n background: var(--adm-color-light);\n}\n.adm-floating-panel .adm-floating-panel-content {\n flex: 1;\n overflow-y: scroll;\n}\n")();
|
|
13547
13547
|
function nearest(arr, target) {
|
|
13548
13548
|
return arr.reduce((pre, cur) => {
|
|
13549
13549
|
return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
|
|
@@ -13668,7 +13668,7 @@ const FloatingPanel = forwardRef((p2, ref) => {
|
|
|
13668
13668
|
ref: contentRef
|
|
13669
13669
|
}, props.children)));
|
|
13670
13670
|
});
|
|
13671
|
-
var index$9 = "";
|
|
13671
|
+
var index$9 = /* @__PURE__ */ (() => ".adm-form {\n --border-inner: solid 1px var(--adm-color-border);\n --border-top: solid 1px var(--adm-color-border);\n --border-bottom: solid 1px var(--adm-color-border);\n ---border-inner: var(--border-inner);\n ---border-top: var(--border-top);\n ---border-bottom: var(--border-bottom);\n}\n.adm-form .adm-list.adm-list {\n --padding-left: 16px;\n --padding-right: 12px;\n --border-inner: var(---border-inner);\n --border-top: var(---border-top);\n --border-bottom: var(---border-bottom);\n}\n.adm-form .adm-form-footer {\n padding: 20px 12px;\n}\n.adm-form-list-operation {\n text-align: center;\n color: #1677ff;\n}\n.adm-form-item + .adm-form-item {\n border-top: none;\n}\n.adm-form-item-label {\n display: block;\n height: 100%;\n line-height: 1.5;\n box-sizing: border-box;\n position: relative;\n color: var(--adm-color-text-secondary);\n}\n.adm-form-item-label .adm-form-item-required-asterisk {\n position: absolute;\n left: -0.6em;\n top: 0;\n font-family: SimSun, sans-serif;\n color: var(--adm-color-danger);\n user-select: none;\n}\n.adm-form-item-label .adm-form-item-required-text {\n margin-left: 4px;\n color: var(--adm-color-weak);\n}\n.adm-form-item-label-help {\n margin-left: 4px;\n cursor: pointer;\n}\n.adm-form-item-child {\n display: flex;\n}\n.adm-form-item-child-position-normal {\n justify-content: normal;\n}\n.adm-form-item-child-position-normal > * {\n flex: auto;\n}\n.adm-form-item-child-position-right {\n justify-content: flex-end;\n}\n.adm-form-item-child-position-right > * {\n flex: none;\n}\n.adm-form-item-feedback-error {\n color: var(--adm-color-danger);\n margin-top: 4px;\n}\n.adm-form-item-feedback-warning {\n color: var(--adm-color-warning);\n margin-top: 4px;\n}\n.adm-form-item.adm-form-item-hidden {\n display: none;\n}\n.adm-form-item.adm-form-item-horizontal.adm-list-item {\n --align-items: stretch;\n --prefix-width: 6.8em;\n}\n.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {\n align-self: center;\n}\n.adm-form-item.adm-form-item-vertical .adm-form-item-label {\n font-size: var(--adm-font-size-7);\n margin-bottom: 4px;\n}\n")();
|
|
13672
13672
|
const defaultFormContext = {
|
|
13673
13673
|
name: void 0,
|
|
13674
13674
|
hasFeedback: true,
|
|
@@ -13946,8 +13946,8 @@ function isSafeSetRefComponent(component) {
|
|
|
13946
13946
|
return isSafeSetRefComponent(component.type);
|
|
13947
13947
|
return !isSimpleFunctionComponent(component.type);
|
|
13948
13948
|
}
|
|
13949
|
-
var popover = "";
|
|
13950
|
-
var popoverMenu = "";
|
|
13949
|
+
var popover = /* @__PURE__ */ (() => ".adm-popover {\n --z-index: var(--adm-popover-z-index, 1030);\n --background: #ffffff;\n --arrow-size: 8px;\n --content-padding: 8px 12px;\n color: #333333;\n position: absolute;\n top: 0;\n left: 0;\n z-index: var(--z-index);\n white-space: normal;\n text-align: left;\n cursor: auto;\n user-select: text;\n animation: none;\n}\n.adm-popover.adm-popover-dark {\n --background: rgba(0, 0, 0, 0.75);\n --adm-color-text: #ffffff;\n color: #ffffff;\n}\n.adm-popover.adm-popover-dark .adm-popover-inner {\n box-shadow: none;\n}\n.adm-popover::after {\n position: absolute;\n background: rgba(255, 255, 255, 0.01);\n content: '';\n}\n.adm-popover-hidden {\n display: none;\n}\n.adm-popover-inner {\n background-color: var(--background);\n background-clip: padding-box;\n border-radius: 8px;\n box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.2);\n font-size: var(--adm-font-size-7);\n width: max-content;\n min-width: 32px;\n max-width: calc(100vw - 24px);\n overflow-y: hidden;\n}\n.adm-popover-inner-content {\n padding: var(--content-padding);\n}\n.adm-popover-arrow {\n position: absolute;\n display: block;\n height: var(--arrow-size);\n width: var(--arrow-size);\n overflow: visible;\n background: transparent;\n}\n.adm-popover-arrow-icon {\n display: block;\n height: var(--arrow-size);\n width: 15px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate));\n}\n.adm-popover .adm-popover-arrow {\n color: var(--background);\n}\n")();
|
|
13950
|
+
var popoverMenu = /* @__PURE__ */ (() => ".adm-popover-menu {\n --border-color: #eeeeee;\n}\n.adm-popover-menu.adm-popover {\n --content-padding: 0;\n}\n.adm-popover-menu-list {\n overflow: hidden;\n min-width: 120px;\n}\n.adm-popover-menu-list-inner {\n margin-top: -1px;\n}\n.adm-popover-menu-item {\n display: flex;\n padding-left: 20px;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n}\n.adm-popover-menu-item-icon {\n flex: none;\n padding-right: 8px;\n font-size: 20px;\n}\n.adm-popover-menu-item-text {\n flex: auto;\n padding: 14px 20px 14px 0;\n border-top: solid 1px var(--border-color);\n}\n.adm-popover-menu-item-disabled {\n cursor: not-allowed;\n}\n.adm-popover-menu-item-disabled > * {\n opacity: 0.4;\n}\n.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {\n background-color: var(--border-color);\n}\n.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {\n content: ' ';\n display: block;\n position: absolute;\n width: 100%;\n bottom: -1px;\n left: 0;\n border-bottom: solid 1px var(--border-color);\n}\n.adm-popover.adm-popover-dark.adm-popover-menu {\n --border-color: #333333;\n --background: rgba(0, 0, 0, 0.9);\n}\n")();
|
|
13951
13951
|
const Arrow = memo((props) => {
|
|
13952
13952
|
return withNativeProps(props, React$1.createElement("svg", {
|
|
13953
13953
|
viewBox: "0 0 30 16"
|
|
@@ -14481,7 +14481,7 @@ var Form = attachPropertiesToComponent(Form$1, {
|
|
|
14481
14481
|
useForm,
|
|
14482
14482
|
useWatch
|
|
14483
14483
|
});
|
|
14484
|
-
var grid = "";
|
|
14484
|
+
var grid = /* @__PURE__ */ (() => ".adm-grid {\n --gap: 0;\n --gap-horizontal: var(--gap);\n --gap-vertical: var(--gap);\n display: grid;\n grid-gap: 10px;\n column-gap: var(--gap-horizontal);\n row-gap: var(--gap-vertical);\n grid-template-columns: repeat(var(--columns), minmax(0, 1fr));\n align-items: stretch;\n}\n.adm-grid-item {\n grid-column-end: span var(--item-span);\n}\n")();
|
|
14485
14485
|
const classPrefix$I = `adm-grid`;
|
|
14486
14486
|
const Grid$1 = (props) => {
|
|
14487
14487
|
const style = {
|
|
@@ -14519,7 +14519,7 @@ const GridItem = (p2) => {
|
|
|
14519
14519
|
var Grid = attachPropertiesToComponent(Grid$1, {
|
|
14520
14520
|
Item: GridItem
|
|
14521
14521
|
});
|
|
14522
|
-
var imageViewer = "";
|
|
14522
|
+
var imageViewer = /* @__PURE__ */ (() => ".adm-image-viewer-content {\n width: 100vw;\n height: 100vh;\n touch-action: none;\n user-select: none;\n}\n.adm-image-viewer-footer {\n position: absolute;\n width: 100%;\n bottom: 0;\n z-index: 1;\n}\n.adm-image-viewer-slides {\n height: 100%;\n position: relative;\n z-index: 1;\n cursor: grab;\n touch-action: none;\n}\n.adm-image-viewer-slides-inner {\n height: 100%;\n white-space: nowrap;\n}\n.adm-image-viewer-slides-inner > * {\n margin-right: 16px;\n}\n.adm-image-viewer-slide {\n position: relative;\n width: 100%;\n height: 100%;\n display: inline-block;\n}\n.adm-image-viewer-control {\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n cursor: grab;\n touch-action: none;\n}\n.adm-image-viewer-image-wrapper {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.adm-image-viewer-image-wrapper img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n}\n.adm-image-viewer-indicator {\n position: absolute;\n z-index: 2;\n left: 50%;\n top: 12px;\n transform: translateX(-50%);\n color: #e6e6e6;\n font-size: var(--adm-font-size-6);\n}\n")();
|
|
14523
14523
|
const useDragAndPinch = createUseGesture([dragAction, pinchAction]);
|
|
14524
14524
|
const classPrefix$H = `adm-image-viewer`;
|
|
14525
14525
|
const Slide = (props) => {
|
|
@@ -14856,7 +14856,7 @@ var ImageViewer = attachPropertiesToComponent(ImageViewer$1, {
|
|
|
14856
14856
|
show: showImageViewer,
|
|
14857
14857
|
clear: clearImageViewer
|
|
14858
14858
|
});
|
|
14859
|
-
var spinLoading = "";
|
|
14859
|
+
var spinLoading = /* @__PURE__ */ (() => ".adm-spin-loading {\n --color: var(--adm-color-weak);\n --size: 32px;\n width: var(--size);\n height: var(--size);\n}\n.adm-spin-loading-svg {\n width: 100%;\n height: 100%;\n animation: adm-spin-loading-rotate 0.8s infinite linear;\n}\n.adm-spin-loading-svg > .adm-spin-loading-fill {\n stroke: var(--color);\n}\n@keyframes adm-spin-loading-rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n")();
|
|
14860
14860
|
var shim = { exports: {} };
|
|
14861
14861
|
var useSyncExternalStoreShim_production_min = {};
|
|
14862
14862
|
/**
|
|
@@ -15040,7 +15040,7 @@ const PreviewItem = (props) => {
|
|
|
15040
15040
|
onClick: props.onClick
|
|
15041
15041
|
}), renderLoading(), renderDelete());
|
|
15042
15042
|
};
|
|
15043
|
-
var space = "";
|
|
15043
|
+
var space = /* @__PURE__ */ (() => ".adm-space-item {\n flex: none;\n}\n.adm-space {\n display: inline-flex;\n --gap: 8px;\n --gap-vertical: var(--gap);\n --gap-horizontal: var(--gap);\n}\n.adm-space-vertical {\n flex-direction: column;\n}\n.adm-space-vertical > .adm-space-item {\n margin-bottom: var(--gap-vertical);\n}\n.adm-space-vertical > .adm-space-item:last-child {\n margin-bottom: 0;\n}\n.adm-space-horizontal {\n flex-direction: row;\n}\n.adm-space-horizontal > .adm-space-item {\n margin-right: var(--gap-horizontal);\n}\n.adm-space-horizontal > .adm-space-item:last-child {\n margin-right: 0;\n}\n.adm-space-horizontal.adm-space-wrap {\n flex-wrap: wrap;\n margin-bottom: calc(var(--gap-vertical) * -1);\n}\n.adm-space-horizontal.adm-space-wrap > .adm-space-item {\n padding-bottom: var(--gap-vertical);\n}\n.adm-space.adm-space-block {\n display: flex;\n}\n.adm-space-align-center {\n align-items: center;\n}\n.adm-space-align-start {\n align-items: flex-start;\n}\n.adm-space-align-end {\n align-items: flex-end;\n}\n.adm-space-align-baseline {\n align-items: baseline;\n}\n.adm-space-justify-center {\n justify-content: center;\n}\n.adm-space-justify-start {\n justify-content: flex-start;\n}\n.adm-space-justify-end {\n justify-content: flex-end;\n}\n.adm-space-justify-between {\n justify-content: space-between;\n}\n.adm-space-justify-around {\n justify-content: space-around;\n}\n.adm-space-justify-evenly {\n justify-content: space-evenly;\n}\n.adm-space-justify-stretch {\n justify-content: stretch;\n}\n")();
|
|
15044
15044
|
const classPrefix$C = `adm-space`;
|
|
15045
15045
|
const defaultProps$v = {
|
|
15046
15046
|
direction: "horizontal"
|
|
@@ -15250,8 +15250,8 @@ const ImageUploader = (p2) => {
|
|
|
15250
15250
|
"aria-hidden": true
|
|
15251
15251
|
})))));
|
|
15252
15252
|
};
|
|
15253
|
-
var imageUploader = "";
|
|
15254
|
-
var indexBar = "";
|
|
15253
|
+
var imageUploader = /* @__PURE__ */ (() => ".adm-image-uploader {\n --cell-size: 80px;\n}\n.adm-image-uploader-space {\n --gap: 12px;\n}\n.adm-image-uploader-cell {\n position: relative;\n width: var(--cell-size);\n height: var(--cell-size);\n border-radius: 4px;\n overflow: hidden;\n}\n.adm-image-uploader-cell-fail {\n border: red solid 1px;\n box-sizing: border-box;\n}\n.adm-image-uploader-cell-delete {\n position: absolute;\n top: 0;\n right: 0;\n width: 14px;\n height: 14px;\n background-color: rgba(0, 0, 0, 0.7);\n border-radius: 0 0 0 12px;\n font-size: 8px;\n color: var(--adm-color-white);\n cursor: pointer;\n}\n.adm-image-uploader-cell-delete-icon {\n position: absolute;\n left: 4px;\n top: 3px;\n}\n.adm-image-uploader-cell-mask {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n color: var(--adm-color-white);\n background-color: rgba(50, 50, 51, 0.88);\n}\n.adm-image-uploader-cell-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n box-sizing: border-box;\n padding-top: 8px;\n}\n.adm-image-uploader-cell-mask-message {\n display: inline-block;\n padding: 6px 4px;\n font-size: var(--adm-font-size-4);\n}\n.adm-image-uploader-cell-image {\n width: var(--cell-size);\n height: var(--cell-size);\n}\n.adm-image-uploader-upload-button-wrap {\n position: relative;\n}\n.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button {\n background-color: var(--adm-color-box);\n text-align: center;\n line-height: var(--cell-size);\n display: block;\n}\n.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {\n color: #999999;\n font-size: 32px;\n}\n.adm-image-uploader-upload-button-wrap .adm-image-uploader-input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n}\n")();
|
|
15254
|
+
var indexBar = /* @__PURE__ */ (() => ".adm-index-bar {\n --color: var(--adm-color-text);\n overflow: hidden;\n height: 100%;\n position: relative;\n background-color: var(--adm-color-white);\n --sticky-offset-top: 0;\n}\n.adm-index-bar-body {\n overflow: scroll;\n height: 100%;\n width: 100%;\n}\n.adm-index-bar-body::-webkit-scrollbar {\n display: none;\n}\n.adm-index-bar-anchor-title {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 35px;\n padding: 0 12px;\n color: var(--adm-color-weak);\n font-size: var(--adm-font-size-main);\n background-color: var(--adm-color-box);\n}\n.adm-index-bar-sidebar {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n z-index: 910;\n overflow: visible;\n color: var(--adm-color-weak);\n font-size: var(--adm-font-size-4);\n user-select: none;\n touch-action: none;\n}\n.adm-index-bar-sidebar-bubble {\n position: absolute;\n top: 50%;\n right: 42px;\n width: 47px;\n height: 47px;\n color: var(--adm-color-white);\n font-size: 25px;\n line-height: 47px;\n text-align: center;\n background: var(--adm-color-light);\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.adm-index-bar-sidebar-row {\n cursor: pointer;\n width: auto;\n text-align: right;\n position: relative;\n padding: 0 12px;\n}\n.adm-index-bar-sidebar-row > * {\n pointer-events: none;\n}\n.adm-index-bar-sidebar-item {\n display: inline-flex;\n width: 16px;\n height: 16px;\n line-height: 16px;\n justify-content: center;\n align-items: center;\n}\n.adm-index-bar-sidebar-item-active {\n color: var(--adm-color-white);\n background-color: var(--adm-color-primary);\n border-radius: 50%;\n}\n.adm-index-bar-sidebar-interacting {\n width: 100%;\n}\n.adm-index-bar-sticky .adm-index-bar-anchor-title {\n position: sticky;\n z-index: 900;\n top: var(--sticky-offset-top);\n left: 0;\n}\n")();
|
|
15255
15255
|
const Panel = () => null;
|
|
15256
15256
|
const classPrefix$A = `adm-index-bar`;
|
|
15257
15257
|
const Sidebar = (props) => {
|
|
@@ -15418,7 +15418,7 @@ const IndexBar = forwardRef((p2, ref) => {
|
|
|
15418
15418
|
var index$8 = attachPropertiesToComponent(IndexBar, {
|
|
15419
15419
|
Panel
|
|
15420
15420
|
});
|
|
15421
|
-
var infiniteScroll = "";
|
|
15421
|
+
var infiniteScroll = /* @__PURE__ */ (() => ".adm-infinite-scroll {\n color: var(--adm-color-weak);\n padding: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: var(--adm-font-size-main);\n}\n.adm-infinite-scroll-failed-text {\n display: inline-block;\n margin-right: 8px;\n}\n")();
|
|
15422
15422
|
function isWindow(element) {
|
|
15423
15423
|
return element === window;
|
|
15424
15424
|
}
|
|
@@ -15514,7 +15514,7 @@ const InfiniteScrollContent = (props) => {
|
|
|
15514
15514
|
}
|
|
15515
15515
|
return React$1.createElement(React$1.Fragment, null, React$1.createElement("span", null, locale.common.loading), React$1.createElement(DotLoading, null));
|
|
15516
15516
|
};
|
|
15517
|
-
var input = "";
|
|
15517
|
+
var input = /* @__PURE__ */ (() => ".adm-input {\n --font-size: var(--adm-font-size-9);\n --color: var(--adm-color-text);\n --placeholder-color: var(--adm-color-light);\n --text-align: left;\n --background-color: transparent;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n min-height: 24px;\n background-color: var(--background-color);\n}\n.adm-input-disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.adm-input-element {\n flex: auto;\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n padding: 0;\n margin: 0;\n color: var(--color);\n font-size: var(--font-size);\n line-height: 1.5;\n background: transparent;\n border: 0;\n outline: none;\n appearance: none;\n min-height: 1.5em;\n text-align: var(--text-align);\n}\n.adm-input-element::placeholder {\n color: var(--placeholder-color);\n font-family: inherit;\n}\n.adm-input-element:-webkit-autofill {\n background-color: transparent;\n}\n.adm-input-element:read-only {\n cursor: default;\n}\n.adm-input-element:invalid {\n box-shadow: none;\n}\n.adm-input-element::-ms-clear {\n display: none;\n}\n.adm-input-element::-webkit-search-cancel-button {\n display: none;\n}\n.adm-input-element::-webkit-search-decoration {\n display: none;\n}\n.adm-input-element:disabled {\n opacity: 1;\n}\n.adm-input-element[type='date'],\n.adm-input-element[type='time'],\n.adm-input-element[type='datetime-local'] {\n min-height: 1.5em;\n}\n.adm-input-element[type='search'] {\n -webkit-appearance: none;\n}\n.adm-input-element[readonly] {\n pointer-events: none;\n}\n.adm-input-clear {\n flex: none;\n margin-left: 8px;\n color: var(--adm-color-light);\n padding: 4px;\n cursor: pointer;\n}\n.adm-input-clear:active {\n color: var(--adm-color-weak);\n}\n.adm-input-clear .antd-mobile-icon {\n display: block;\n font-size: var(--adm-font-size-7);\n}\n")();
|
|
15518
15518
|
const classPrefix$x = `adm-input`;
|
|
15519
15519
|
const defaultProps$r = {
|
|
15520
15520
|
defaultValue: "",
|
|
@@ -15642,7 +15642,7 @@ const Input = forwardRef((p2, ref) => {
|
|
|
15642
15642
|
}
|
|
15643
15643
|
}, React$1.createElement(CloseCircleFill, null))));
|
|
15644
15644
|
});
|
|
15645
|
-
var jumboTabs = "";
|
|
15645
|
+
var jumboTabs = /* @__PURE__ */ (() => ".adm-jumbo-tabs {\n --gap: 8px;\n position: relative;\n min-width: 0;\n}\n.adm-jumbo-tabs-header {\n position: relative;\n border-bottom: solid 1px var(--adm-color-border);\n}\n.adm-jumbo-tabs-tab-list {\n display: flex;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n overflow-x: scroll;\n padding: 0 var(--gap);\n scrollbar-width: none;\n}\n.adm-jumbo-tabs-tab-list::-webkit-scrollbar {\n display: none;\n}\n.adm-jumbo-tabs-tab-wrapper {\n flex: auto;\n padding: 0 calc(var(--gap) / 2);\n text-align: center;\n}\n.adm-jumbo-tabs-tab {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n width: min-content;\n margin: 0 auto;\n padding: 12px 0;\n cursor: pointer;\n font-size: var(--adm-font-size-9);\n white-space: nowrap;\n}\n.adm-jumbo-tabs-tab-title {\n line-height: 24px;\n padding: 0 4px;\n}\n.adm-jumbo-tabs-tab-description {\n width: min-content;\n padding: 0 8px;\n border-radius: 10px;\n color: var(--adm-color-weak);\n font-size: var(--adm-font-size-main);\n background-color: var(--adm-color-box);\n}\n.adm-jumbo-tabs-tab-active {\n color: var(--adm-color-primary);\n}\n.adm-jumbo-tabs-tab-active .adm-jumbo-tabs-tab-description {\n color: var(--adm-color-white);\n background-color: var(--adm-color-primary);\n}\n.adm-jumbo-tabs-tab-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.adm-jumbo-tabs-content {\n padding: 12px;\n}\n")();
|
|
15646
15646
|
const classPrefix$w = `adm-jumbo-tabs`;
|
|
15647
15647
|
const JumboTab = () => {
|
|
15648
15648
|
return null;
|
|
@@ -15738,7 +15738,7 @@ const JumboTabs = (props) => {
|
|
|
15738
15738
|
var index$7 = attachPropertiesToComponent(JumboTabs, {
|
|
15739
15739
|
Tab: JumboTab
|
|
15740
15740
|
});
|
|
15741
|
-
var modal = "";
|
|
15741
|
+
var modal = /* @__PURE__ */ (() => ".adm-modal {\n --z-index: var(--adm-modal-z-index, 1000);\n ---z-index: var(--z-index);\n}\n.adm-modal .adm-center-popup {\n --z-index: var(---z-index);\n}\n.adm-modal-body {\n width: 100%;\n max-height: 70vh;\n font-size: var(--adm-font-size-6);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n.adm-modal-body > * {\n flex: none;\n}\n.adm-modal-body > .adm-modal-content {\n flex: auto;\n}\n.adm-modal-body:not(.adm-modal-with-image) {\n padding-top: 20px;\n}\n.adm-modal-image-container {\n margin-bottom: 12px;\n max-height: 40vh;\n overflow-y: scroll;\n}\n.adm-modal-header {\n margin-bottom: 8px;\n padding: 0 12px;\n}\n.adm-modal-title {\n margin-bottom: 8px;\n padding: 0 12px;\n font-weight: bold;\n font-size: var(--adm-font-size-10);\n line-height: 25px;\n text-align: center;\n}\n.adm-modal-content {\n padding: 0 12px 12px;\n max-height: 70vh;\n overflow-x: hidden;\n overflow-y: auto;\n font-size: var(--adm-font-size-7);\n line-height: 1.4;\n color: var(--adm-color-text);\n}\n.adm-modal-close {\n position: absolute;\n right: 8px;\n top: 8px;\n color: var(--adm-color-weak);\n padding: 4px;\n font-size: var(--adm-font-size-10);\n}\n.adm-modal-footer {\n user-select: none;\n padding: 8px 12px 12px;\n}\n.adm-modal-footer-empty {\n padding: 0;\n height: 8px;\n}\n.adm-modal-footer.adm-space {\n --gap-vertical: 20px;\n}\n.adm-modal-footer .adm-modal-button {\n font-size: var(--adm-font-size-10);\n line-height: 25px;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {\n padding-top: 0;\n padding-bottom: 0;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {\n display: none;\n}\n.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {\n opacity: 0.7;\n}\n")();
|
|
15742
15742
|
const ModalActionButton = (props) => {
|
|
15743
15743
|
const {
|
|
15744
15744
|
action
|
|
@@ -15906,7 +15906,7 @@ var index$6 = attachPropertiesToComponent(Modal, {
|
|
|
15906
15906
|
confirm,
|
|
15907
15907
|
clear: clear$1
|
|
15908
15908
|
});
|
|
15909
|
-
var navBar = "";
|
|
15909
|
+
var navBar = /* @__PURE__ */ (() => ".adm-nav-bar {\n --height: 45px;\n --border-bottom: none;\n display: flex;\n align-items: center;\n height: var(--height);\n border-bottom: var(--border-bottom);\n padding: 0 12px;\n white-space: nowrap;\n}\n.adm-nav-bar-left,\n.adm-nav-bar-right {\n flex: 1;\n}\n.adm-nav-bar-title {\n flex: auto;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.adm-nav-bar-back {\n display: flex;\n align-items: center;\n margin-right: 16px;\n padding: 6px 0;\n cursor: pointer;\n}\n.adm-nav-bar-back-arrow {\n font-size: 24px;\n margin-right: 4px;\n}\n.adm-nav-bar-left {\n font-size: var(--adm-font-size-7);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n.adm-nav-bar-title {\n justify-content: center;\n white-space: nowrap;\n font-size: var(--adm-font-size-10);\n padding: 0 12px;\n}\n.adm-nav-bar-right {\n text-align: right;\n}\n")();
|
|
15910
15910
|
const classPrefix$v = `adm-nav-bar`;
|
|
15911
15911
|
const defaultProps$o = {
|
|
15912
15912
|
back: "",
|
|
@@ -15936,7 +15936,7 @@ const NavBar = (p2) => {
|
|
|
15936
15936
|
className: `${classPrefix$v}-right`
|
|
15937
15937
|
}, props.right)));
|
|
15938
15938
|
};
|
|
15939
|
-
var noticeBar = "";
|
|
15939
|
+
var noticeBar = /* @__PURE__ */ (() => ".adm-notice-bar {\n --background-color: #ababab;\n --border-color: #999999;\n --text-color: var(--adm-color-white);\n --font-size: var(--adm-font-size-7);\n --icon-font-size: var(--adm-font-size-10);\n --height: 38px;\n height: var(--height);\n box-sizing: border-box;\n font-size: var(--font-size);\n line-height: var(--height);\n padding: 0 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border: solid 1px var(--border-color);\n border-left: none;\n border-right: none;\n background-color: var(--background-color);\n color: var(--text-color);\n}\n.adm-notice-bar > span[role='img'] {\n color: var(--text-color);\n}\n.adm-notice-bar.adm-notice-bar-alert {\n --background-color: #fff9ed;\n --border-color: #fff3e9;\n --text-color: #ff6010;\n}\n.adm-notice-bar.adm-notice-bar-error {\n --background-color: #ff3b30;\n --border-color: #d9281e;\n --text-color: #ffffff;\n}\n.adm-notice-bar.adm-notice-bar-info {\n --background-color: #d0e4ff;\n --border-color: #bcd8ff;\n --text-color: #1677ff;\n}\n.adm-notice-bar .adm-notice-bar-left {\n flex-shrink: 0;\n margin-right: 8px;\n font-size: var(--icon-font-size);\n line-height: var(--height);\n}\n.adm-notice-bar .adm-notice-bar-content {\n flex: 1;\n overflow: hidden;\n position: relative;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {\n width: auto;\n transition-timing-function: linear;\n position: absolute;\n white-space: nowrap;\n}\n.adm-notice-bar .adm-notice-bar-right {\n flex-shrink: 0;\n margin-left: 12px;\n}\n.adm-notice-bar-close-icon {\n font-size: var(--adm-font-size-10);\n}\n")();
|
|
15940
15940
|
const classPrefix$u = `adm-notice-bar`;
|
|
15941
15941
|
const defaultProps$n = {
|
|
15942
15942
|
color: "default",
|
|
@@ -16020,7 +16020,7 @@ const NoticeBar = memo((p2) => {
|
|
|
16020
16020
|
}
|
|
16021
16021
|
}))));
|
|
16022
16022
|
});
|
|
16023
|
-
var numberKeyboard = "";
|
|
16023
|
+
var numberKeyboard = /* @__PURE__ */ (() => ".adm-number-keyboard-main {\n display: flex;\n flex-wrap: wrap;\n flex: 1;\n}\n.adm-number-keyboard-main.confirmed-style .sign-key {\n background-color: var(--adm-color-white);\n}\n.adm-number-keyboard-popup.adm-popup {\n width: 100%;\n user-select: none;\n z-index: 1050;\n}\n.adm-number-keyboard-popup.adm-popup .adm-popup-body {\n background-color: var(--adm-color-box);\n}\n.adm-number-keyboard-wrapper {\n display: flex;\n}\n.adm-number-keyboard-header {\n height: 34px;\n line-height: 34px;\n border-top: solid 1px var(--adm-color-border);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 12px;\n color: var(--adm-color-weak);\n background-color: var(--adm-color-white);\n}\n.adm-number-keyboard-header-close-button {\n padding: 0 12px;\n font-size: 16px;\n}\n.adm-number-keyboard-header.with-title {\n justify-content: space-between;\n}\n.adm-number-keyboard-header.with-title .adm-number-keyboard-header-close-button {\n padding-right: 0;\n}\n.adm-number-keyboard-footer {\n background: var(--adm-color-white);\n}\n.adm-number-keyboard-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.adm-number-keyboard-confirm {\n width: 25%;\n}\n.adm-number-keyboard-key {\n flex: 1 33.33%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 48px;\n font-size: 22px;\n box-sizing: border-box;\n border: solid 1px var(--adm-color-border);\n border-bottom: none;\n border-left: none;\n}\n.adm-number-keyboard-key:nth-child(3n),\n.adm-number-keyboard-key:last-child {\n border-right: none;\n}\n.adm-number-keyboard-key::before {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n background-color: #000;\n border: inherit;\n border-color: #000;\n border-radius: inherit;\n transform: translate(-50%, -50%);\n opacity: 0;\n content: ' ';\n box-sizing: content-box;\n}\n.adm-number-keyboard-key.mid-key {\n flex-basis: 66.67%;\n}\n.adm-number-keyboard-key.sign-key:active::before {\n opacity: 0.1;\n}\n.adm-number-keyboard-key.extra-key {\n border-left: solid 1px var(--adm-color-border);\n border-right: none;\n}\n.adm-number-keyboard-key.extra-key,\n.adm-number-keyboard-key.number-key {\n background-color: var(--adm-color-white);\n}\n.adm-number-keyboard-key.extra-key:active::before,\n.adm-number-keyboard-key.number-key:active::before {\n opacity: 0.1;\n}\n.adm-number-keyboard-key.ok-key {\n background-color: var(--adm-color-primary);\n color: var(--adm-color-white);\n height: 144px;\n font-size: 16px;\n border: none;\n}\n.adm-number-keyboard-bs-key {\n height: 20px;\n}\n")();
|
|
16024
16024
|
function shuffle(array) {
|
|
16025
16025
|
const result2 = [...array];
|
|
16026
16026
|
for (let i = result2.length; i > 0; i--) {
|
|
@@ -16185,7 +16185,7 @@ const NumberKeyboard = (p2) => {
|
|
|
16185
16185
|
position: "bottom"
|
|
16186
16186
|
})))));
|
|
16187
16187
|
};
|
|
16188
|
-
var pageIndicator = "";
|
|
16188
|
+
var pageIndicator = /* @__PURE__ */ (() => ".adm-page-indicator {\n display: flex;\n width: auto;\n --dot-color: rgba(0, 0, 0, 0.2);\n --active-dot-color: var(--adm-color-primary);\n --dot-size: 3px;\n --active-dot-size: 13px;\n --dot-border-radius: 1px;\n --active-dot-border-radius: var(--dot-border-radius);\n --dot-spacing: 3px;\n}\n.adm-page-indicator-dot {\n display: block;\n width: var(--dot-size);\n height: var(--dot-size);\n border-radius: var(--dot-border-radius);\n background: var(--dot-color);\n}\n.adm-page-indicator-dot:last-child {\n margin-right: 0;\n}\n.adm-page-indicator-dot-active {\n border-radius: var(--active-dot-border-radius);\n background: var(--active-dot-color);\n}\n.adm-page-indicator-color-white {\n --active-dot-color: var(--adm-color-white);\n}\n.adm-page-indicator-horizontal {\n flex-direction: row;\n}\n.adm-page-indicator-horizontal .adm-page-indicator-dot {\n margin-right: var(--dot-spacing);\n}\n.adm-page-indicator-horizontal .adm-page-indicator-dot-active {\n width: var(--active-dot-size);\n}\n.adm-page-indicator-vertical {\n flex-direction: column;\n}\n.adm-page-indicator-vertical .adm-page-indicator-dot {\n margin-bottom: var(--dot-spacing);\n}\n.adm-page-indicator-vertical .adm-page-indicator-dot-active {\n height: var(--active-dot-size);\n}\n")();
|
|
16189
16189
|
const classPrefix$s = `adm-page-indicator`;
|
|
16190
16190
|
const defaultProps$l = {
|
|
16191
16191
|
color: "primary",
|
|
@@ -16206,7 +16206,7 @@ const PageIndicator = memo((p2) => {
|
|
|
16206
16206
|
className: classNames(classPrefix$s, `${classPrefix$s}-${props.direction}`, `${classPrefix$s}-color-${props.color}`)
|
|
16207
16207
|
}, dots));
|
|
16208
16208
|
});
|
|
16209
|
-
var passcodeInput = "";
|
|
16209
|
+
var passcodeInput = /* @__PURE__ */ (() => ".adm-passcode-input {\n position: relative;\n display: inline-block;\n --cell-size: 40px;\n --cell-gap: 6px;\n --dot-size: 10px;\n --border-color: #e5e5e5;\n --border-radius: 8px;\n}\n.adm-passcode-input-cell-container {\n display: inline-flex;\n vertical-align: top;\n}\n.adm-passcode-input-cell {\n flex: none;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n font-size: var(--adm-font-size-10);\n width: var(--cell-size);\n height: var(--cell-size);\n background: var(--adm-color-white);\n}\n.adm-passcode-input:not(.seperated) {\n border-radius: var(--border-radius);\n overflow: hidden;\n border: 1px solid var(--border-color);\n}\n.adm-passcode-input:not(.seperated) .adm-passcode-input-cell:not(:last-child) {\n border-right: 1px solid var(--border-color);\n}\n.adm-passcode-input:not(.seperated).focused {\n border-color: var(--adm-color-primary);\n box-shadow: 0 0 2px 0 var(--adm-color-primary);\n outline: none;\n}\n.adm-passcode-input:not(.seperated).error {\n border-color: var(--adm-color-danger);\n box-shadow: 0 0 2px 0 var(--adm-color-danger);\n animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;\n}\n.adm-passcode-input.seperated .adm-passcode-input-cell {\n border-radius: var(--border-radius);\n border: 1px solid var(--border-color);\n}\n.adm-passcode-input.seperated .adm-passcode-input-cell:not(:last-child) {\n margin-right: var(--cell-gap);\n}\n.adm-passcode-input.seperated .adm-passcode-input-cell.focused {\n border-color: var(--adm-color-primary);\n box-shadow: 0 0 2px 0 var(--adm-color-primary);\n}\n.adm-passcode-input.seperated.focused {\n outline: none;\n}\n.adm-passcode-input.seperated.error {\n animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;\n}\n.adm-passcode-input.seperated.error .adm-passcode-input-cell {\n border-color: var(--adm-color-danger);\n box-shadow: 0 0 2px 0 var(--adm-color-danger);\n}\n.adm-passcode-input-cell.dot::before {\n content: '';\n width: var(--dot-size);\n height: var(--dot-size);\n border-radius: 50%;\n background: var(--adm-color-text);\n}\n.adm-passcode-input-cell.caret::after {\n content: '';\n width: 2px;\n height: 1.1em;\n margin-left: 1px;\n background: var(--adm-color-primary);\n animation: 1s linear infinite adm-caret-blink;\n}\n.adm-passcode-input > .adm-passcode-input-native-input {\n position: absolute;\n left: -200vw;\n top: 0;\n display: block;\n width: 50px;\n height: 20px;\n opacity: 0.5;\n}\n@keyframes adm-shake-horizontal {\n 0% {\n transform: translateX(0);\n }\n 10% {\n transform: translateX(-4px);\n }\n 20% {\n transform: translateX(5px);\n }\n 30% {\n transform: translateX(-1px);\n }\n 40% {\n transform: translateX(8px);\n }\n 50% {\n transform: translateX(0);\n }\n 60% {\n transform: translateX(-8px);\n }\n 70% {\n transform: translateX(1px);\n }\n 80% {\n transform: translateX(-5px);\n }\n 90% {\n transform: translateX(4px);\n }\n 100% {\n transform: translateX(0);\n }\n}\n@keyframes adm-caret-blink {\n from {\n opacity: 1;\n }\n 60% {\n opacity: 1;\n }\n 80% {\n opacity: 0;\n }\n to {\n opacity: 0;\n }\n}\n")();
|
|
16210
16210
|
const classPrefix$r = "adm-passcode-input";
|
|
16211
16211
|
const defaultProps$k = {
|
|
16212
16212
|
defaultValue: "",
|
|
@@ -16324,7 +16324,7 @@ const PasscodeInput = forwardRef((p2, ref) => {
|
|
|
16324
16324
|
}
|
|
16325
16325
|
}));
|
|
16326
16326
|
});
|
|
16327
|
-
var progressBar = "";
|
|
16327
|
+
var progressBar = /* @__PURE__ */ (() => ".adm-progress-bar {\n --track-width: var(--adm-progress-bar-track-width, 3px);\n --track-color: var(--adm-progress-bar-track-color, #e5e5e5);\n --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));\n}\n.adm-progress-bar-trail {\n background: var(--track-color);\n overflow: hidden;\n height: var(--track-width);\n border-radius: var(--track-width);\n}\n.adm-progress-bar-fill {\n transition: width 0.3s;\n background: var(--fill-color);\n height: 100%;\n border-radius: var(--track-width);\n}\n")();
|
|
16328
16328
|
const classPrefix$q = `adm-progress-bar`;
|
|
16329
16329
|
const ProgressBar = (p2) => {
|
|
16330
16330
|
const props = mergeProps({
|
|
@@ -16342,7 +16342,7 @@ const ProgressBar = (p2) => {
|
|
|
16342
16342
|
style: fillStyle
|
|
16343
16343
|
}))));
|
|
16344
16344
|
};
|
|
16345
|
-
var progressCircle = "";
|
|
16345
|
+
var progressCircle = /* @__PURE__ */ (() => "/*\u8FDB\u5EA6\u5708*/\n.adm-progress-circle {\n --track-width: var(--adm-progress-circle-track-width, 3px);\n --size: var(--adm-progress-circle-size, 50px);\n --track-color: var(--adm-progress-circle-track-color, #e5e5e5);\n --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));\n --percent: 0;\n --pi: 3.14159265;\n --radius: calc(var(--size) / 2 - var(--track-width) / 2);\n --circumference: calc(var(--radius) * var(--pi) * 2);\n display: inline-block;\n width: var(--size);\n height: var(--size);\n}\n.adm-progress-circle-svg {\n width: 100%;\n height: 100%;\n}\n.adm-progress-circle-svg > .adm-progress-circle-track,\n.adm-progress-circle-svg .adm-progress-circle-fill {\n stroke-width: var(--track-width);\n r: var(--radius);\n cx: calc(var(--size) / 2);\n cy: calc(var(--size) / 2);\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n}\n.adm-progress-circle-svg > .adm-progress-circle-track {\n stroke: var(--track-color);\n}\n.adm-progress-circle-svg > .adm-progress-circle-fill {\n transition: stroke-dashoffset 0.35s;\n stroke: var(--fill-color);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: calc(var(--circumference) * (1 - var(--percent) / 100));\n stroke-linecap: round;\n}\n.adm-progress-circle-content {\n position: relative;\n margin: auto;\n width: 100%;\n height: 100%;\n}\n.adm-progress-circle-info {\n position: absolute;\n width: 100%;\n top: 50%;\n left: 50%;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n")();
|
|
16346
16346
|
const classPrefix$p = `adm-progress-circle`;
|
|
16347
16347
|
const ProgressCircle = (p2) => {
|
|
16348
16348
|
const props = mergeProps({
|
|
@@ -16368,7 +16368,7 @@ const ProgressCircle = (p2) => {
|
|
|
16368
16368
|
className: `${classPrefix$p}-info`
|
|
16369
16369
|
}, props.children))));
|
|
16370
16370
|
};
|
|
16371
|
-
var pullToRefresh = "";
|
|
16371
|
+
var pullToRefresh = /* @__PURE__ */ (() => ".adm-pull-to-refresh-head {\n overflow: hidden;\n position: relative;\n}\n.adm-pull-to-refresh-head-content {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n color: var(--adm-color-weak);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n")();
|
|
16372
16372
|
const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
|
|
16373
16373
|
const classPrefix$o = `adm-pull-to-refresh`;
|
|
16374
16374
|
const defaultProps$j = {
|
|
@@ -16536,7 +16536,7 @@ const PullToRefresh = (p2) => {
|
|
|
16536
16536
|
className: `${classPrefix$o}-content`
|
|
16537
16537
|
}, props.children));
|
|
16538
16538
|
};
|
|
16539
|
-
var radio = "";
|
|
16539
|
+
var radio = /* @__PURE__ */ (() => ".adm-radio {\n --icon-size: 22px;\n --font-size: var(--adm-font-size-9);\n --gap: 8px;\n display: inline-flex;\n vertical-align: text-bottom;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n}\n.adm-radio input {\n display: none;\n}\n.adm-radio .adm-radio-icon {\n flex: none;\n border: 1px solid var(--adm-color-light);\n border-radius: var(--icon-size);\n box-sizing: border-box;\n width: var(--icon-size);\n height: var(--icon-size);\n color: var(--adm-color-white);\n}\n.adm-radio .adm-radio-icon > svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n.adm-radio.adm-radio-block {\n display: flex;\n}\n.adm-radio.adm-radio-checked .adm-radio-icon {\n border-color: var(--adm-color-primary);\n background-color: var(--adm-color-primary);\n}\n.adm-radio.adm-radio-disabled {\n cursor: not-allowed;\n}\n.adm-radio.adm-radio-disabled .adm-radio-content {\n opacity: 0.4;\n}\n.adm-radio.adm-radio-disabled .adm-radio-icon {\n color: #b7b7b7;\n border-color: var(--adm-color-light);\n background-color: var(--adm-color-box);\n}\n.adm-radio .adm-radio-custom-icon {\n font-size: var(--icon-size);\n}\n.adm-radio-content {\n flex: 0 1 auto;\n font-size: var(--font-size);\n padding-left: var(--gap);\n}\n")();
|
|
16540
16540
|
const RadioGroupContext = createContext(null);
|
|
16541
16541
|
const defaultProps$i = {
|
|
16542
16542
|
disabled: false,
|
|
@@ -16624,7 +16624,7 @@ const Radio = (p2) => {
|
|
|
16624
16624
|
var index$5 = attachPropertiesToComponent(Radio, {
|
|
16625
16625
|
Group
|
|
16626
16626
|
});
|
|
16627
|
-
var rate = "";
|
|
16627
|
+
var rate = /* @__PURE__ */ (() => ".adm-rate {\n --star-size: 24px;\n --active-color: #ffd21e;\n --inactive-color: var(--adm-color-light);\n display: inline-flex;\n}\n.adm-rate-box {\n position: relative;\n}\n.adm-rate-star {\n padding: calc(var(--star-size) / 8);\n line-height: var(--star-size);\n font-size: var(--star-size);\n color: var(--inactive-color);\n text-align: center;\n overflow: hidden;\n cursor: pointer;\n box-sizing: border-box;\n}\n.adm-rate-star-half {\n padding-right: 0;\n width: 50%;\n position: absolute;\n left: 0;\n top: 0;\n}\n.adm-rate-star-active {\n color: var(--active-color);\n}\n.adm-rate-star-readonly {\n cursor: unset;\n}\n")();
|
|
16628
16628
|
const classPrefix$m = `adm-rate`;
|
|
16629
16629
|
const defaultProps$g = {
|
|
16630
16630
|
count: 5,
|
|
@@ -16663,7 +16663,7 @@ const Rate = (p2) => {
|
|
|
16663
16663
|
className: classNames(`${classPrefix$m}-box`)
|
|
16664
16664
|
}, props.allowHalf && renderStar(i + 0.5, true), renderStar(i + 1, false)))));
|
|
16665
16665
|
};
|
|
16666
|
-
var result = "";
|
|
16666
|
+
var result = /* @__PURE__ */ (() => ".adm-result {\n padding: 32px 12px;\n background-color: var(--adm-color-white);\n}\n.adm-result-icon {\n box-sizing: border-box;\n width: 64px;\n height: 64px;\n margin: 0 auto 20px auto;\n padding: 6px;\n}\n.adm-result-icon .antd-mobile-icon {\n font-size: 52px;\n}\n.adm-result-title {\n color: var(--adm-color-text);\n font-size: var(--adm-font-size-10);\n line-height: 1.4;\n text-align: center;\n}\n.adm-result-description {\n margin-top: 8px;\n color: var(--adm-color-weak);\n font-size: var(--adm-font-size-main);\n line-height: 1.4;\n text-align: center;\n}\n.adm-result-success .adm-result-icon .antd-mobile-icon {\n color: var(--adm-color-primary);\n}\n.adm-result-error .adm-result-icon .antd-mobile-icon {\n color: var(--adm-color-danger);\n}\n.adm-result-info .adm-result-icon .antd-mobile-icon {\n color: var(--adm-color-primary);\n}\n.adm-result-waiting .adm-result-icon .antd-mobile-icon {\n color: var(--adm-color-success);\n}\n.adm-result-warning .adm-result-icon .antd-mobile-icon {\n color: var(--adm-color-warning);\n}\n")();
|
|
16667
16667
|
const classPrefix$l = `adm-result`;
|
|
16668
16668
|
const iconRecord = {
|
|
16669
16669
|
success: CheckCircleFill,
|
|
@@ -16692,7 +16692,7 @@ const Result = (props) => {
|
|
|
16692
16692
|
className: `${classPrefix$l}-description`
|
|
16693
16693
|
}, description) : null));
|
|
16694
16694
|
};
|
|
16695
|
-
var searchBar = "";
|
|
16695
|
+
var searchBar = /* @__PURE__ */ (() => ".adm-search-bar {\n --height: 32px;\n --padding-left: 8px;\n --background: var(--adm-color-box);\n --border-radius: 6px;\n --placeholder-color: var(--adm-color-weak);\n ---placeholder-color: var(--placeholder-color);\n display: flex;\n justify-content: center;\n align-items: center;\n height: var(--height);\n}\n.adm-search-bar .adm-search-bar-input-box {\n flex: auto;\n background: var(--background);\n border-radius: var(--border-radius);\n border: solid 1px transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-left: var(--padding-left);\n}\n.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {\n flex: none;\n color: var(--adm-color-light);\n font-size: var(--adm-font-size-8);\n}\n.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {\n flex: auto;\n padding: 4px 8px 4px 4px;\n height: calc(var(--height) - 2px);\n box-sizing: border-box;\n}\n.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {\n --placeholder-color: var(---placeholder-color);\n --font-size: var(--adm-font-size-7);\n}\n.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {\n line-height: 19px;\n}\n.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {\n padding-left: 8px;\n}\n.adm-search-bar .adm-search-bar-suffix {\n flex: none;\n margin-left: 4px;\n}\n.adm-search-bar .adm-search-bar-cancel-button.adm-button {\n padding: 3px 12px;\n}\n.adm-search-bar-active .adm-input.adm-input.adm-input {\n --placeholder-color: var(--adm-color-light);\n}\n.adm-search-bar-active .adm-search-bar-input-box {\n border-color: var(--adm-color-primary);\n background: var(--adm-color-background);\n}\n")();
|
|
16696
16696
|
const classPrefix$k = `adm-search-bar`;
|
|
16697
16697
|
const defaultProps$f = {
|
|
16698
16698
|
clearable: true,
|
|
@@ -16794,7 +16794,7 @@ const SearchBar = forwardRef((p2, ref) => {
|
|
|
16794
16794
|
}
|
|
16795
16795
|
})), renderCancelButton()));
|
|
16796
16796
|
});
|
|
16797
|
-
var selector = "";
|
|
16797
|
+
var selector = /* @__PURE__ */ (() => ".adm-selector {\n --color: var(--adm-color-box);\n --checked-color: #e7f1ff;\n --text-color: var(--adm-color-text);\n --checked-text-color: var(--adm-color-primary);\n --border: none;\n --checked-border: none;\n --border-radius: 2px;\n --padding: 8px 16px;\n overflow: hidden;\n font-size: var(--adm-font-size-7);\n line-height: 1.4;\n}\n.adm-selector .adm-space.adm-space {\n --gap: 12px;\n}\n.adm-selector-item {\n padding: var(--padding);\n position: relative;\n background-color: var(--color);\n border: var(--border);\n border-radius: var(--border-radius);\n color: var(--text-color);\n opacity: 1;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n overflow: hidden;\n vertical-align: top;\n}\n.adm-selector-item-description {\n font-size: var(--adm-font-size-main);\n color: var(--adm-color-weak);\n}\n.adm-selector-item-active,\n.adm-selector-item-multiple-active {\n color: var(--checked-text-color);\n background-color: var(--checked-color);\n border: var(--checked-border);\n}\n.adm-selector-item .adm-selector-check-mark-wrapper {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 0;\n height: 0;\n border-top: solid 8px transparent;\n border-bottom: solid 8px var(--adm-color-primary);\n border-left: solid 10px transparent;\n border-right: solid 10px var(--adm-color-primary);\n}\n.adm-selector-item .adm-selector-check-mark-wrapper > svg {\n position: absolute;\n left: 0;\n top: 0;\n height: 6px;\n width: 8px;\n}\n.adm-selector-item-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n")();
|
|
16798
16798
|
const CheckMark = memo(() => {
|
|
16799
16799
|
return React$1.createElement("svg", {
|
|
16800
16800
|
width: "17px",
|
|
@@ -16882,7 +16882,7 @@ const Selector = (p2) => {
|
|
|
16882
16882
|
gap: convertPx(8)
|
|
16883
16883
|
}, items)));
|
|
16884
16884
|
};
|
|
16885
|
-
var sideBar = "";
|
|
16885
|
+
var sideBar = /* @__PURE__ */ (() => ".adm-side-bar {\n --height: 100%;\n --width: 105px;\n --item-border-radius: 8px;\n --background-color: var(--adm-color-box);\n width: var(--width);\n height: var(--height);\n box-sizing: border-box;\n font-size: var(--adm-font-size-main);\n overflow-y: auto;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n background-color: var(--background-color);\n display: flex;\n flex-direction: column;\n}\n.adm-side-bar-items {\n flex: none;\n overflow: hidden;\n}\n.adm-side-bar-extra-space {\n flex: auto;\n overflow: hidden;\n position: relative;\n}\n.adm-side-bar-item {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n padding: 16px 12px;\n position: relative;\n cursor: pointer;\n background-color: var(--background-color);\n overflow: visible;\n}\n.adm-side-bar-item-highlight {\n position: absolute;\n height: 100%;\n width: 2px;\n left: -12px;\n top: 0;\n background: var(--adm-color-primary);\n border-radius: 2px;\n}\n.adm-side-bar-item-active {\n color: var(--adm-color-primary);\n background-color: var(--adm-color-background);\n position: relative;\n}\n.adm-side-bar-item-corner {\n width: var(--item-border-radius);\n height: var(--item-border-radius);\n position: absolute;\n z-index: 100;\n right: 0;\n user-select: none;\n pointer-events: none;\n}\n.adm-side-bar-item-corner-top {\n top: 0;\n transform: rotate(-90deg);\n}\n.adm-side-bar-item-corner-bottom {\n bottom: 0;\n}\n.adm-side-bar-item-disabled {\n cursor: not-allowed;\n}\n.adm-side-bar-item-disabled .adm-side-bar-item-title {\n opacity: 0.4;\n}\n.adm-side-bar-badge.adm-badge {\n --right: -4px;\n}\n")();
|
|
16886
16886
|
const Corner = memo((props) => withNativeProps(props, React$1.createElement("svg", {
|
|
16887
16887
|
viewBox: "0 0 30 30"
|
|
16888
16888
|
}, React$1.createElement("g", {
|
|
@@ -16969,7 +16969,7 @@ const SideBar = (props) => {
|
|
|
16969
16969
|
var index$4 = attachPropertiesToComponent(SideBar, {
|
|
16970
16970
|
Item: SideBarItem
|
|
16971
16971
|
});
|
|
16972
|
-
var slider = "";
|
|
16972
|
+
var slider = /* @__PURE__ */ (() => ".adm-slider {\n --fill-color: var(--adm-color-primary);\n padding: 5px 14px;\n list-style: none;\n user-select: none;\n}\n.adm-slider-track-container {\n padding: 8px 0;\n}\n.adm-slider-track {\n position: relative;\n width: 100%;\n height: 3px;\n background-color: var(--adm-color-box);\n border-radius: 3px;\n}\n.adm-slider-fill {\n position: absolute;\n z-index: 1;\n height: 3px;\n border-radius: 3px;\n background-color: var(--fill-color);\n}\n.adm-slider-ticks {\n position: absolute;\n width: 100%;\n height: 3px;\n background: transparent;\n}\n.adm-slider-tick {\n position: absolute;\n top: -2px;\n width: 7px;\n height: 7px;\n margin-left: -3px;\n background-color: var(--adm-color-box);\n border-radius: 50%;\n}\n.adm-slider-tick-active {\n background-color: var(--fill-color);\n}\n.adm-slider-thumb {\n width: 28px;\n height: 28px;\n margin: 2px;\n border-radius: 50%;\n text-align: center;\n line-height: 28px;\n background: var(--adm-color-white);\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);\n color: var(--fill-color);\n}\n.adm-slider-thumb:focus {\n outline: none;\n}\n.adm-slider-thumb-icon {\n width: 12px;\n height: 12px;\n margin: 8px;\n user-select: none;\n}\n.adm-slider-thumb-container {\n cursor: grab;\n touch-action: none;\n position: absolute;\n z-index: 2;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.adm-slider-mark {\n position: relative;\n width: 100%;\n overflow: visible;\n font-size: var(--adm-font-size-3);\n height: 11px;\n margin-top: 10px;\n}\n.adm-slider-mark-text {\n position: absolute;\n display: inline-block;\n line-height: 1;\n color: var(--adm-color-text);\n text-align: center;\n word-break: keep-all;\n user-select: none;\n transform: translateX(-50%);\n}\n.adm-slider-disabled {\n opacity: 0.4;\n}\n.adm-slider-disabled .adm-slider-thumb {\n cursor: not-allowed;\n}\n.adm-slider-disabled .adm-slider-mark-text,\n.adm-slider-disabled .adm-slider-tick {\n cursor: not-allowed;\n box-shadow: none;\n}\n")();
|
|
16973
16973
|
const classPrefix$h = `adm-slider`;
|
|
16974
16974
|
const Ticks = ({
|
|
16975
16975
|
points,
|
|
@@ -17275,7 +17275,7 @@ const Slider = (p2) => {
|
|
|
17275
17275
|
upperBound: sliderValue[1]
|
|
17276
17276
|
})));
|
|
17277
17277
|
};
|
|
17278
|
-
var stepper = "";
|
|
17278
|
+
var stepper = /* @__PURE__ */ (() => ".adm-stepper {\n --height: 28px;\n --input-width: 44px;\n --input-font-size: var(--adm-font-size-main);\n --input-font-color: var(--adm-color-text);\n --input-background-color: var(--adm-color-box);\n --border-radius: 2px;\n --border: none;\n --border-inner: solid 2px transparent;\n --active-border: var(--border);\n --button-font-size: var(--adm-font-size-7);\n --button-text-color: var(--adm-color-primary);\n --button-background-color: var(--adm-color-box);\n --button-width: var(--height);\n display: flex;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n width: calc(var(--input-width) + 2 * var(--button-width));\n border: var(--border);\n border-radius: var(--border-radius);\n}\n.adm-stepper-active {\n border: var(--active-border);\n}\n.adm-stepper-middle {\n flex: 1;\n border-left: var(--border-inner);\n border-right: var(--border-inner);\n}\n.adm-stepper .adm-stepper-input {\n height: var(--height);\n --background-color: var(--input-background-color);\n --font-size: var(--input-font-size);\n --color: var(--input-font-color);\n --text-align: center;\n}\n.adm-stepper-minus,\n.adm-stepper-plus {\n width: var(--button-width);\n height: var(--height);\n padding: 0;\n color: var(--button-text-color);\n background-color: var(--button-background-color);\n font-size: var(--button-font-size);\n --border-width: 0;\n}\n.adm-stepper-minus:disabled,\n.adm-stepper-plus:disabled {\n color: var(--adm-color-weak);\n}\n.adm-stepper-minus svg,\n.adm-stepper-plus svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.adm-stepper-minus {\n border-radius: 0;\n}\n.adm-stepper-plus {\n border-radius: 0;\n}\n")();
|
|
17279
17279
|
const classPrefix$d = `adm-stepper`;
|
|
17280
17280
|
const defaultProps$c = {
|
|
17281
17281
|
defaultValue: 0,
|
|
@@ -17407,7 +17407,7 @@ function convertTextToValue(text) {
|
|
|
17407
17407
|
return null;
|
|
17408
17408
|
return parseFloat(text);
|
|
17409
17409
|
}
|
|
17410
|
-
var steps = "";
|
|
17410
|
+
var steps = /* @__PURE__ */ (() => ".adm-step {\n --line-to-next-color: #e5e5e5;\n --icon-color: #e5e5e5;\n}\n.adm-step .adm-step-indicator {\n position: relative;\n}\n.adm-step .adm-step-indicator::after {\n content: '';\n position: absolute;\n z-index: 0;\n background-color: var(--line-to-next-color);\n}\n.adm-step .adm-step-indicator .adm-step-icon-container {\n position: absolute;\n z-index: 1;\n background: var(--adm-color-white);\n color: var(--icon-color);\n}\n.adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {\n display: block;\n}\n.adm-step:last-child .adm-step-indicator::after {\n display: none;\n}\n.adm-step-status-finish {\n --line-to-next-color: var(--adm-color-primary);\n}\n.adm-step-status-wait {\n --icon-color: #e5e5e5;\n}\n.adm-step-status-wait .adm-step-title {\n color: var(--adm-color-weak);\n}\n.adm-step-status-process {\n --icon-color: var(--adm-color-primary);\n}\n.adm-step-status-process .adm-step-title {\n color: var(--adm-color-primary);\n}\n.adm-step-status-finish {\n --icon-color: var(--adm-color-primary);\n}\n.adm-step-status-error {\n --icon-color: var(--adm-color-danger);\n}\n.adm-step-status-error .adm-step-title {\n color: var(--adm-color-danger);\n}\n.adm-steps {\n --title-font-size: var(--adm-font-size-main);\n --description-font-size: var(--adm-font-size-4);\n --indicator-margin-right: 0;\n --icon-size: 18px;\n width: 100%;\n box-sizing: border-box;\n}\n.adm-steps-horizontal {\n display: flex;\n justify-content: space-around;\n padding: 8px 0;\n}\n.adm-steps-horizontal .adm-step {\n flex: 1;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator {\n width: 100%;\n height: 24px;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator::after {\n left: 50%;\n top: 50%;\n height: 1px;\n transform: translateY(-50%);\n width: 100%;\n}\n.adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.adm-steps-horizontal .adm-step-content {\n text-align: center;\n font-size: var(--description-font-size);\n padding: 2px 8px 0;\n}\n.adm-steps-horizontal .adm-step-content .adm-step-title {\n font-size: var(--title-font-size);\n}\n.adm-steps-horizontal .adm-step-content .adm-step-description {\n margin-top: 4px;\n color: var(--adm-color-weak);\n}\n.adm-steps-vertical {\n padding: 8px 16px;\n}\n.adm-steps-vertical .adm-step {\n display: flex;\n align-items: stretch;\n}\n.adm-steps-vertical .adm-step .adm-step-indicator {\n flex: none;\n width: 24px;\n margin-right: var(--indicator-margin-right);\n}\n.adm-steps-vertical .adm-step .adm-step-indicator::after {\n left: 50%;\n top: calc(var(--title-font-size) * 1.5 / 2);\n width: 1px;\n transform: translateX(-50%);\n height: 100%;\n}\n.adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {\n top: calc(var(--title-font-size) * 1.5 / 2);\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.adm-steps-vertical .adm-step:last-child .adm-step-content {\n padding-bottom: 0;\n}\n.adm-steps-vertical .adm-step .adm-step-content {\n flex: auto;\n padding-bottom: 24px;\n}\n.adm-steps-vertical .adm-step .adm-step-content .adm-step-title {\n font-size: var(--title-font-size);\n line-height: 1.5;\n}\n.adm-steps-vertical .adm-step .adm-step-content .adm-step-description {\n padding-top: 4px;\n font-size: var(--description-font-size);\n color: var(--adm-color-weak);\n}\n.adm-step-icon-container {\n font-size: var(--icon-size);\n}\n.adm-step-icon-dot {\n display: block;\n width: 8px;\n height: 8px;\n background: currentColor;\n border-radius: 4px;\n}\n")();
|
|
17411
17411
|
const classPrefix$c = `adm-step`;
|
|
17412
17412
|
const Step = (props) => {
|
|
17413
17413
|
const {
|
|
@@ -17470,7 +17470,7 @@ const Steps = (p2) => {
|
|
|
17470
17470
|
var index$3 = attachPropertiesToComponent(Steps, {
|
|
17471
17471
|
Step
|
|
17472
17472
|
});
|
|
17473
|
-
var swipeAction = "";
|
|
17473
|
+
var swipeAction = /* @__PURE__ */ (() => ".adm-swipe-action {\n --background: var(--adm-color-background);\n background: var(--background);\n cursor: grab;\n overflow: hidden;\n touch-action: pan-y;\n}\n.adm-swipe-action-track {\n position: relative;\n overflow: visible;\n}\n.adm-swipe-action-actions {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: stretch;\n width: auto;\n white-space: nowrap;\n}\n.adm-swipe-action-actions-right {\n left: 100%;\n top: 0;\n height: 100%;\n}\n.adm-swipe-action-actions-left {\n right: 100%;\n top: 0;\n height: 100%;\n}\n.adm-swipe-action-action-button.adm-button {\n --border-radius: 0;\n --border-width: 0;\n --text-color: var(--adm-color-white);\n padding-left: 20px;\n padding-right: 20px;\n}\n")();
|
|
17474
17474
|
const classPrefix$a = `adm-swipe-action`;
|
|
17475
17475
|
const defaultProps$a = {
|
|
17476
17476
|
rightActions: [],
|
|
@@ -17649,7 +17649,7 @@ const colorRecord$1 = {
|
|
|
17649
17649
|
warning: "var(--adm-color-warning)",
|
|
17650
17650
|
danger: "var(--adm-color-danger)"
|
|
17651
17651
|
};
|
|
17652
|
-
var swiper = "";
|
|
17652
|
+
var swiper = /* @__PURE__ */ (() => ".adm-swiper {\n --height: auto;\n --width: 100%;\n --border-radius: 0;\n --track-padding: 0;\n --slide-size: 100%;\n --track-offset: 0%;\n display: block;\n width: var(--width);\n height: var(--height);\n position: relative;\n border-radius: var(--border-radius);\n z-index: 0;\n overflow: hidden;\n}\n.adm-swiper-track {\n width: 100%;\n height: 100%;\n white-space: nowrap;\n padding: var(--track-padding);\n}\n.adm-swiper-track-allow-touch-move {\n cursor: grab;\n}\n.adm-swiper-track-inner {\n width: 100%;\n height: 100%;\n overflow: visible;\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n}\n.adm-swiper-slide {\n width: 100%;\n height: 100%;\n display: block;\n position: relative;\n white-space: unset;\n flex: none;\n}\n.adm-swiper-item {\n display: block;\n width: 100%;\n height: 100%;\n white-space: normal;\n}\n.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {\n touch-action: pan-y;\n}\n.adm-swiper-horizontal .adm-swiper-indicator {\n position: absolute;\n bottom: 6px;\n left: 50%;\n transform: translateX(-50%);\n}\n.adm-swiper-horizontal .adm-swiper-track {\n transform: translateX(var(--track-offset));\n}\n.adm-swiper-horizontal .adm-swiper-track-inner {\n flex-direction: row;\n width: var(--slide-size);\n}\n.adm-swiper-vertical .adm-swiper-track-allow-touch-move {\n touch-action: pan-x;\n}\n.adm-swiper-vertical .adm-swiper-indicator {\n position: absolute;\n right: 6px;\n top: 50%;\n transform: translateY(-50%);\n}\n.adm-swiper-vertical .adm-swiper-track {\n transform: translateY(var(--track-offset));\n}\n.adm-swiper-vertical .adm-swiper-track-inner {\n flex-direction: column;\n height: var(--slide-size);\n}\n")();
|
|
17653
17653
|
const SwiperItem = (props) => {
|
|
17654
17654
|
return withNativeProps(props, React$1.createElement("div", {
|
|
17655
17655
|
className: "adm-swiper-item",
|
|
@@ -17911,7 +17911,7 @@ function modulus(value, division) {
|
|
|
17911
17911
|
var index$2 = attachPropertiesToComponent(Swiper, {
|
|
17912
17912
|
Item: SwiperItem
|
|
17913
17913
|
});
|
|
17914
|
-
var _switch = "";
|
|
17914
|
+
var _switch = /* @__PURE__ */ (() => "@keyframes loading-rotate {\n 100% {\n transform: rotate(1turn);\n }\n}\n.adm-switch {\n --checked-color: var(--adm-color-primary);\n --height: 31px;\n --width: 51px;\n --border-width: 2px;\n display: inline-block;\n vertical-align: middle;\n box-sizing: border-box;\n position: relative;\n align-self: center;\n cursor: pointer;\n /* \u9009\u4E2D\u72B6\u6001 */\n /* \u7981\u7528\u72B6\u6001 */\n /* loading\u56FE\u6807 */\n}\n.adm-switch input {\n display: none;\n}\n.adm-switch-checkbox {\n min-width: var(--width);\n height: var(--height);\n box-sizing: border-box;\n border-radius: 31px;\n background: var(--adm-color-border);\n z-index: 0;\n overflow: hidden;\n line-height: var(--height);\n}\n.adm-switch-checkbox:before {\n content: ' ';\n position: absolute;\n left: var(--border-width);\n top: var(--border-width);\n width: calc(100% - 2 * var(--border-width));\n height: calc(var(--height) - 2 * var(--border-width));\n border-radius: calc(var(--height) - 2 * var(--border-width));\n box-sizing: border-box;\n background: var(--adm-color-background);\n z-index: 1;\n transition: all 200ms;\n transform: scale(1);\n}\n.adm-switch-handle {\n display: flex;\n justify-content: center;\n align-items: center;\n width: calc(var(--height) - 2 * var(--border-width));\n height: calc(var(--height) - 2 * var(--border-width));\n border-radius: calc(var(--height) - 2 * var(--border-width));\n background: var(--adm-color-white);\n position: absolute;\n z-index: 2;\n top: var(--border-width);\n left: var(--border-width);\n transition: all 200ms;\n box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);\n}\n.adm-switch-inner {\n position: relative;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 8px 0 calc(var(--height) - var(--border-width) + 4px);\n height: 100%;\n color: var(--adm-color-weak);\n transition: margin 200ms;\n font-size: var(--adm-font-size-7);\n}\n.adm-switch.adm-switch-checked .adm-switch-checkbox {\n background: var(--checked-color);\n}\n.adm-switch.adm-switch-checked .adm-switch-checkbox:before {\n transform: scale(0);\n}\n.adm-switch.adm-switch-checked .adm-switch-handle {\n left: calc(100% - (var(--height) - var(--border-width)));\n}\n.adm-switch.adm-switch-checked .adm-switch-inner {\n margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 10px;\n color: var(--adm-color-white);\n}\n.adm-switch.adm-switch-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n.adm-switch-spin-icon {\n width: 14px;\n height: 14px;\n animation: loading-rotate 1s linear infinite;\n}\n")();
|
|
17915
17915
|
const SpinIcon = memo((props) => {
|
|
17916
17916
|
return withNativeProps(props, React$1.createElement("svg", {
|
|
17917
17917
|
width: "28px",
|
|
@@ -17983,7 +17983,7 @@ const Switch = (p2) => {
|
|
|
17983
17983
|
className: `${classPrefix$8}-inner`
|
|
17984
17984
|
}, checked ? props.checkedText : props.uncheckedText))));
|
|
17985
17985
|
};
|
|
17986
|
-
var tabBar = "";
|
|
17986
|
+
var tabBar = /* @__PURE__ */ (() => ".adm-tab-bar-wrap {\n display: flex;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: stretch;\n overflow: hidden;\n min-height: 48px;\n}\n.adm-tab-bar-item {\n flex: 1;\n color: var(--adm-color-weak);\n white-space: nowrap;\n padding: 4px 8px;\n width: min-content;\n position: relative;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.adm-tab-bar-item-icon {\n font-size: 24px;\n height: 24px;\n line-height: 1;\n}\n.adm-tab-bar-item-title {\n font-size: var(--adm-font-size-3);\n line-height: 15px;\n}\n.adm-tab-bar-item-title-with-icon {\n margin-top: 2px;\n}\n.adm-tab-bar-item-active {\n color: var(--adm-color-primary);\n}\n.adm-tab-bar-icon-badge {\n --top: 6px;\n}\n.adm-tab-bar-title-badge {\n --right: -2px;\n --top: -2px;\n}\n")();
|
|
17987
17987
|
const TabBarItem = () => {
|
|
17988
17988
|
return null;
|
|
17989
17989
|
};
|
|
@@ -18064,7 +18064,7 @@ const TabBar = (p2) => {
|
|
|
18064
18064
|
var index$1 = attachPropertiesToComponent(TabBar, {
|
|
18065
18065
|
Item: TabBarItem
|
|
18066
18066
|
});
|
|
18067
|
-
var tag = "";
|
|
18067
|
+
var tag = /* @__PURE__ */ (() => ".adm-tag {\n --border-radius: var(--adm-tag-border-radius, 2px);\n padding: 2px 4px;\n font-size: var(--adm-font-size-3);\n line-height: 1;\n font-weight: normal;\n background: var(--background-color);\n color: var(--text-color);\n display: inline-block;\n white-space: nowrap;\n border-radius: var(--border-radius);\n border: 1px solid var(--border-color);\n box-sizing: border-box;\n}\n.adm-tag-round {\n border-radius: 100px;\n}\n")();
|
|
18068
18068
|
const classPrefix$6 = `adm-tag`;
|
|
18069
18069
|
const colorRecord = {
|
|
18070
18070
|
default: "#666666",
|
|
@@ -18095,7 +18095,7 @@ const Tag = (p2) => {
|
|
|
18095
18095
|
})
|
|
18096
18096
|
}, props.children));
|
|
18097
18097
|
};
|
|
18098
|
-
var textArea = "";
|
|
18098
|
+
var textArea = /* @__PURE__ */ (() => ".adm-text-area {\n --font-size: var(--adm-font-size-9);\n --color: var(--adm-color-text);\n --placeholder-color: var(--adm-color-light);\n --disabled-color: var(--adm-color-weak);\n --text-align: left;\n --count-text-align: right;\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n}\n.adm-text-area-element {\n font-family: var(--adm-font-family);\n resize: none;\n flex: auto;\n display: block;\n box-sizing: border-box;\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n padding: 0;\n margin: 0;\n color: var(--color);\n font-size: var(--font-size);\n line-height: 1.5;\n background: transparent;\n border: 0;\n outline: none;\n appearance: none;\n min-height: 1.5em;\n text-align: var(--text-align);\n}\n.adm-text-area-element::placeholder {\n color: var(--placeholder-color);\n font-family: inherit;\n}\n.adm-text-area-element:-webkit-autofill {\n background-color: transparent;\n}\n.adm-text-area-element:disabled {\n color: var(--disabled-color);\n cursor: not-allowed;\n opacity: 1;\n -webkit-text-fill-color: var(--disabled-color);\n}\n.adm-text-area-element:read-only {\n cursor: default;\n}\n.adm-text-area-element:invalid {\n box-shadow: none;\n}\n.adm-text-area-element::-ms-clear {\n display: none;\n}\n.adm-text-area-element[readonly] {\n pointer-events: none;\n}\n.adm-text-area-count {\n text-align: var(--count-text-align);\n color: var(--adm-color-weak);\n font-size: var(--adm-font-size-9);\n padding-top: 8px;\n}\n")();
|
|
18099
18099
|
const classPrefix$5 = "adm-text-area";
|
|
18100
18100
|
const defaultProps$5 = {
|
|
18101
18101
|
rows: 2,
|
|
@@ -18200,7 +18200,7 @@ const TextArea = forwardRef((p2, ref) => {
|
|
|
18200
18200
|
}), count));
|
|
18201
18201
|
});
|
|
18202
18202
|
TextArea.defaultProps = defaultProps$5;
|
|
18203
|
-
var toast = "";
|
|
18203
|
+
var toast = /* @__PURE__ */ (() => ".adm-toast-mask .adm-toast-wrap {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.adm-toast-mask .adm-toast-main {\n display: inline-block;\n position: relative;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: auto;\n min-width: 96px;\n max-width: 200px;\n max-height: 70%;\n overflow: auto;\n color: white;\n word-break: break-all;\n background-color: rgba(0, 0, 0, 0.7);\n border-radius: 8px;\n pointer-events: all;\n font-size: var(--adm-font-size-7);\n line-height: 1.5;\n box-sizing: border-box;\n}\n.adm-toast-mask .adm-toast-main-text {\n padding: 12px;\n}\n.adm-toast-mask .adm-toast-main-icon {\n padding: 35px 40px;\n}\n.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {\n text-align: center;\n margin-bottom: 8px;\n font-size: 36px;\n line-height: 1;\n}\n.adm-toast-loading {\n --size: 48px;\n margin: 0 auto 8px;\n}\n")();
|
|
18204
18204
|
const classPrefix$4 = `adm-toast`;
|
|
18205
18205
|
const defaultProps$4 = {
|
|
18206
18206
|
maskClickable: true,
|
|
@@ -18354,7 +18354,7 @@ const Toast = {
|
|
|
18354
18354
|
clear,
|
|
18355
18355
|
config
|
|
18356
18356
|
};
|
|
18357
|
-
var treeSelect = "";
|
|
18357
|
+
var treeSelect = /* @__PURE__ */ (() => ".adm-tree-select,\n.adm-tree-select-multiple {\n display: flex;\n height: 100%;\n font-size: var(--adm-font-size-main);\n background-color: var(--adm-color-white);\n}\n.adm-tree-select-column,\n.adm-tree-select-multiple-column {\n overflow-y: auto;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n}\n.adm-tree-select-column:first-child,\n.adm-tree-select-multiple-column:first-child {\n background-color: var(--adm-color-box);\n}\n.adm-tree-select-column:nth-child(2),\n.adm-tree-select-multiple-column:nth-child(2) {\n background-color: #fafafa;\n}\n.adm-tree-select-item,\n.adm-tree-select-multiple-item {\n display: flex;\n align-items: center;\n min-height: 50px;\n box-sizing: border-box;\n padding: 6px 12px;\n position: relative;\n}\n.adm-tree-select-item-active {\n color: var(--adm-color-primary);\n font-weight: bold;\n background-color: white;\n}\n.adm-tree-select-multiple-item-expand {\n color: var(--adm-color-primary);\n font-weight: bold;\n background-color: white;\n}\n.adm-tree-select-multiple-item-checkbox {\n margin-right: 8px;\n}\n.adm-tree-select-multiple-dot {\n position: absolute;\n top: 50%;\n margin-top: -3px;\n right: 8px;\n width: 6px;\n height: 6px;\n background: var(--adm-color-primary);\n border-radius: 3px;\n}\n")();
|
|
18358
18358
|
function getTreeDeep(treeData, childrenName = "children") {
|
|
18359
18359
|
const walker = (tree) => {
|
|
18360
18360
|
let deep = 0;
|
|
@@ -18699,7 +18699,7 @@ const Multiple = (p2) => {
|
|
|
18699
18699
|
var index = attachPropertiesToComponent(TreeSelect, {
|
|
18700
18700
|
Multiple
|
|
18701
18701
|
});
|
|
18702
|
-
var virtualInput = "";
|
|
18702
|
+
var virtualInput = /* @__PURE__ */ (() => ".adm-virtual-input {\n --font-size: var(--adm-font-size-9);\n --color: var(--adm-color-text);\n --placeholder-color: var(--adm-color-light);\n --disabled-color: var(--adm-color-weak);\n --text-align: left;\n --caret-width: var(--adm-virtual-input-caret-width, 2px);\n --caret-color: var(--adm-virtual-input-caret-color, var(--adm-color-primary));\n display: flex;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n text-align: var(--text-align);\n font-size: var(--font-size);\n line-height: 1.5;\n white-space: nowrap;\n color: var(--color);\n}\n.adm-virtual-input > * {\n vertical-align: top;\n}\n.adm-virtual-input-content {\n flex: auto;\n display: inline-block;\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 100%;\n overflow-y: hidden;\n overflow-x: scroll;\n scrollbar-width: none;\n}\n.adm-virtual-input-content::-webkit-scrollbar {\n display: none;\n}\n.adm-virtual-input-placeholder {\n display: block;\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: 100%;\n overflow: hidden;\n text-align: var(--text-align);\n color: var(--placeholder-color);\n}\n.adm-virtual-input-caret-container {\n display: inline-block;\n width: var(--caret-width);\n height: 1.3em;\n vertical-align: top;\n margin-right: 1px;\n}\n.adm-virtual-input-caret {\n width: 100%;\n height: 100%;\n background-color: var(--caret-color);\n position: relative;\n top: 5%;\n}\n.adm-virtual-input:focus {\n outline: none;\n}\n.adm-virtual-input:focus .adm-virtual-input-caret {\n display: block;\n animation-name: adm-caret-blink;\n animation-duration: 1s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n.adm-virtual-input-disabled {\n color: var(--disabled-color);\n}\n@keyframes adm-caret-blink {\n from {\n opacity: 1;\n }\n 60% {\n opacity: 1;\n }\n 80% {\n opacity: 0;\n }\n to {\n opacity: 0;\n }\n}\n.adm-virtual-input-clear {\n flex: none;\n margin-left: 8px;\n color: var(--placeholder-color);\n padding: 3px;\n cursor: pointer;\n}\n.adm-virtual-input-clear .antd-mobile-icon {\n display: block;\n font-size: var(--adm-font-size-6);\n}\n")();
|
|
18703
18703
|
const classPrefix$1 = "adm-virtual-input";
|
|
18704
18704
|
const defaultProps$1 = {
|
|
18705
18705
|
defaultValue: ""
|
|
@@ -18798,7 +18798,7 @@ const VirtualInput = forwardRef((p2, ref) => {
|
|
|
18798
18798
|
className: `${classPrefix$1}-placeholder`
|
|
18799
18799
|
}, props.placeholder), keyboardElement));
|
|
18800
18800
|
});
|
|
18801
|
-
var waterMark = "";
|
|
18801
|
+
var waterMark = /* @__PURE__ */ (() => ".adm-water-mark {\n --z-index: var(--adm-water-mark-z-index, 2000);\n position: absolute;\n z-index: var(--z-index);\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n pointer-events: none;\n background-repeat: repeat;\n}\n.adm-water-mark-full-page {\n position: fixed;\n}\n")();
|
|
18802
18802
|
const classPrefix = `adm-water-mark`;
|
|
18803
18803
|
const defaultProps = {
|
|
18804
18804
|
fullPage: true
|