@yoka-ui/ui 1.0.4 → 1.0.6
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/@Docs-yoka/exports.generated.md +68 -63
- package/README.md +44 -15
- package/dist/es/business/AiChat/index.js.map +1 -1
- package/dist/es/business/AiChat/intentRecognizer.js.map +1 -1
- package/dist/es/business/AiChat/navigationManager.js +6 -6
- package/dist/es/business/AiChat/navigationManager.js.map +2 -2
- package/dist/es/business/DrawerPageInfo/index.js +2 -2
- package/dist/es/business/DrawerPageInfo/index.js.map +2 -2
- package/dist/es/business/Editor/index.d.ts +1 -1
- package/dist/es/business/Editor/index.js.map +2 -2
- package/dist/es/business/Empty/index.js +1 -1
- package/dist/es/business/Empty/index.js.map +1 -1
- package/dist/es/business/ModCommonFilter/components/PopoverContent/Category.js +2 -2
- package/dist/es/business/ModCommonFilter/components/PopoverContent/Category.js.map +2 -2
- package/dist/es/business/ModCommonFilter/components/PopoverContent/Content.js +3 -3
- package/dist/es/business/ModCommonFilter/components/PopoverContent/Content.js.map +2 -2
- package/dist/es/business/ModCommonFilter/components/PopoverContent/Selected.js +2 -2
- package/dist/es/business/ModCommonFilter/components/PopoverContent/Selected.js.map +2 -2
- package/dist/es/business/ModCommonFilter/index.d.ts +1 -1
- package/dist/es/business/ModCommonFilter/index.js.map +2 -2
- package/dist/es/business/YkLoginModule/SmsLoginForm.d.ts +25 -0
- package/dist/es/business/YkLoginModule/SmsLoginForm.js +178 -0
- package/dist/es/business/YkLoginModule/SmsLoginForm.js.map +7 -0
- package/dist/es/business/YkLoginModule/index.d.ts +48 -0
- package/dist/es/business/YkLoginModule/index.js +198 -0
- package/dist/es/business/YkLoginModule/index.js.map +7 -0
- package/dist/es/business/YkLoginModule/styles.module.less +169 -0
- package/dist/es/business/YkPorjectSelect/index.d.ts +1 -1
- package/dist/es/business/YkPorjectSelect/index.js +2 -2
- package/dist/es/business/YkPorjectSelect/index.js.map +2 -2
- package/dist/es/business/YkSqlEdit/code-mirror-custom.module.less +154 -0
- package/dist/es/business/YkSqlEdit/index.d.ts +20 -0
- package/dist/es/business/YkSqlEdit/index.js +180 -0
- package/dist/es/business/YkSqlEdit/index.js.map +7 -0
- package/dist/es/business/YkSqlEdit/sql-language.d.ts +11 -0
- package/dist/es/business/YkSqlEdit/sql-language.js +1460 -0
- package/dist/es/business/YkSqlEdit/sql-language.js.map +7 -0
- package/dist/es/components/DebounceInput/index.js.map +2 -2
- package/dist/es/components/MultipleSelect/index.d.ts +14 -0
- package/dist/es/components/MultipleSelect/index.js +1 -1
- package/dist/es/components/MultipleSelect/index.js.map +2 -2
- package/dist/es/components/RefreshButton/index.js.map +2 -2
- package/dist/es/components/SearchWithHistory/index.js +1 -1
- package/dist/es/components/SearchWithHistory/index.js.map +2 -2
- package/dist/es/components/TextWithToolTip/index.d.ts +1 -1
- package/dist/es/components/TextWithToolTip/index.js.map +2 -2
- package/dist/es/components/TreeTransfer/components/TreeTransferPanel/index.d.ts +1 -24
- package/dist/es/components/TreeTransfer/components/TreeTransferPanel/index.js +2 -2
- package/dist/es/components/TreeTransfer/components/TreeTransferPanel/index.js.map +2 -2
- package/dist/es/components/TreeTransfer/index.d.ts +1 -24
- package/dist/es/components/TreeTransfer/index.js +8 -8
- package/dist/es/components/TreeTransfer/index.js.map +2 -2
- package/dist/es/components/TreeTransfer/utils/index.d.ts +1 -1
- package/dist/es/components/TreeTransfer/utils/index.js.map +2 -2
- package/dist/es/components/YkDateRangePicker/index.d.ts +1 -1
- package/dist/es/components/YkDateRangePicker/index.js +1 -1
- package/dist/es/components/YkDateRangePicker/index.js.map +2 -2
- package/dist/es/components/YkDateRangePicker/index.module.less +2 -1
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.d.ts +1 -1
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.js +3 -2
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.js.map +2 -2
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSRange.d.ts +1 -1
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSRange.js +60 -9
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSRange.js.map +3 -3
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.d.ts +1 -1
- package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.js.map +2 -2
- package/dist/es/components/YkRangeDateWithVS/index.d.ts +4 -4
- package/dist/es/components/YkRangeDateWithVS/index.js +2 -3
- package/dist/es/components/YkRangeDateWithVS/index.js.map +2 -2
- package/dist/es/components/YkRangeDateWithVS/index.module.less +23 -4
- package/dist/es/components/YkRangeTimeWithRecent/index.d.ts +1 -18
- package/dist/es/components/YkRangeTimeWithRecent/index.js +27 -7
- package/dist/es/components/YkRangeTimeWithRecent/index.js.map +2 -2
- package/dist/es/creative/ArcCheckbox/index.d.ts +12 -0
- package/dist/es/creative/ArcCheckbox/index.js +49 -0
- package/dist/es/creative/ArcCheckbox/index.js.map +7 -0
- package/dist/es/creative/ArcCheckbox/index.module.less +102 -0
- package/dist/es/creative/ButtonRadioWithInfo/index.js.map +1 -1
- package/dist/es/creative/ButtonWithProgress/index.d.ts +1 -1
- package/dist/es/creative/ButtonWithProgress/index.js.map +2 -2
- package/dist/es/creative/GlassSegmentedRadio/index.d.ts +24 -0
- package/dist/es/creative/GlassSegmentedRadio/index.js +75 -0
- package/dist/es/creative/GlassSegmentedRadio/index.js.map +7 -0
- package/dist/es/creative/GlassSegmentedRadio/index.module.less +241 -0
- package/dist/es/index.d.ts +32 -26
- package/dist/es/index.js +90 -82
- package/dist/es/index.js.map +2 -2
- package/dist/es/index.less +5 -1
- package/dist/es/layout/FlexGrid/index.d.ts +1 -1
- package/dist/es/layout/FlexGrid/index.js.map +2 -2
- package/dist/es/layout/YkContainer/index.js.map +1 -1
- package/dist/es/layout/YkDrawer/index.d.ts +1 -1
- package/dist/es/layout/YkDrawer/index.js +2 -1
- package/dist/es/layout/YkDrawer/index.js.map +2 -2
- package/dist/es/ui/LabelSelect/demo.js +1 -1
- package/dist/es/ui/LabelSelect/demo.js.map +2 -2
- package/dist/es/ui/LabelSelect/index.d.ts +1 -1
- package/dist/es/ui/LabelSelect/index.js +1 -1
- package/dist/es/ui/LabelSelect/index.js.map +2 -2
- package/dist/es/ui/LogicOperator/index.d.ts +1 -1
- package/dist/es/ui/LogicOperator/index.js.map +2 -2
- package/dist/es/ui/YkButton/index.d.ts +1 -1
- package/dist/es/ui/YkButton/index.js.map +2 -2
- package/dist/es/ui/YkCard/index.d.ts +1 -1
- package/dist/es/ui/YkCard/index.js +1 -1
- package/dist/es/ui/YkCard/index.js.map +2 -2
- package/dist/es/ui/YkCheckbox/index.d.ts +1 -1
- package/dist/es/ui/YkCheckbox/index.js.map +2 -2
- package/dist/es/ui/YkDescriptions/index.d.ts +1 -1
- package/dist/es/ui/YkDescriptions/index.js.map +2 -2
- package/dist/es/ui/YkPagination/index.d.ts +1 -1
- package/dist/es/ui/YkPagination/index.js.map +2 -2
- package/dist/es/ui/YkRadio/index.d.ts +1 -1
- package/dist/es/ui/YkRadio/index.js.map +2 -2
- package/dist/es/ui/YkSegmented/index.d.ts +1 -1
- package/dist/es/ui/YkSegmented/index.js.map +2 -2
- package/dist/es/ui/YkSelect/index.d.ts +1 -1
- package/dist/es/ui/YkSelect/index.js.map +2 -2
- package/dist/es/ui/YkSpin/index.d.ts +1 -1
- package/dist/es/ui/YkSpin/index.js.map +2 -2
- package/dist/es/ui/YkStatistic/index.d.ts +1 -1
- package/dist/es/ui/YkStatistic/index.js.map +2 -2
- package/dist/es/ui/YkSwitch/index.d.ts +1 -1
- package/dist/es/ui/YkSwitch/index.js.map +2 -2
- package/dist/es/ui/YkTabs/index.d.ts +1 -1
- package/dist/es/ui/YkTabs/index.js.map +2 -2
- package/dist/es/ui/YkTooltip/index.d.ts +1 -1
- package/dist/es/ui/YkTooltip/index.js.map +2 -2
- package/dist/es/utils/styleUtils.js.map +2 -2
- package/dist/es/utils/ykStorybookDoc.js +1 -1
- package/dist/es/utils/ykStorybookDoc.js.map +1 -1
- package/dist/lib/business/AiChat/index.js.map +1 -1
- package/dist/lib/business/AiChat/intentRecognizer.js.map +1 -1
- package/dist/lib/business/AiChat/navigationManager.js +6 -6
- package/dist/lib/business/AiChat/navigationManager.js.map +2 -2
- package/dist/lib/business/DrawerPageInfo/index.js +1 -1
- package/dist/lib/business/DrawerPageInfo/index.js.map +2 -2
- package/dist/lib/business/Editor/index.d.ts +1 -1
- package/dist/lib/business/Editor/index.js.map +2 -2
- package/dist/lib/business/Empty/index.js +1 -1
- package/dist/lib/business/Empty/index.js.map +1 -1
- package/dist/lib/business/ModCommonFilter/components/PopoverContent/Category.js +3 -3
- package/dist/lib/business/ModCommonFilter/components/PopoverContent/Category.js.map +2 -2
- package/dist/lib/business/ModCommonFilter/components/PopoverContent/Content.js +4 -4
- package/dist/lib/business/ModCommonFilter/components/PopoverContent/Content.js.map +2 -2
- package/dist/lib/business/ModCommonFilter/components/PopoverContent/Selected.js +3 -3
- package/dist/lib/business/ModCommonFilter/components/PopoverContent/Selected.js.map +2 -2
- package/dist/lib/business/ModCommonFilter/index.d.ts +1 -1
- package/dist/lib/business/ModCommonFilter/index.js.map +2 -2
- package/dist/lib/business/YkLoginModule/SmsLoginForm.d.ts +25 -0
- package/dist/lib/business/YkLoginModule/SmsLoginForm.js +171 -0
- package/dist/lib/business/YkLoginModule/SmsLoginForm.js.map +7 -0
- package/dist/lib/business/YkLoginModule/index.d.ts +48 -0
- package/dist/lib/business/YkLoginModule/index.js +206 -0
- package/dist/lib/business/YkLoginModule/index.js.map +7 -0
- package/dist/lib/business/YkLoginModule/styles.module.less +169 -0
- package/dist/lib/business/YkPorjectSelect/index.d.ts +1 -1
- package/dist/lib/business/YkPorjectSelect/index.js +3 -3
- package/dist/lib/business/YkPorjectSelect/index.js.map +2 -2
- package/dist/lib/business/YkSqlEdit/code-mirror-custom.module.less +154 -0
- package/dist/lib/business/YkSqlEdit/index.d.ts +20 -0
- package/dist/lib/business/YkSqlEdit/index.js +202 -0
- package/dist/lib/business/YkSqlEdit/index.js.map +7 -0
- package/dist/lib/business/YkSqlEdit/sql-language.d.ts +11 -0
- package/dist/lib/business/YkSqlEdit/sql-language.js +1493 -0
- package/dist/lib/business/YkSqlEdit/sql-language.js.map +7 -0
- package/dist/lib/components/DebounceInput/index.js.map +2 -2
- package/dist/lib/components/MultipleSelect/index.d.ts +14 -0
- package/dist/lib/components/MultipleSelect/index.js +1 -1
- package/dist/lib/components/MultipleSelect/index.js.map +2 -2
- package/dist/lib/components/RefreshButton/index.js.map +2 -2
- package/dist/lib/components/SearchWithHistory/index.js +1 -1
- package/dist/lib/components/SearchWithHistory/index.js.map +2 -2
- package/dist/lib/components/TextWithToolTip/index.d.ts +1 -1
- package/dist/lib/components/TextWithToolTip/index.js.map +2 -2
- package/dist/lib/components/TreeTransfer/components/TreeTransferPanel/index.d.ts +1 -24
- package/dist/lib/components/TreeTransfer/components/TreeTransferPanel/index.js +2 -2
- package/dist/lib/components/TreeTransfer/components/TreeTransferPanel/index.js.map +2 -2
- package/dist/lib/components/TreeTransfer/index.d.ts +1 -24
- package/dist/lib/components/TreeTransfer/index.js +3 -3
- package/dist/lib/components/TreeTransfer/index.js.map +2 -2
- package/dist/lib/components/TreeTransfer/utils/index.d.ts +1 -1
- package/dist/lib/components/TreeTransfer/utils/index.js.map +2 -2
- package/dist/lib/components/YkDateRangePicker/index.d.ts +1 -1
- package/dist/lib/components/YkDateRangePicker/index.js +1 -1
- package/dist/lib/components/YkDateRangePicker/index.js.map +2 -2
- package/dist/lib/components/YkDateRangePicker/index.module.less +2 -1
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.d.ts +1 -1
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.js +3 -2
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.js.map +2 -2
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSRange.d.ts +1 -1
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSRange.js +59 -8
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSRange.js.map +3 -3
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.d.ts +1 -1
- package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.js.map +2 -2
- package/dist/lib/components/YkRangeDateWithVS/index.d.ts +4 -4
- package/dist/lib/components/YkRangeDateWithVS/index.js +4 -5
- package/dist/lib/components/YkRangeDateWithVS/index.js.map +3 -3
- package/dist/lib/components/YkRangeDateWithVS/index.module.less +23 -4
- package/dist/lib/components/YkRangeTimeWithRecent/index.d.ts +1 -18
- package/dist/lib/components/YkRangeTimeWithRecent/index.js +27 -7
- package/dist/lib/components/YkRangeTimeWithRecent/index.js.map +2 -2
- package/dist/lib/creative/ArcCheckbox/index.d.ts +12 -0
- package/dist/lib/creative/ArcCheckbox/index.js +50 -0
- package/dist/lib/creative/ArcCheckbox/index.js.map +7 -0
- package/dist/lib/creative/ArcCheckbox/index.module.less +102 -0
- package/dist/lib/creative/ButtonRadioWithInfo/index.js.map +1 -1
- package/dist/lib/creative/ButtonWithProgress/index.d.ts +1 -1
- package/dist/lib/creative/ButtonWithProgress/index.js.map +2 -2
- package/dist/lib/creative/GlassSegmentedRadio/index.d.ts +24 -0
- package/dist/lib/creative/GlassSegmentedRadio/index.js +78 -0
- package/dist/lib/creative/GlassSegmentedRadio/index.js.map +7 -0
- package/dist/lib/creative/GlassSegmentedRadio/index.module.less +241 -0
- package/dist/lib/index.d.ts +32 -26
- package/dist/lib/index.js +37 -25
- package/dist/lib/index.js.map +2 -2
- package/dist/lib/index.less +5 -1
- package/dist/lib/layout/FlexGrid/index.d.ts +1 -1
- package/dist/lib/layout/FlexGrid/index.js.map +2 -2
- package/dist/lib/layout/YkContainer/index.js.map +1 -1
- package/dist/lib/layout/YkDrawer/index.d.ts +1 -1
- package/dist/lib/layout/YkDrawer/index.js +2 -1
- package/dist/lib/layout/YkDrawer/index.js.map +2 -2
- package/dist/lib/ui/LabelSelect/demo.js +1 -1
- package/dist/lib/ui/LabelSelect/demo.js.map +2 -2
- package/dist/lib/ui/LabelSelect/index.d.ts +1 -1
- package/dist/lib/ui/LabelSelect/index.js +1 -1
- package/dist/lib/ui/LabelSelect/index.js.map +2 -2
- package/dist/lib/ui/LogicOperator/index.d.ts +1 -1
- package/dist/lib/ui/LogicOperator/index.js.map +2 -2
- package/dist/lib/ui/YkButton/index.d.ts +1 -1
- package/dist/lib/ui/YkButton/index.js.map +2 -2
- package/dist/lib/ui/YkCard/index.d.ts +1 -1
- package/dist/lib/ui/YkCard/index.js.map +2 -2
- package/dist/lib/ui/YkCheckbox/index.d.ts +1 -1
- package/dist/lib/ui/YkCheckbox/index.js.map +2 -2
- package/dist/lib/ui/YkDescriptions/index.d.ts +1 -1
- package/dist/lib/ui/YkDescriptions/index.js.map +2 -2
- package/dist/lib/ui/YkPagination/index.d.ts +1 -1
- package/dist/lib/ui/YkPagination/index.js.map +2 -2
- package/dist/lib/ui/YkRadio/index.d.ts +1 -1
- package/dist/lib/ui/YkRadio/index.js.map +2 -2
- package/dist/lib/ui/YkSegmented/index.d.ts +1 -1
- package/dist/lib/ui/YkSegmented/index.js.map +2 -2
- package/dist/lib/ui/YkSelect/index.d.ts +1 -1
- package/dist/lib/ui/YkSelect/index.js.map +2 -2
- package/dist/lib/ui/YkSpin/index.d.ts +1 -1
- package/dist/lib/ui/YkSpin/index.js.map +2 -2
- package/dist/lib/ui/YkStatistic/index.d.ts +1 -1
- package/dist/lib/ui/YkStatistic/index.js.map +2 -2
- package/dist/lib/ui/YkSwitch/index.d.ts +1 -1
- package/dist/lib/ui/YkSwitch/index.js.map +2 -2
- package/dist/lib/ui/YkTabs/index.d.ts +1 -1
- package/dist/lib/ui/YkTabs/index.js.map +2 -2
- package/dist/lib/ui/YkTooltip/index.d.ts +1 -1
- package/dist/lib/ui/YkTooltip/index.js.map +2 -2
- package/dist/lib/utils/styleUtils.js.map +2 -2
- package/dist/lib/utils/ykStorybookDoc.js +1 -1
- package/dist/lib/utils/ykStorybookDoc.js.map +1 -1
- package/package.json +43 -45
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/creative/GlassSegmentedRadio/index.tsx
|
|
30
|
+
var GlassSegmentedRadio_exports = {};
|
|
31
|
+
__export(GlassSegmentedRadio_exports, {
|
|
32
|
+
GlassSegmentedRadio: () => GlassSegmentedRadio,
|
|
33
|
+
default: () => GlassSegmentedRadio_default
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(GlassSegmentedRadio_exports);
|
|
36
|
+
var import_classnames = __toESM(require("classnames"));
|
|
37
|
+
var import_react = __toESM(require("react"));
|
|
38
|
+
var import_index_module = __toESM(require("./index.module.less"));
|
|
39
|
+
var GlassSegmentedRadio = (0, import_react.forwardRef)(function GlassSegmentedRadio2({ options, value, onChange, className, goldShell, disabled, style, ...rest }, ref) {
|
|
40
|
+
const uid = (0, import_react.useId)().replace(/:/g, "");
|
|
41
|
+
const name = (0, import_react.useMemo)(() => `glass-seg-${uid}`, [uid]);
|
|
42
|
+
const count = Math.max(1, options.length);
|
|
43
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
44
|
+
"div",
|
|
45
|
+
{
|
|
46
|
+
ref,
|
|
47
|
+
className: (0, import_classnames.default)(import_index_module.default.root, goldShell && import_index_module.default.rootAdGold, disabled && import_index_module.default.rootDisabled, className),
|
|
48
|
+
style: {
|
|
49
|
+
...style,
|
|
50
|
+
["--segment-count"]: String(count)
|
|
51
|
+
},
|
|
52
|
+
role: "radiogroup",
|
|
53
|
+
"aria-disabled": disabled || void 0,
|
|
54
|
+
...rest
|
|
55
|
+
},
|
|
56
|
+
options.map((opt, i) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: opt.value }, /* @__PURE__ */ import_react.default.createElement(
|
|
57
|
+
"input",
|
|
58
|
+
{
|
|
59
|
+
type: "radio",
|
|
60
|
+
className: import_index_module.default.input,
|
|
61
|
+
name,
|
|
62
|
+
id: `${name}-${i}`,
|
|
63
|
+
value: opt.value,
|
|
64
|
+
checked: value === opt.value,
|
|
65
|
+
disabled,
|
|
66
|
+
onChange: () => onChange(opt.value)
|
|
67
|
+
}
|
|
68
|
+
), /* @__PURE__ */ import_react.default.createElement("label", { className: import_index_module.default.label, htmlFor: `${name}-${i}` }, opt.label))),
|
|
69
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.glider, "aria-hidden": true })
|
|
70
|
+
);
|
|
71
|
+
});
|
|
72
|
+
GlassSegmentedRadio.displayName = "GlassSegmentedRadio";
|
|
73
|
+
var GlassSegmentedRadio_default = GlassSegmentedRadio;
|
|
74
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
75
|
+
0 && (module.exports = {
|
|
76
|
+
GlassSegmentedRadio
|
|
77
|
+
});
|
|
78
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/creative/GlassSegmentedRadio/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import classNames from 'classnames';\nimport React, { forwardRef, useId, useMemo } from 'react';\nimport styles from './index.module.less';\n\nexport type GlassSegmentOption = {\n value: string;\n label: React.ReactNode;\n};\n\nexport type GlassSegmentedRadioProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'role' | 'children'> & {\n options: GlassSegmentOption[];\n value: string;\n onChange: (value: string) => void;\n goldShell?: boolean;\n disabled?: boolean;\n};\n\n/**\n * 毛玻璃分段单选:滑块随选中项平移,每一档对应独立渐变配色(银/金/铂等);容器在 `html[data-theme=\"light\"]` 下为浅色毛玻璃。\n * 请为分组设置 `aria-label` 或 `aria-labelledby` 以便读屏识别。\n */\nexport const GlassSegmentedRadio = forwardRef<HTMLDivElement, GlassSegmentedRadioProps>(function GlassSegmentedRadio(\n { options, value, onChange, className, goldShell, disabled, style, ...rest },\n ref,\n) {\n const uid = useId().replace(/:/g, '');\n const name = useMemo(() => `glass-seg-${uid}`, [uid]);\n const count = Math.max(1, options.length);\n\n return (\n <div\n ref={ref}\n className={classNames(styles.root, goldShell && styles.rootAdGold, disabled && styles.rootDisabled, className)}\n style={\n {\n ...style,\n ['--segment-count' as string]: String(count),\n } as React.CSSProperties\n }\n role='radiogroup'\n aria-disabled={disabled || undefined}\n {...rest}\n >\n {options.map((opt, i) => (\n <React.Fragment key={opt.value}>\n <input\n type='radio'\n className={styles.input}\n name={name}\n id={`${name}-${i}`}\n value={opt.value}\n checked={value === opt.value}\n disabled={disabled}\n onChange={() => onChange(opt.value)}\n />\n <label className={styles.label} htmlFor={`${name}-${i}`}>\n {opt.label}\n </label>\n </React.Fragment>\n ))}\n <div className={styles.glider} aria-hidden />\n </div>\n );\n});\n\nGlassSegmentedRadio.displayName = 'GlassSegmentedRadio';\n\nexport default GlassSegmentedRadio;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAAkD;AAClD,0BAAmB;AAmBZ,IAAM,0BAAsB,yBAAqD,SAASA,qBAC/F,EAAE,SAAS,OAAO,UAAU,WAAW,WAAW,UAAU,OAAO,GAAG,KAAK,GAC3E,KACA;AACA,QAAM,UAAM,oBAAM,EAAE,QAAQ,MAAM,EAAE;AACpC,QAAM,WAAO,sBAAQ,MAAM,aAAa,OAAO,CAAC,GAAG,CAAC;AACpD,QAAM,QAAQ,KAAK,IAAI,GAAG,QAAQ,MAAM;AAExC,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,kBAAAC,SAAW,oBAAAC,QAAO,MAAM,aAAa,oBAAAA,QAAO,YAAY,YAAY,oBAAAA,QAAO,cAAc,SAAS;AAAA,MAC7G,OACE;AAAA,QACE,GAAG;AAAA,QACH,CAAC,iBAA2B,GAAG,OAAO,KAAK;AAAA,MAC7C;AAAA,MAEF,MAAK;AAAA,MACL,iBAAe,YAAY;AAAA,MAC1B,GAAG;AAAA;AAAA,IAEH,QAAQ,IAAI,CAAC,KAAK,MACjB,6BAAAF,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,KAAK,IAAI,SACvB,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,oBAAAE,QAAO;AAAA,QAClB;AAAA,QACA,IAAI,GAAG,QAAQ;AAAA,QACf,OAAO,IAAI;AAAA,QACX,SAAS,UAAU,IAAI;AAAA,QACvB;AAAA,QACA,UAAU,MAAM,SAAS,IAAI,KAAK;AAAA;AAAA,IACpC,GACA,6BAAAF,QAAA,cAAC,WAAM,WAAW,oBAAAE,QAAO,OAAO,SAAS,GAAG,QAAQ,OACjD,IAAI,KACP,CACF,CACD;AAAA,IACD,6BAAAF,QAAA,cAAC,SAAI,WAAW,oBAAAE,QAAO,QAAQ,eAAW,MAAC;AAAA,EAC7C;AAEJ,CAAC;AAED,oBAAoB,cAAc;AAElC,IAAO,8BAAQ;",
|
|
6
|
+
"names": ["GlassSegmentedRadio", "React", "classNames", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
/* 容器:参考 glass-radio-group 暗色毛玻璃;浅色主题单独覆盖 */
|
|
2
|
+
.root {
|
|
3
|
+
--segment-count: 2;
|
|
4
|
+
--glass-group-bg: rgba(255, 255, 255, 0.06);
|
|
5
|
+
--glass-group-text: #999;
|
|
6
|
+
--glass-group-text-hover: #666;
|
|
7
|
+
--glass-group-text-checked: #333;
|
|
8
|
+
--glass-group-border: rgba(255, 255, 255, 0.1);
|
|
9
|
+
|
|
10
|
+
display: flex;
|
|
11
|
+
position: relative;
|
|
12
|
+
width: fit-content;
|
|
13
|
+
max-width: 100%;
|
|
14
|
+
border-radius: 1rem;
|
|
15
|
+
backdrop-filter: blur(12px);
|
|
16
|
+
-webkit-backdrop-filter: blur(12px);
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
border: 1px solid var(--glass-group-border);
|
|
19
|
+
font-family: var(--font-sans, system-ui, sans-serif);
|
|
20
|
+
background: var(--glass-group-bg);
|
|
21
|
+
box-shadow:
|
|
22
|
+
inset 1px 1px 4px rgba(255, 255, 255, 0.2),
|
|
23
|
+
inset -1px -1px 6px rgba(0, 0, 0, 0.3),
|
|
24
|
+
0 4px 12px rgba(0, 0, 0, 0.15);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.rootDisabled {
|
|
28
|
+
opacity: 0.55;
|
|
29
|
+
pointer-events: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
:global(html[data-theme="light"]) .root {
|
|
33
|
+
--glass-group-bg: rgba(255, 255, 255, 0.78);
|
|
34
|
+
--glass-group-text: rgba(0, 0, 0, 0.55);
|
|
35
|
+
--glass-group-text-hover: rgba(0, 0, 0, 0.88);
|
|
36
|
+
--glass-group-text-checked: rgba(0, 0, 0, 0.92);
|
|
37
|
+
--glass-group-border: var(--ln-border-subtle, rgba(0, 0, 0, 0.12));
|
|
38
|
+
|
|
39
|
+
box-shadow:
|
|
40
|
+
inset 1px 1px 3px rgba(255, 255, 255, 0.95),
|
|
41
|
+
inset -1px -1px 4px rgba(0, 0, 0, 0.05),
|
|
42
|
+
0 2px 8px rgba(0, 0, 0, 0.06);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* 保留可聚焦与读屏,不用 display:none */
|
|
46
|
+
.input {
|
|
47
|
+
position: absolute;
|
|
48
|
+
opacity: 0;
|
|
49
|
+
width: 0;
|
|
50
|
+
height: 0;
|
|
51
|
+
margin: 0;
|
|
52
|
+
pointer-events: none;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.label {
|
|
56
|
+
flex: 1;
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
justify-content: center;
|
|
60
|
+
min-width: 80px;
|
|
61
|
+
font-size: 14px;
|
|
62
|
+
padding: 0.8rem 1.6rem;
|
|
63
|
+
cursor: pointer;
|
|
64
|
+
font-weight: 600;
|
|
65
|
+
letter-spacing: 0.3px;
|
|
66
|
+
color: var(--glass-group-text);
|
|
67
|
+
position: relative;
|
|
68
|
+
z-index: 2;
|
|
69
|
+
transition: color 0.3s ease-in-out;
|
|
70
|
+
user-select: none;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.label:hover {
|
|
74
|
+
color: var(--glass-group-text-hover);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.input:checked + .label {
|
|
78
|
+
color: var(--glass-group-text-checked);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.input:focus-visible + .label {
|
|
82
|
+
outline: 2px solid var(--ln-focus-ring, #1677ff);
|
|
83
|
+
outline-offset: 2px;
|
|
84
|
+
border-radius: 6px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/* 滑块:宽度随段数变化;位移与配色由「第 n 个 input 选中」决定(translateX 百分比相对滑块自身宽度) */
|
|
88
|
+
.glider {
|
|
89
|
+
position: absolute;
|
|
90
|
+
top: 0;
|
|
91
|
+
bottom: 0;
|
|
92
|
+
left: 0;
|
|
93
|
+
width: calc(100% / var(--segment-count));
|
|
94
|
+
border-radius: 1rem;
|
|
95
|
+
z-index: 1;
|
|
96
|
+
pointer-events: none;
|
|
97
|
+
transform: translate3d(0%, 0, 0);
|
|
98
|
+
transition:
|
|
99
|
+
transform 0.5s cubic-bezier(0.37, 1.95, 0.66, 0.56),
|
|
100
|
+
background 0.4s ease-in-out,
|
|
101
|
+
box-shadow 0.4s ease-in-out;
|
|
102
|
+
background: linear-gradient(135deg, #c0c0c055, #e0e0e0);
|
|
103
|
+
box-shadow:
|
|
104
|
+
0 0 18px rgba(192, 192, 192, 0.5),
|
|
105
|
+
0 0 10px rgba(255, 255, 255, 0.4) inset;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/* 1 Silver */
|
|
109
|
+
.input:nth-of-type(1):checked ~ .glider {
|
|
110
|
+
transform: translate3d(0%, 0, 0);
|
|
111
|
+
background: linear-gradient(135deg, #c0c0c055, #e0e0e0);
|
|
112
|
+
box-shadow:
|
|
113
|
+
0 0 18px rgba(192, 192, 192, 0.5),
|
|
114
|
+
0 0 10px rgba(255, 255, 255, 0.4) inset;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/* 2 Gold */
|
|
118
|
+
.input:nth-of-type(2):checked ~ .glider {
|
|
119
|
+
transform: translate3d(100%, 0, 0);
|
|
120
|
+
background: linear-gradient(135deg, #ffd70055, #ffcc00);
|
|
121
|
+
box-shadow:
|
|
122
|
+
0 0 18px rgba(255, 215, 0, 0.5),
|
|
123
|
+
0 0 10px rgba(255, 235, 150, 0.4) inset;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/* 3 Platinum */
|
|
127
|
+
.input:nth-of-type(3):checked ~ .glider {
|
|
128
|
+
transform: translate3d(200%, 0, 0);
|
|
129
|
+
background: linear-gradient(135deg, #d0e7ff55, #a0d8ff);
|
|
130
|
+
box-shadow:
|
|
131
|
+
0 0 18px rgba(160, 216, 255, 0.5),
|
|
132
|
+
0 0 10px rgba(200, 240, 255, 0.4) inset;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* 4 Rose */
|
|
136
|
+
.input:nth-of-type(4):checked ~ .glider {
|
|
137
|
+
transform: translate3d(300%, 0, 0);
|
|
138
|
+
background: linear-gradient(135deg, #ffb6c155, #ff7eb3);
|
|
139
|
+
box-shadow:
|
|
140
|
+
0 0 18px rgba(255, 150, 180, 0.45),
|
|
141
|
+
0 0 10px rgba(255, 220, 235, 0.35) inset;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* 5 Emerald */
|
|
145
|
+
.input:nth-of-type(5):checked ~ .glider {
|
|
146
|
+
transform: translate3d(400%, 0, 0);
|
|
147
|
+
background: linear-gradient(135deg, #98fb9855, #3cb371);
|
|
148
|
+
box-shadow:
|
|
149
|
+
0 0 18px rgba(80, 200, 120, 0.45),
|
|
150
|
+
0 0 10px rgba(200, 255, 220, 0.35) inset;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
/* 6 Violet */
|
|
154
|
+
.input:nth-of-type(6):checked ~ .glider {
|
|
155
|
+
transform: translate3d(500%, 0, 0);
|
|
156
|
+
background: linear-gradient(135deg, #e6e6fa55, #b388ff);
|
|
157
|
+
box-shadow:
|
|
158
|
+
0 0 18px rgba(179, 136, 255, 0.5),
|
|
159
|
+
0 0 10px rgba(230, 220, 255, 0.4) inset;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/* 7 Amber */
|
|
163
|
+
.input:nth-of-type(7):checked ~ .glider {
|
|
164
|
+
transform: translate3d(600%, 0, 0);
|
|
165
|
+
background: linear-gradient(135deg, #ffcc8055, #ff9933);
|
|
166
|
+
box-shadow:
|
|
167
|
+
0 0 18px rgba(255, 160, 80, 0.45),
|
|
168
|
+
0 0 10px rgba(255, 230, 200, 0.35) inset;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/* 8 Cyan */
|
|
172
|
+
.input:nth-of-type(8):checked ~ .glider {
|
|
173
|
+
transform: translate3d(700%, 0, 0);
|
|
174
|
+
background: linear-gradient(135deg, #80ffff55, #20b2aa);
|
|
175
|
+
box-shadow:
|
|
176
|
+
0 0 18px rgba(64, 200, 190, 0.45),
|
|
177
|
+
0 0 10px rgba(200, 255, 252, 0.35) inset;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/* 9+:与前几档区分,超出 8 项时仍可辨色 */
|
|
181
|
+
.input:nth-of-type(9):checked ~ .glider {
|
|
182
|
+
transform: translate3d(800%, 0, 0);
|
|
183
|
+
background: linear-gradient(135deg, #daa52055, #cd853f);
|
|
184
|
+
box-shadow:
|
|
185
|
+
0 0 18px rgba(205, 133, 63, 0.45),
|
|
186
|
+
0 0 10px rgba(255, 230, 200, 0.35) inset;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.input:nth-of-type(10):checked ~ .glider {
|
|
190
|
+
transform: translate3d(900%, 0, 0);
|
|
191
|
+
background: linear-gradient(135deg, #b0c4de55, #778899);
|
|
192
|
+
box-shadow:
|
|
193
|
+
0 0 18px rgba(119, 136, 153, 0.45),
|
|
194
|
+
0 0 10px rgba(220, 230, 240, 0.35) inset;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
/* 11–12:再两档区分色;更多分段需再扩展或接受与第 1 档同视觉未匹配(应极少见) */
|
|
198
|
+
.input:nth-of-type(11):checked ~ .glider {
|
|
199
|
+
transform: translate3d(1000%, 0, 0);
|
|
200
|
+
background: linear-gradient(135deg, #f5deb355, #daa520);
|
|
201
|
+
box-shadow:
|
|
202
|
+
0 0 18px rgba(218, 165, 32, 0.45),
|
|
203
|
+
0 0 10px rgba(255, 245, 220, 0.35) inset;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.input:nth-of-type(12):checked ~ .glider {
|
|
207
|
+
transform: translate3d(1100%, 0, 0);
|
|
208
|
+
background: linear-gradient(135deg, #dda0dd55, #9370db);
|
|
209
|
+
box-shadow:
|
|
210
|
+
0 0 18px rgba(147, 112, 219, 0.45),
|
|
211
|
+
0 0 10px rgba(240, 230, 255, 0.35) inset;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
/* 广告模式:只强化外框与底,不覆盖分段滑块配色(默认与暗色根一致) */
|
|
215
|
+
.rootAdGold {
|
|
216
|
+
background: linear-gradient(
|
|
217
|
+
165deg,
|
|
218
|
+
rgba(201, 162, 39, 0.12) 0%,
|
|
219
|
+
rgba(255, 255, 255, 0.05) 50%,
|
|
220
|
+
rgba(230, 195, 92, 0.08) 100%
|
|
221
|
+
);
|
|
222
|
+
border-color: rgba(230, 195, 92, 0.25);
|
|
223
|
+
box-shadow:
|
|
224
|
+
inset 1px 1px 4px rgba(255, 255, 255, 0.1),
|
|
225
|
+
inset -1px -1px 6px rgba(0, 0, 0, 0.35),
|
|
226
|
+
0 4px 16px rgba(201, 162, 39, 0.15);
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
:global(html[data-theme="light"]) .rootAdGold {
|
|
230
|
+
background: linear-gradient(
|
|
231
|
+
165deg,
|
|
232
|
+
rgba(255, 248, 220, 0.55) 0%,
|
|
233
|
+
rgba(255, 255, 255, 0.82) 45%,
|
|
234
|
+
rgba(255, 252, 235, 0.75) 100%
|
|
235
|
+
);
|
|
236
|
+
border-color: rgba(201, 162, 39, 0.35);
|
|
237
|
+
box-shadow:
|
|
238
|
+
inset 1px 1px 3px rgba(255, 255, 255, 0.95),
|
|
239
|
+
inset -1px -1px 4px rgba(201, 162, 39, 0.08),
|
|
240
|
+
0 2px 10px rgba(201, 162, 39, 0.12);
|
|
241
|
+
}
|
package/dist/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,36 @@
|
|
|
1
1
|
import 'antd/dist/reset.css';
|
|
2
|
+
export { default as AiChat } from './business/AiChat';
|
|
3
|
+
export { default as DrawerPageInfo } from './business/DrawerPageInfo';
|
|
4
|
+
export { default as Editor } from './business/Editor';
|
|
5
|
+
export { default as Empty } from './business/Empty';
|
|
6
|
+
export { default as ModCommonFilter } from './business/ModCommonFilter';
|
|
7
|
+
export { default as YkLoginModule } from './business/YkLoginModule';
|
|
8
|
+
export { default as YkPorjectSelect } from './business/YkPorjectSelect';
|
|
9
|
+
export { default as YkSqlEdit } from './business/YkSqlEdit';
|
|
10
|
+
export { default as Clock } from './components/Clock';
|
|
11
|
+
export { default as DebounceInput } from './components/DebounceInput';
|
|
12
|
+
export { default as MultipleSelect } from './components/MultipleSelect';
|
|
13
|
+
export { default as NumericInput } from './components/NumericInput';
|
|
14
|
+
export { default as RefreshButton } from './components/RefreshButton';
|
|
15
|
+
export { default as SearchWithHistory } from './components/SearchWithHistory';
|
|
16
|
+
export { default as TextWithInput } from './components/TextWithInput';
|
|
17
|
+
export { default as TextWithToolTip } from './components/TextWithToolTip';
|
|
18
|
+
export { default as TreeTransfer } from './components/TreeTransfer';
|
|
19
|
+
export type { DateRangeValue, YkDateRangePickerProps, YkDateRangePickerRef, } from './components/YkDateRangePicker';
|
|
20
|
+
export { default as YkDateRangePicker } from './components/YkDateRangePicker';
|
|
21
|
+
export { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';
|
|
22
|
+
export { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';
|
|
23
|
+
export type { ArcCheckboxProps } from './creative/ArcCheckbox';
|
|
24
|
+
export { default as ArcCheckbox } from './creative/ArcCheckbox';
|
|
25
|
+
export { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';
|
|
26
|
+
export { default as ButtonWithProgress } from './creative/ButtonWithProgress';
|
|
27
|
+
export type { GlassSegmentedRadioProps, GlassSegmentOption, } from './creative/GlassSegmentedRadio';
|
|
28
|
+
export { default as GlassSegmentedRadio } from './creative/GlassSegmentedRadio';
|
|
29
|
+
export { default as FlexGrid } from './layout/FlexGrid';
|
|
30
|
+
export { default as YkContainer } from './layout/YkContainer';
|
|
31
|
+
export { default as YkDrawer } from './layout/YkDrawer';
|
|
32
|
+
export { default as InputTheme } from './Themes/InputTheme';
|
|
33
|
+
export { default as TableTheme } from './Themes/TableTheme';
|
|
2
34
|
export { default as LabelSelect } from './ui/LabelSelect';
|
|
3
35
|
export { default as LogicOperator } from './ui/LogicOperator';
|
|
4
36
|
export { default as YkButton } from './ui/YkButton';
|
|
@@ -15,29 +47,3 @@ export { default as YkStatistic } from './ui/YkStatistic';
|
|
|
15
47
|
export { default as YkSwitch } from './ui/YkSwitch';
|
|
16
48
|
export { default as YkTabs } from './ui/YkTabs';
|
|
17
49
|
export { default as YkTooltip } from './ui/YkTooltip';
|
|
18
|
-
export { default as DrawerPageInfo } from './business/DrawerPageInfo';
|
|
19
|
-
export { default as Editor } from './business/Editor';
|
|
20
|
-
export { default as Empty } from './business/Empty';
|
|
21
|
-
export { default as ModCommonFilter } from './business/ModCommonFilter';
|
|
22
|
-
export { default as YkPorjectSelect } from './business/YkPorjectSelect';
|
|
23
|
-
export { default as YkDateRangePicker } from './components/YkDateRangePicker';
|
|
24
|
-
export type { DateRangeValue, YkDateRangePickerProps, YkDateRangePickerRef } from './components/YkDateRangePicker';
|
|
25
|
-
export { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';
|
|
26
|
-
export { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';
|
|
27
|
-
export { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';
|
|
28
|
-
export { default as ButtonWithProgress } from './creative/ButtonWithProgress';
|
|
29
|
-
export { default as InputTheme } from './Themes/InputTheme';
|
|
30
|
-
export { default as TableTheme } from './Themes/TableTheme';
|
|
31
|
-
export { default as FlexGrid } from './layout/FlexGrid';
|
|
32
|
-
export { default as YkContainer } from './layout/YkContainer';
|
|
33
|
-
export { default as YkDrawer } from './layout/YkDrawer';
|
|
34
|
-
export { default as Clock } from './components/Clock';
|
|
35
|
-
export { default as DebounceInput } from './components/DebounceInput';
|
|
36
|
-
export { default as MultipleSelect } from './components/MultipleSelect';
|
|
37
|
-
export { default as NumericInput } from './components/NumericInput';
|
|
38
|
-
export { default as RefreshButton } from './components/RefreshButton';
|
|
39
|
-
export { default as SearchWithHistory } from './components/SearchWithHistory';
|
|
40
|
-
export { default as TextWithInput } from './components/TextWithInput';
|
|
41
|
-
export { default as TextWithToolTip } from './components/TextWithToolTip';
|
|
42
|
-
export { default as TreeTransfer } from './components/TreeTransfer';
|
|
43
|
-
export { default as AiChat } from './business/AiChat';
|
package/dist/lib/index.js
CHANGED
|
@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
30
30
|
var src_exports = {};
|
|
31
31
|
__export(src_exports, {
|
|
32
32
|
AiChat: () => import_AiChat.default,
|
|
33
|
+
ArcCheckbox: () => import_ArcCheckbox.default,
|
|
33
34
|
ButtonRadioWithInfo: () => import_ButtonRadioWithInfo.default,
|
|
34
35
|
ButtonWithProgress: () => import_ButtonWithProgress.default,
|
|
35
36
|
Clock: () => import_Clock.default,
|
|
@@ -38,6 +39,7 @@ __export(src_exports, {
|
|
|
38
39
|
Editor: () => import_Editor.default,
|
|
39
40
|
Empty: () => import_Empty.default,
|
|
40
41
|
FlexGrid: () => import_FlexGrid.default,
|
|
42
|
+
GlassSegmentedRadio: () => import_GlassSegmentedRadio.default,
|
|
41
43
|
InputTheme: () => import_InputTheme.default,
|
|
42
44
|
LabelSelect: () => import_LabelSelect.default,
|
|
43
45
|
LogicOperator: () => import_LogicOperator.default,
|
|
@@ -57,6 +59,7 @@ __export(src_exports, {
|
|
|
57
59
|
YkDateRangePicker: () => import_YkDateRangePicker.default,
|
|
58
60
|
YkDescriptions: () => import_YkDescriptions.default,
|
|
59
61
|
YkDrawer: () => import_YkDrawer.default,
|
|
62
|
+
YkLoginModule: () => import_YkLoginModule.default,
|
|
60
63
|
YkPagination: () => import_YkPagination.default,
|
|
61
64
|
YkPorjectSelect: () => import_YkPorjectSelect.default,
|
|
62
65
|
YkRadio: () => import_YkRadio.default,
|
|
@@ -66,6 +69,7 @@ __export(src_exports, {
|
|
|
66
69
|
YkSegmented: () => import_YkSegmented.default,
|
|
67
70
|
YkSelect: () => import_YkSelect.default,
|
|
68
71
|
YkSpin: () => import_YkSpin.default,
|
|
72
|
+
YkSqlEdit: () => import_YkSqlEdit.default,
|
|
69
73
|
YkStatistic: () => import_YkStatistic.default,
|
|
70
74
|
YkSwitch: () => import_YkSwitch.default,
|
|
71
75
|
YkTabs: () => import_YkTabs.default,
|
|
@@ -73,6 +77,35 @@ __export(src_exports, {
|
|
|
73
77
|
});
|
|
74
78
|
module.exports = __toCommonJS(src_exports);
|
|
75
79
|
var import_reset = require("antd/dist/reset.css");
|
|
80
|
+
var import_AiChat = __toESM(require("./business/AiChat"));
|
|
81
|
+
var import_DrawerPageInfo = __toESM(require("./business/DrawerPageInfo"));
|
|
82
|
+
var import_Editor = __toESM(require("./business/Editor"));
|
|
83
|
+
var import_Empty = __toESM(require("./business/Empty"));
|
|
84
|
+
var import_ModCommonFilter = __toESM(require("./business/ModCommonFilter"));
|
|
85
|
+
var import_YkLoginModule = __toESM(require("./business/YkLoginModule"));
|
|
86
|
+
var import_YkPorjectSelect = __toESM(require("./business/YkPorjectSelect"));
|
|
87
|
+
var import_YkSqlEdit = __toESM(require("./business/YkSqlEdit"));
|
|
88
|
+
var import_Clock = __toESM(require("./components/Clock"));
|
|
89
|
+
var import_DebounceInput = __toESM(require("./components/DebounceInput"));
|
|
90
|
+
var import_MultipleSelect = __toESM(require("./components/MultipleSelect"));
|
|
91
|
+
var import_NumericInput = __toESM(require("./components/NumericInput"));
|
|
92
|
+
var import_RefreshButton = __toESM(require("./components/RefreshButton"));
|
|
93
|
+
var import_SearchWithHistory = __toESM(require("./components/SearchWithHistory"));
|
|
94
|
+
var import_TextWithInput = __toESM(require("./components/TextWithInput"));
|
|
95
|
+
var import_TextWithToolTip = __toESM(require("./components/TextWithToolTip"));
|
|
96
|
+
var import_TreeTransfer = __toESM(require("./components/TreeTransfer"));
|
|
97
|
+
var import_YkDateRangePicker = __toESM(require("./components/YkDateRangePicker"));
|
|
98
|
+
var import_YkRangeDateWithVS = __toESM(require("./components/YkRangeDateWithVS"));
|
|
99
|
+
var import_YkRangeTimeWithRecent = __toESM(require("./components/YkRangeTimeWithRecent"));
|
|
100
|
+
var import_ArcCheckbox = __toESM(require("./creative/ArcCheckbox"));
|
|
101
|
+
var import_ButtonRadioWithInfo = __toESM(require("./creative/ButtonRadioWithInfo"));
|
|
102
|
+
var import_ButtonWithProgress = __toESM(require("./creative/ButtonWithProgress"));
|
|
103
|
+
var import_GlassSegmentedRadio = __toESM(require("./creative/GlassSegmentedRadio"));
|
|
104
|
+
var import_FlexGrid = __toESM(require("./layout/FlexGrid"));
|
|
105
|
+
var import_YkContainer = __toESM(require("./layout/YkContainer"));
|
|
106
|
+
var import_YkDrawer = __toESM(require("./layout/YkDrawer"));
|
|
107
|
+
var import_InputTheme = __toESM(require("./Themes/InputTheme"));
|
|
108
|
+
var import_TableTheme = __toESM(require("./Themes/TableTheme"));
|
|
76
109
|
var import_LabelSelect = __toESM(require("./ui/LabelSelect"));
|
|
77
110
|
var import_LogicOperator = __toESM(require("./ui/LogicOperator"));
|
|
78
111
|
var import_YkButton = __toESM(require("./ui/YkButton"));
|
|
@@ -89,34 +122,10 @@ var import_YkStatistic = __toESM(require("./ui/YkStatistic"));
|
|
|
89
122
|
var import_YkSwitch = __toESM(require("./ui/YkSwitch"));
|
|
90
123
|
var import_YkTabs = __toESM(require("./ui/YkTabs"));
|
|
91
124
|
var import_YkTooltip = __toESM(require("./ui/YkTooltip"));
|
|
92
|
-
var import_DrawerPageInfo = __toESM(require("./business/DrawerPageInfo"));
|
|
93
|
-
var import_Editor = __toESM(require("./business/Editor"));
|
|
94
|
-
var import_Empty = __toESM(require("./business/Empty"));
|
|
95
|
-
var import_ModCommonFilter = __toESM(require("./business/ModCommonFilter"));
|
|
96
|
-
var import_YkPorjectSelect = __toESM(require("./business/YkPorjectSelect"));
|
|
97
|
-
var import_YkDateRangePicker = __toESM(require("./components/YkDateRangePicker"));
|
|
98
|
-
var import_YkRangeDateWithVS = __toESM(require("./components/YkRangeDateWithVS"));
|
|
99
|
-
var import_YkRangeTimeWithRecent = __toESM(require("./components/YkRangeTimeWithRecent"));
|
|
100
|
-
var import_ButtonRadioWithInfo = __toESM(require("./creative/ButtonRadioWithInfo"));
|
|
101
|
-
var import_ButtonWithProgress = __toESM(require("./creative/ButtonWithProgress"));
|
|
102
|
-
var import_InputTheme = __toESM(require("./Themes/InputTheme"));
|
|
103
|
-
var import_TableTheme = __toESM(require("./Themes/TableTheme"));
|
|
104
|
-
var import_FlexGrid = __toESM(require("./layout/FlexGrid"));
|
|
105
|
-
var import_YkContainer = __toESM(require("./layout/YkContainer"));
|
|
106
|
-
var import_YkDrawer = __toESM(require("./layout/YkDrawer"));
|
|
107
|
-
var import_Clock = __toESM(require("./components/Clock"));
|
|
108
|
-
var import_DebounceInput = __toESM(require("./components/DebounceInput"));
|
|
109
|
-
var import_MultipleSelect = __toESM(require("./components/MultipleSelect"));
|
|
110
|
-
var import_NumericInput = __toESM(require("./components/NumericInput"));
|
|
111
|
-
var import_RefreshButton = __toESM(require("./components/RefreshButton"));
|
|
112
|
-
var import_SearchWithHistory = __toESM(require("./components/SearchWithHistory"));
|
|
113
|
-
var import_TextWithInput = __toESM(require("./components/TextWithInput"));
|
|
114
|
-
var import_TextWithToolTip = __toESM(require("./components/TextWithToolTip"));
|
|
115
|
-
var import_TreeTransfer = __toESM(require("./components/TreeTransfer"));
|
|
116
|
-
var import_AiChat = __toESM(require("./business/AiChat"));
|
|
117
125
|
// Annotate the CommonJS export names for ESM import in node:
|
|
118
126
|
0 && (module.exports = {
|
|
119
127
|
AiChat,
|
|
128
|
+
ArcCheckbox,
|
|
120
129
|
ButtonRadioWithInfo,
|
|
121
130
|
ButtonWithProgress,
|
|
122
131
|
Clock,
|
|
@@ -125,6 +134,7 @@ var import_AiChat = __toESM(require("./business/AiChat"));
|
|
|
125
134
|
Editor,
|
|
126
135
|
Empty,
|
|
127
136
|
FlexGrid,
|
|
137
|
+
GlassSegmentedRadio,
|
|
128
138
|
InputTheme,
|
|
129
139
|
LabelSelect,
|
|
130
140
|
LogicOperator,
|
|
@@ -144,6 +154,7 @@ var import_AiChat = __toESM(require("./business/AiChat"));
|
|
|
144
154
|
YkDateRangePicker,
|
|
145
155
|
YkDescriptions,
|
|
146
156
|
YkDrawer,
|
|
157
|
+
YkLoginModule,
|
|
147
158
|
YkPagination,
|
|
148
159
|
YkPorjectSelect,
|
|
149
160
|
YkRadio,
|
|
@@ -153,6 +164,7 @@ var import_AiChat = __toESM(require("./business/AiChat"));
|
|
|
153
164
|
YkSegmented,
|
|
154
165
|
YkSelect,
|
|
155
166
|
YkSpin,
|
|
167
|
+
YkSqlEdit,
|
|
156
168
|
YkStatistic,
|
|
157
169
|
YkSwitch,
|
|
158
170
|
YkTabs,
|
package/dist/lib/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["// Auto-inject Ant Design styles per project_specification_memory #6eafc28d\nimport 'antd/dist/reset.css';\n\n// Export
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAO;AAGP,
|
|
4
|
+
"sourcesContent": ["// Auto-inject Ant Design styles per project_specification_memory #6eafc28d\nimport 'antd/dist/reset.css';\n\n// Export business components\nexport { default as AiChat } from './business/AiChat';\nexport { default as DrawerPageInfo } from './business/DrawerPageInfo';\nexport { default as Editor } from './business/Editor';\nexport { default as Empty } from './business/Empty';\nexport { default as ModCommonFilter } from './business/ModCommonFilter';\nexport { default as YkLoginModule } from './business/YkLoginModule';\nexport { default as YkPorjectSelect } from './business/YkPorjectSelect';\nexport { default as YkSqlEdit } from './business/YkSqlEdit';\n// Export common components\nexport { default as Clock } from './components/Clock';\nexport { default as DebounceInput } from './components/DebounceInput';\nexport { default as MultipleSelect } from './components/MultipleSelect';\nexport { default as NumericInput } from './components/NumericInput';\nexport { default as RefreshButton } from './components/RefreshButton';\nexport { default as SearchWithHistory } from './components/SearchWithHistory';\nexport { default as TextWithInput } from './components/TextWithInput';\nexport { default as TextWithToolTip } from './components/TextWithToolTip';\nexport { default as TreeTransfer } from './components/TreeTransfer';\nexport type {\n DateRangeValue,\n YkDateRangePickerProps,\n YkDateRangePickerRef,\n} from './components/YkDateRangePicker';\nexport { default as YkDateRangePicker } from './components/YkDateRangePicker';\nexport { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';\nexport { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';\n// Export creative components\nexport type { ArcCheckboxProps } from './creative/ArcCheckbox';\nexport { default as ArcCheckbox } from './creative/ArcCheckbox';\nexport { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';\nexport { default as ButtonWithProgress } from './creative/ButtonWithProgress';\nexport type {\n GlassSegmentedRadioProps,\n GlassSegmentOption,\n} from './creative/GlassSegmentedRadio';\nexport { default as GlassSegmentedRadio } from './creative/GlassSegmentedRadio';\n// Export layout\nexport { default as FlexGrid } from './layout/FlexGrid';\nexport { default as YkContainer } from './layout/YkContainer';\nexport { default as YkDrawer } from './layout/YkDrawer';\n// Export theme components\nexport { default as InputTheme } from './Themes/InputTheme';\nexport { default as TableTheme } from './Themes/TableTheme';\n// Export all UI components\nexport { default as LabelSelect } from './ui/LabelSelect';\nexport { default as LogicOperator } from './ui/LogicOperator';\nexport { default as YkButton } from './ui/YkButton';\nexport { default as YkCard } from './ui/YkCard';\nexport { default as YkCheckbox } from './ui/YkCheckbox';\nexport { default as YkDescriptions } from './ui/YkDescriptions';\nexport { default as YkPagination } from './ui/YkPagination';\nexport { default as YkRadio } from './ui/YkRadio';\nexport { default as YkRadioBtnSpecial } from './ui/YkRadioBtnSpecial';\nexport { default as YkSegmented } from './ui/YkSegmented';\nexport { default as YkSelect } from './ui/YkSelect';\nexport { default as YkSpin } from './ui/YkSpin';\nexport { default as YkStatistic } from './ui/YkStatistic';\nexport { default as YkSwitch } from './ui/YkSwitch';\nexport { default as YkTabs } from './ui/YkTabs';\nexport { default as YkTooltip } from './ui/YkTooltip';\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAO;AAGP,oBAAkC;AAClC,4BAA0C;AAC1C,oBAAkC;AAClC,mBAAiC;AACjC,6BAA2C;AAC3C,2BAAyC;AACzC,6BAA2C;AAC3C,uBAAqC;AAErC,mBAAiC;AACjC,2BAAyC;AACzC,4BAA0C;AAC1C,0BAAwC;AACxC,2BAAyC;AACzC,+BAA6C;AAC7C,2BAAyC;AACzC,6BAA2C;AAC3C,0BAAwC;AAMxC,+BAA6C;AAC7C,+BAA6C;AAC7C,mCAAiD;AAGjD,yBAAuC;AACvC,iCAA+C;AAC/C,gCAA8C;AAK9C,iCAA+C;AAE/C,sBAAoC;AACpC,yBAAuC;AACvC,sBAAoC;AAEpC,wBAAsC;AACtC,wBAAsC;AAEtC,yBAAuC;AACvC,2BAAyC;AACzC,sBAAoC;AACpC,oBAAkC;AAClC,wBAAsC;AACtC,4BAA0C;AAC1C,0BAAwC;AACxC,qBAAmC;AACnC,+BAA6C;AAC7C,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,uBAAqC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/lib/index.less
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
// 自动聚合的样式文件
|
|
8
|
+
@import "../../src/Themes/TableTheme/index.less";
|
|
8
9
|
@import "../../src/assets/less/ant-reset.less";
|
|
9
10
|
@import "../../src/assets/less/index.less";
|
|
10
11
|
@import "../../src/assets/less/variables.less";
|
|
@@ -13,7 +14,9 @@
|
|
|
13
14
|
@import "../../src/business/ModCommonFilter/components/FilterButton/index.module.less";
|
|
14
15
|
@import "../../src/business/ModCommonFilter/components/PopoverContent/index.module.less";
|
|
15
16
|
@import "../../src/business/ModCommonFilter/index.module.less";
|
|
17
|
+
@import "../../src/business/YkLoginModule/styles.module.less";
|
|
16
18
|
@import "../../src/business/YkPorjectSelect/index.module.less";
|
|
19
|
+
@import "../../src/business/YkSqlEdit/code-mirror-custom.module.less";
|
|
17
20
|
@import "../../src/components/DebounceInput/index.module.less";
|
|
18
21
|
@import "../../src/components/MultipleSelect/index.module.less";
|
|
19
22
|
@import "../../src/components/SearchWithHistory/index.module.less";
|
|
@@ -22,10 +25,11 @@
|
|
|
22
25
|
@import "../../src/components/YkDateRangePicker/index.module.less";
|
|
23
26
|
@import "../../src/components/YkRangeDateWithVS/index.module.less";
|
|
24
27
|
@import "../../src/components/YkRangeTimeWithRecent/index.module.less";
|
|
28
|
+
@import "../../src/creative/ArcCheckbox/index.module.less";
|
|
25
29
|
@import "../../src/creative/ButtonRadioWithInfo/index.less";
|
|
26
30
|
@import "../../src/creative/ButtonWithProgress/index.less";
|
|
31
|
+
@import "../../src/creative/GlassSegmentedRadio/index.module.less";
|
|
27
32
|
@import "../../src/layout/YkDrawer/index.module.less";
|
|
28
|
-
@import "../../src/Themes/TableTheme/index.less";
|
|
29
33
|
@import "../../src/ui/LogicOperator/index.module.less";
|
|
30
34
|
@import "../../src/ui/YkCard/index.module.less";
|
|
31
35
|
@import "../../src/ui/YkCheckbox/index.module.less";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/layout/FlexGrid/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Col, Flex, Row, RowProps } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\n\n/** Col 在各断点下的 span(24 栅格),与 [Ant Design Grid](https://ant-design.antgroup.com/components/grid-cn) 一致 */\nexport type FlexGridColSpan = {\n xs?: number;\n sm?: number;\n md?: number;\n lg?: number;\n xl?: number;\n xxl?: number;\n};\n\nconst defaultColSpan: Required<FlexGridColSpan> = {\n /** <576px:每行 1 个 */\n xs: 24,\n /** ≥576px:每行 2 个 */\n sm: 12,\n /** ≥768px:每行 3 个 */\n md: 8,\n /** ≥992px:每行 4 个 */\n lg: 6,\n xl: 6,\n xxl: 6,\n};\n\nexport type FlexGridProps = {\n /** 每一子节点占一格;多个并列子元素时请使用数组或 Fragment 包一层 */\n children?: React.ReactNode;\n /** 同 antd Row `gutter`,默认 `[16, 16]` */\n gutter?: RowProps['gutter'];\n /** 覆盖默认断点 span;例如 `{ lg: 12 }` 可改为大屏每行 2 列 */\n colSpan?: FlexGridColSpan;\n /** 透传到 antd `Row`(勿再传 `children`) */\n rowProps?: Omit<RowProps, 'children'>;\n className?: string;\n style?: React.CSSProperties;\n};\n\n/**\n * 响应式弹性栅格:基于 antd `Row` / `Col`(24 栅格),大屏默认每行 4 格,随宽度递减为 3 / 2 / 1;\n * 格子内用 antd [Flex](https://ant-design.antgroup.com/components/flex-cn) 撑满宽度,便于卡片等同高布局。\n */\nconst FlexGrid: React.FC<FlexGridProps> = ({\n children = null,\n gutter = [16, 16],\n colSpan,\n rowProps,\n className,\n style,\n}) => {\n const span = { ...defaultColSpan, ...colSpan };\n const nodes = React.Children.toArray(children).filter((c) => c != null);\n\n return (\n <Row\n gutter={gutter}\n wrap\n align
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"sourcesContent": ["import { Col, Flex, Row, type RowProps } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\n\n/** Col 在各断点下的 span(24 栅格),与 [Ant Design Grid](https://ant-design.antgroup.com/components/grid-cn) 一致 */\nexport type FlexGridColSpan = {\n xs?: number;\n sm?: number;\n md?: number;\n lg?: number;\n xl?: number;\n xxl?: number;\n};\n\nconst defaultColSpan: Required<FlexGridColSpan> = {\n /** <576px:每行 1 个 */\n xs: 24,\n /** ≥576px:每行 2 个 */\n sm: 12,\n /** ≥768px:每行 3 个 */\n md: 8,\n /** ≥992px:每行 4 个 */\n lg: 6,\n xl: 6,\n xxl: 6,\n};\n\nexport type FlexGridProps = {\n /** 每一子节点占一格;多个并列子元素时请使用数组或 Fragment 包一层 */\n children?: React.ReactNode;\n /** 同 antd Row `gutter`,默认 `[16, 16]` */\n gutter?: RowProps['gutter'];\n /** 覆盖默认断点 span;例如 `{ lg: 12 }` 可改为大屏每行 2 列 */\n colSpan?: FlexGridColSpan;\n /** 透传到 antd `Row`(勿再传 `children`) */\n rowProps?: Omit<RowProps, 'children'>;\n className?: string;\n style?: React.CSSProperties;\n};\n\n/**\n * 响应式弹性栅格:基于 antd `Row` / `Col`(24 栅格),大屏默认每行 4 格,随宽度递减为 3 / 2 / 1;\n * 格子内用 antd [Flex](https://ant-design.antgroup.com/components/flex-cn) 撑满宽度,便于卡片等同高布局。\n */\nconst FlexGrid: React.FC<FlexGridProps> = ({\n children = null,\n gutter = [16, 16],\n colSpan,\n rowProps,\n className,\n style,\n}) => {\n const span = { ...defaultColSpan, ...colSpan };\n const nodes = React.Children.toArray(children).filter((c) => c != null);\n\n return (\n <Row\n gutter={gutter}\n wrap\n align='stretch'\n className={classNames('yoka-flex-grid', className)}\n style={style}\n {...rowProps}\n >\n {nodes.map((child, index) => {\n const key = React.isValidElement(child) && child.key != null ? String(child.key) : `flex-grid-${index}`;\n return (\n <Col key={key} xs={span.xs} sm={span.sm} md={span.md} lg={span.lg} xl={span.xl} xxl={span.xxl}>\n <Flex vertical style={{ width: '100%', minHeight: '100%' }} className='yoka-flex-grid-cell'>\n {child}\n </Flex>\n </Col>\n );\n })}\n </Row>\n );\n};\n\nexport default React.memo(FlexGrid);\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8C;AAC9C,wBAAuB;AACvB,mBAAkB;AAYlB,IAAM,iBAA4C;AAAA;AAAA,EAEhD,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;AAmBA,IAAM,WAAoC,CAAC;AAAA,EACzC,WAAW;AAAA,EACX,SAAS,CAAC,IAAI,EAAE;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAC7C,QAAM,QAAQ,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI;AAEtE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,eAAW,kBAAAC,SAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,MAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,YAAM,MAAM,aAAAD,QAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,OAAO,MAAM,GAAG,IAAI,aAAa;AAChG,aACE,6BAAAA,QAAA,cAAC,mBAAI,KAAU,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK,OACxF,6BAAAA,QAAA,cAAC,oBAAK,UAAQ,MAAC,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAU,yBACnE,KACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ,aAAAA,QAAM,KAAK,QAAQ;",
|
|
6
6
|
"names": ["React", "classNames"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/layout/YkContainer/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\n\nexport type YkContainerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n /** 页头左侧标题,字号 18px、颜色 #3b82fe;存在 `headerLeft` 时不展示 */\n title?: React.ReactNode;\n /** 自定义页头左侧,优先级高于 `title` */\n headerLeft?: React.ReactNode;\n /** 页头右侧插槽 */\n headerRight?: React.ReactNode;\n /** 是否展示页头,默认 true */\n showHeader?: boolean;\n};\n\nconst headerBarStyle: React.CSSProperties = {\n position: 'sticky',\n top: 0,\n zIndex: 10,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: 12,\n minHeight: 60,\n padding: '10px 20px',\n boxSizing: 'border-box',\n background: '#fff',\n};\n\nconst titleStyle: React.CSSProperties = {\n margin: 0,\n fontSize: 18,\n fontWeight: 600,\n lineHeight: '24px',\n color: '#3b82fe',\n};\n\n/**\n * 页面内容区布局容器(语义上类似 Pro PageContainer 的内容包裹层):\n * 顶部可选固定(sticky)页头,左右插槽;下方区域左右与底部留白 10px、顶部与页头间距 10px;\n * 子元素纵向排列,间距 10px。\n */\nconst YkContainer = React.forwardRef<HTMLDivElement, YkContainerProps>(\n ({ className, style, children, title, headerLeft, headerRight, showHeader = true, ...rest }, ref) => (\n <div\n ref={ref}\n className={classNames('yoka-container', className)}\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: 10,\n padding: '0 10px 10px',\n boxSizing: 'border-box',\n ...style,\n }}\n {...rest}\n >\n {showHeader ? (\n <header style={headerBarStyle} className
|
|
4
|
+
"sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\n\nexport type YkContainerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n /** 页头左侧标题,字号 18px、颜色 #3b82fe;存在 `headerLeft` 时不展示 */\n title?: React.ReactNode;\n /** 自定义页头左侧,优先级高于 `title` */\n headerLeft?: React.ReactNode;\n /** 页头右侧插槽 */\n headerRight?: React.ReactNode;\n /** 是否展示页头,默认 true */\n showHeader?: boolean;\n};\n\nconst headerBarStyle: React.CSSProperties = {\n position: 'sticky',\n top: 0,\n zIndex: 10,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: 12,\n minHeight: 60,\n padding: '10px 20px',\n boxSizing: 'border-box',\n background: '#fff',\n};\n\nconst titleStyle: React.CSSProperties = {\n margin: 0,\n fontSize: 18,\n fontWeight: 600,\n lineHeight: '24px',\n color: '#3b82fe',\n};\n\n/**\n * 页面内容区布局容器(语义上类似 Pro PageContainer 的内容包裹层):\n * 顶部可选固定(sticky)页头,左右插槽;下方区域左右与底部留白 10px、顶部与页头间距 10px;\n * 子元素纵向排列,间距 10px。\n */\nconst YkContainer = React.forwardRef<HTMLDivElement, YkContainerProps>(\n ({ className, style, children, title, headerLeft, headerRight, showHeader = true, ...rest }, ref) => (\n <div\n ref={ref}\n className={classNames('yoka-container', className)}\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: 10,\n padding: '0 10px 10px',\n boxSizing: 'border-box',\n ...style,\n }}\n {...rest}\n >\n {showHeader ? (\n <header style={headerBarStyle} className='yoka-yk-container-header'>\n <div style={{ flex: 1, minWidth: 0, display: 'flex', alignItems: 'center' }}>\n {headerLeft !== undefined && headerLeft !== null ? (\n headerLeft\n ) : title != null && title !== '' ? (\n <div style={titleStyle}>{title}</div>\n ) : null}\n </div>\n {headerRight ? (\n <div style={{ flexShrink: 0, display: 'flex', alignItems: 'center' }}>{headerRight}</div>\n ) : null}\n </header>\n ) : null}\n {children}\n </div>\n ),\n);\n\nYkContainer.displayName = 'YkContainer';\n\nexport default YkContainer;\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAAkB;AAalB,IAAM,iBAAsC;AAAA,EAC1C,UAAU;AAAA,EACV,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;AAEA,IAAM,aAAkC;AAAA,EACtC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AACT;AAOA,IAAM,cAAc,aAAAA,QAAM;AAAA,EACxB,CAAC,EAAE,WAAW,OAAO,UAAU,OAAO,YAAY,aAAa,aAAa,MAAM,GAAG,KAAK,GAAG,QAC3F,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,kBAAAC,SAAW,kBAAkB,SAAS;AAAA,MACjD,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,aACC,6BAAAD,QAAA,cAAC,YAAO,OAAO,gBAAgB,WAAU,8BACvC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,QAAQ,YAAY,SAAS,KACvE,eAAe,UAAa,eAAe,OAC1C,aACE,SAAS,QAAQ,UAAU,KAC7B,6BAAAA,QAAA,cAAC,SAAI,OAAO,cAAa,KAAM,IAC7B,IACN,GACC,cACC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,YAAY,GAAG,SAAS,QAAQ,YAAY,SAAS,KAAI,WAAY,IACjF,IACN,IACE;AAAA,IACH;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
|
|
6
6
|
"names": ["React", "classNames"]
|
|
7
7
|
}
|