@pinnacle0/web-ui 0.5.0-beta.7 → 0.5.0-beta.9
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/core/BoolRadio.d.ts +2 -0
- package/core/BoolRadio.js +3 -3
- package/core/BoolRadio.js.map +1 -1
- package/core/Button.d.ts +1 -1
- package/core/Button.js +15 -2
- package/core/Button.js.map +1 -1
- package/core/Cascader/index.d.ts +2 -1
- package/core/Cascader/index.js +9 -3
- package/core/Cascader/index.js.map +1 -1
- package/core/Cascader/index.less +12 -0
- package/core/EnumRadio/index.d.ts +2 -0
- package/core/EnumRadio/index.js +2 -2
- package/core/EnumRadio/index.js.map +1 -1
- package/core/EnumSelect/index.d.ts +4 -0
- package/core/EnumSelect/index.js +38 -4
- package/core/EnumSelect/index.js.map +1 -1
- package/core/EnumSelect/index.less +10 -0
- package/core/Skeleton.js +14 -1
- package/core/Skeleton.js.map +1 -1
- package/package.json +3 -3
package/core/BoolRadio.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { PickOptional, ControlledFormValue } from "../internal/type";
|
|
3
|
+
import type { RadioGroupButtonStyle } from "antd/es/radio";
|
|
3
4
|
export interface Props<AllowNull extends boolean> extends ControlledFormValue<AllowNull extends false ? boolean : boolean | null> {
|
|
4
5
|
allowNull?: AllowNull;
|
|
5
6
|
trueText?: string;
|
|
6
7
|
falseText?: string;
|
|
7
8
|
trueOptionFirst?: boolean;
|
|
8
9
|
useButtonMode?: boolean;
|
|
10
|
+
buttonStyle?: RadioGroupButtonStyle;
|
|
9
11
|
disabled?: boolean;
|
|
10
12
|
className?: string;
|
|
11
13
|
style?: React.CSSProperties;
|
package/core/BoolRadio.js
CHANGED
|
@@ -31,13 +31,13 @@ export var BoolRadio = /** @class */ (function (_super) {
|
|
|
31
31
|
}
|
|
32
32
|
BoolRadio.prototype.render = function () {
|
|
33
33
|
var _a;
|
|
34
|
-
var trueOptionFirst = (_a = this.props, _a.trueOptionFirst), allowNull = _a.allowNull, value = _a.value, onChange = _a.onChange, useButtonMode = _a.useButtonMode, disabled = _a.disabled, className = _a.className, style = _a.style;
|
|
34
|
+
var trueOptionFirst = (_a = this.props, _a.trueOptionFirst), allowNull = _a.allowNull, value = _a.value, onChange = _a.onChange, useButtonMode = _a.useButtonMode, buttonStyle = _a.buttonStyle, disabled = _a.disabled, className = _a.className, style = _a.style;
|
|
35
35
|
var list = trueOptionFirst ? this.trueOptionFirstList : this.falseOptionFirstList;
|
|
36
36
|
if (allowNull) {
|
|
37
|
-
return (React.createElement(EnumRadio.Nullable, { list: list, translator: this.translator, value: value, onChange: onChange, useButtonMode: useButtonMode, disabled: disabled, className: className, style: style }));
|
|
37
|
+
return (React.createElement(EnumRadio.Nullable, { list: list, translator: this.translator, value: value, onChange: onChange, useButtonMode: useButtonMode, buttonStyle: buttonStyle, disabled: disabled, className: className, style: style }));
|
|
38
38
|
}
|
|
39
39
|
else {
|
|
40
|
-
return (React.createElement(EnumRadio, { list: list, translator: this.translator, value: value, onChange: onChange, useButtonMode: useButtonMode, disabled: disabled, className: className, style: style }));
|
|
40
|
+
return (React.createElement(EnumRadio, { list: list, translator: this.translator, value: value, onChange: onChange, useButtonMode: useButtonMode, buttonStyle: buttonStyle, disabled: disabled, className: className, style: style }));
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
43
|
BoolRadio.displayName = "BoolRadio";
|
package/core/BoolRadio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BoolRadio.js","sourceRoot":"","sources":["../../src/core/BoolRadio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"BoolRadio.js","sourceRoot":"","sources":["../../src/core/BoolRadio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAC;AAc3C;IAA0D,6BAAqC;IAA/F;QAAA,qEA+CC;QAzCoB,yBAAmB,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpC,0BAAoB,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAEtD,gBAAU,GAAG,UAAC,CAAU;;YACpB,IAAM,CAAC,GAAG,IAAI,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,EAAE,CAAC;QAC3E,CAAC,CAAC;;IAmCN,CAAC;IAjCG,0BAAM,GAAN;;QACW,IAAA,eAAe,IAAhB,KAAwG,IAAI,CAAC,KAAK,qBAAlG,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,CAAe;QACzH,IAAM,IAAI,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC;QACpF,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,SAAS,CAAC,QAAQ,IACf,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,KAAuB,EAC9B,QAAQ,EAAE,QAAuC,EACjD,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACd,CACL,CAAC;SACL;aAAM;YACH,OAAO,CACH,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,KAAgB,EACvB,QAAQ,EAAE,QAAgC,EAC1C,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACd,CACL,CAAC;SACL;IACL,CAAC;IA7CM,qBAAW,GAAG,WAAW,AAAd,CAAe;IAC1B,sBAAY,GAA+B;QAC9C,eAAe,EAAE,IAAI;KACxB,AAFkB,CAEjB;IA2CN,gBAAC;CAAA,AA/CD,CAA0D,KAAK,CAAC,aAAa,GA+C5E"}
|
package/core/Button.d.ts
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import type { ButtonProps } from "antd/es/button";
|
|
3
3
|
export interface Props extends ButtonProps {
|
|
4
4
|
}
|
|
5
|
-
export declare function Button(
|
|
5
|
+
export declare function Button({ className, ...rest }: Props): JSX.Element;
|
|
6
6
|
export type { ButtonSize, ButtonShape, ButtonType, ButtonHTMLType } from "antd/es/button";
|
package/core/Button.js
CHANGED
|
@@ -9,9 +9,22 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
12
23
|
import React from "react";
|
|
13
24
|
import AntButton from "antd/es/button";
|
|
14
|
-
|
|
15
|
-
|
|
25
|
+
import classNames from "classnames";
|
|
26
|
+
export function Button(_a) {
|
|
27
|
+
var className = _a.className, rest = __rest(_a, ["className"]);
|
|
28
|
+
return React.createElement(AntButton, __assign({ className: classNames("g-button", className) }, rest));
|
|
16
29
|
}
|
|
17
30
|
//# sourceMappingURL=Button.js.map
|
package/core/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/core/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/core/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,gBAAgB,CAAC;AAEvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,MAAM,UAAU,MAAM,CAAC,EAA2B;IAA1B,IAAA,SAAS,eAAA,EAAK,IAAI,cAAnB,aAAoB,CAAD;IACtC,OAAO,oBAAC,SAAS,aAAC,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAAC;AACjF,CAAC"}
|
package/core/Cascader/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export interface BaseProps<T extends string | number> {
|
|
|
21
21
|
className?: string;
|
|
22
22
|
style?: React.CSSProperties;
|
|
23
23
|
disabled?: boolean;
|
|
24
|
+
prefix?: React.ReactNode;
|
|
24
25
|
}
|
|
25
26
|
export interface Props<T extends string | number> extends BaseProps<T>, ControlledFormValue<T> {
|
|
26
27
|
}
|
|
@@ -30,7 +31,7 @@ export declare class Cascader<T extends string | number> extends React.PureCompo
|
|
|
30
31
|
static InitialNullable: typeof InitialNullable;
|
|
31
32
|
getAntValue: () => Array<string | number>;
|
|
32
33
|
getAntDataSource: () => DefaultOptionType[];
|
|
33
|
-
displayRender: (labels: React.ReactNode[]) => JSX.Element;
|
|
34
|
+
displayRender: (labels: React.ReactNode[]) => string | JSX.Element;
|
|
34
35
|
onChange: (antValue: Array<string | number>) => void;
|
|
35
36
|
render(): JSX.Element;
|
|
36
37
|
}
|
package/core/Cascader/index.js
CHANGED
|
@@ -99,14 +99,20 @@ export var Cascader = /** @class */ (function (_super) {
|
|
|
99
99
|
};
|
|
100
100
|
return getAntChildren(_this.props.data);
|
|
101
101
|
};
|
|
102
|
-
_this.displayRender = function (labels) {
|
|
102
|
+
_this.displayRender = function (labels) {
|
|
103
|
+
return _this.props.prefix ? (React.createElement("div", { className: "prefixed-label-wrapper" },
|
|
104
|
+
_this.props.prefix,
|
|
105
|
+
labels.join("/"))) : (labels.join("/"));
|
|
106
|
+
};
|
|
103
107
|
_this.onChange = function (antValue) { return _this.props.onChange(antValue[antValue.length - 1]); };
|
|
104
108
|
return _this;
|
|
105
109
|
}
|
|
106
110
|
Cascader.prototype.render = function () {
|
|
107
111
|
var _a;
|
|
108
|
-
var canSelectAnyLevel = (_a = this.props, _a.canSelectAnyLevel), placeholder = _a.placeholder, disabled = _a.disabled, style = _a.style, className = _a.className;
|
|
109
|
-
return (React.createElement(AntCascader, { multiple: false, className: "g-cascader ".concat(className || ""), popupClassName: "g-cascader-popup", style: style, changeOnSelect: canSelectAnyLevel, value: this.getAntValue(), onChange: this.onChange, options: this.getAntDataSource(), allowClear: false, expandTrigger: "hover", displayRender: this.displayRender, placeholder:
|
|
112
|
+
var canSelectAnyLevel = (_a = this.props, _a.canSelectAnyLevel), placeholder = _a.placeholder, disabled = _a.disabled, style = _a.style, className = _a.className, prefix = _a.prefix;
|
|
113
|
+
return (React.createElement(AntCascader, { multiple: false, className: "g-cascader ".concat(className || ""), popupClassName: "g-cascader-popup", style: style, changeOnSelect: canSelectAnyLevel, value: this.getAntValue(), onChange: this.onChange, options: this.getAntDataSource(), allowClear: false, expandTrigger: "hover", displayRender: this.displayRender, placeholder: prefix ? (React.createElement("div", { className: "prefixed-placeholder-wrapper" },
|
|
114
|
+
prefix,
|
|
115
|
+
placeholder)) : (placeholder), disabled: disabled }));
|
|
110
116
|
};
|
|
111
117
|
Cascader.displayName = "Cascader";
|
|
112
118
|
Cascader.Nullable = Nullable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Cascader/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Cascader/index.tsx"],"names":[],"mappings":"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"}
|
package/core/Cascader/index.less
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
.g-cascader {
|
|
2
|
+
.prefixed-placeholder-wrapper,
|
|
3
|
+
.prefixed-label-wrapper {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
|
|
7
|
+
:first-child {
|
|
8
|
+
margin-right: 4px;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
1
13
|
.g-cascader-popup.ant-cascader-dropdown {
|
|
2
14
|
.ant-cascader-menu {
|
|
3
15
|
height: auto;
|
|
@@ -4,10 +4,12 @@ import type { ControlledFormValue } from "../../internal/type";
|
|
|
4
4
|
import { Nullable } from "./Nullable";
|
|
5
5
|
import { InitialNullable } from "./InitialNullable";
|
|
6
6
|
import { Map } from "./Map";
|
|
7
|
+
import type { RadioGroupButtonStyle } from "antd/es/radio";
|
|
7
8
|
export interface BaseProps<Enum extends string | boolean | number> {
|
|
8
9
|
list: readonly Enum[];
|
|
9
10
|
translator?: (enumValue: Enum) => React.ReactElement | string | number | null;
|
|
10
11
|
useButtonMode?: boolean;
|
|
12
|
+
buttonStyle?: RadioGroupButtonStyle;
|
|
11
13
|
disabled?: boolean;
|
|
12
14
|
className?: string;
|
|
13
15
|
style?: React.CSSProperties;
|
package/core/EnumRadio/index.js
CHANGED
|
@@ -30,9 +30,9 @@ export var EnumRadio = /** @class */ (function (_super) {
|
|
|
30
30
|
}
|
|
31
31
|
EnumRadio.prototype.render = function () {
|
|
32
32
|
var _a;
|
|
33
|
-
var list = (_a = this.props, _a.list), translator = _a.translator, value = _a.value, useButtonMode = _a.useButtonMode, disabled = _a.disabled, className = _a.className, style = _a.style;
|
|
33
|
+
var list = (_a = this.props, _a.list), translator = _a.translator, value = _a.value, useButtonMode = _a.useButtonMode, buttonStyle = _a.buttonStyle, disabled = _a.disabled, className = _a.className, style = _a.style;
|
|
34
34
|
var RadioItem = useButtonMode ? Radio.Button : Radio;
|
|
35
|
-
return (React.createElement(Radio.Group, { value: value, onChange: this.onChange, disabled: disabled, className: className, style: style, optionType: useButtonMode ? "button" : undefined }, list.map(function (_) { return (
|
|
35
|
+
return (React.createElement(Radio.Group, { value: value, onChange: this.onChange, disabled: disabled, className: className, style: style, optionType: useButtonMode ? "button" : undefined, buttonStyle: buttonStyle }, list.map(function (_) { return (
|
|
36
36
|
// RadioItem can accept any type as value, and emit the exact type while onChange
|
|
37
37
|
React.createElement(RadioItem, { key: _.toString(), value: _ }, translator ? translator(_) : _.toString())); })));
|
|
38
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAe1B;IAAuE,6BAAgC;IAAvG;QAAA,qEAyBC;QAnBG,cAAQ,GAAG,UAAC,KAAuB;YAC/B,IAAM,SAAS,GAAS,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YAC3C,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC,CAAC;;IAgBN,CAAC;IAdG,0BAAM,GAAN;;QACW,IAAA,IAAI,IAAL,KAAoF,IAAI,CAAC,KAAK,UAAzF,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,CAAe;QACrG,IAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;QACvD,OAAO,CACH,oBAAC,KAAK,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,IACjL,IAAI,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA;QACX,iFAAiF;QACjF,oBAAC,SAAS,IAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,IACjC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAClC,CACf,EALc,CAKd,CAAC,CACQ,CACjB,CAAC;IACN,CAAC;IAvBM,qBAAW,GAAG,WAAW,AAAd,CAAe;IAC1B,kBAAQ,GAAG,QAAQ,AAAX,CAAY;IACpB,yBAAe,GAAG,eAAe,AAAlB,CAAmB;IAClC,aAAG,GAAG,GAAG,AAAN,CAAO;IAqBrB,gBAAC;CAAA,AAzBD,CAAuE,KAAK,CAAC,aAAa,GAyBzF"}
|
|
@@ -12,6 +12,7 @@ export interface BaseProps<Enum extends string | boolean | number> {
|
|
|
12
12
|
className?: string;
|
|
13
13
|
style?: React.CSSProperties;
|
|
14
14
|
placeholder?: string;
|
|
15
|
+
prefix?: React.ReactNode;
|
|
15
16
|
suffixIcon?: React.ReactNode;
|
|
16
17
|
}
|
|
17
18
|
export interface Props<Enum extends string | boolean | number> extends BaseProps<Enum>, ControlledFormValue<Enum> {
|
|
@@ -19,11 +20,14 @@ export interface Props<Enum extends string | boolean | number> extends BaseProps
|
|
|
19
20
|
export declare class EnumSelect<Enum extends string | boolean | number> extends React.PureComponent<Props<Enum>> {
|
|
20
21
|
private readonly trueValue;
|
|
21
22
|
private readonly falseValue;
|
|
23
|
+
private readonly allPrefixedLabeledValues;
|
|
22
24
|
static displayName: string;
|
|
23
25
|
static Nullable: typeof Nullable;
|
|
24
26
|
static InitialNullable: typeof InitialNullable;
|
|
25
27
|
static Map: typeof Map;
|
|
28
|
+
componentDidMount(): void;
|
|
26
29
|
getAntSelectValue: () => LabeledValue | undefined;
|
|
27
30
|
onChange: ({ value: antValue }: LabeledValue) => void;
|
|
28
31
|
render(): JSX.Element;
|
|
32
|
+
private getAntLabel;
|
|
29
33
|
}
|
package/core/EnumSelect/index.js
CHANGED
|
@@ -25,15 +25,15 @@ export var EnumSelect = /** @class */ (function (_super) {
|
|
|
25
25
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
26
26
|
_this.trueValue = "@@TRUE";
|
|
27
27
|
_this.falseValue = "@@FALSE";
|
|
28
|
+
_this.allPrefixedLabeledValues = [];
|
|
28
29
|
_this.getAntSelectValue = function () {
|
|
29
30
|
var value = _this.props.value;
|
|
30
31
|
if (value === null) {
|
|
31
32
|
// Special case for InitialNullable, to show placeholder, no pre-selection
|
|
32
33
|
return undefined;
|
|
33
34
|
}
|
|
34
|
-
var translator = _this.props.translator;
|
|
35
35
|
var antValue = value.toString();
|
|
36
|
-
var antLabel =
|
|
36
|
+
var antLabel = _this.getAntLabel(value);
|
|
37
37
|
return {
|
|
38
38
|
value: antValue,
|
|
39
39
|
label: antLabel,
|
|
@@ -46,11 +46,45 @@ export var EnumSelect = /** @class */ (function (_super) {
|
|
|
46
46
|
};
|
|
47
47
|
return _this;
|
|
48
48
|
}
|
|
49
|
+
EnumSelect.prototype.componentDidMount = function () {
|
|
50
|
+
var _a;
|
|
51
|
+
var _this = this;
|
|
52
|
+
var list = (_a = this.props, _a.list), prefix = _a.prefix;
|
|
53
|
+
if (prefix) {
|
|
54
|
+
list.forEach(function (_) {
|
|
55
|
+
var value = _;
|
|
56
|
+
var antValue = value.toString();
|
|
57
|
+
var antLabel = _this.getAntLabel(value);
|
|
58
|
+
_this.allPrefixedLabeledValues.push({
|
|
59
|
+
value: antValue,
|
|
60
|
+
label: antLabel,
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
};
|
|
49
65
|
EnumSelect.prototype.render = function () {
|
|
50
66
|
var _a, _b;
|
|
51
67
|
var _this = this;
|
|
52
|
-
var list = (_a = this.props, _a.list), translator = _a.translator, disabled = _a.disabled, className = (_b = _a.className, _b === void 0 ? "" : _b), style = _a.style, placeholder = _a.placeholder, suffixIcon = _a.suffixIcon;
|
|
53
|
-
|
|
68
|
+
var list = (_a = this.props, _a.list), translator = _a.translator, disabled = _a.disabled, className = (_b = _a.className, _b === void 0 ? "" : _b), style = _a.style, placeholder = _a.placeholder, suffixIcon = _a.suffixIcon, prefix = _a.prefix;
|
|
69
|
+
var value = prefix ? this.allPrefixedLabeledValues.find(function (x) { return x.value === _this.props.value; }) || this.getAntSelectValue() : this.getAntSelectValue();
|
|
70
|
+
return (React.createElement(Select, { disabled: disabled, labelInValue: true, value: value, onChange: this.onChange, className: "g-enum-select ".concat(className), style: style, placeholder: prefix ? (React.createElement("div", { className: "prefixed-placeholder-wrapper" },
|
|
71
|
+
prefix,
|
|
72
|
+
placeholder)) : (placeholder), suffixIcon: suffixIcon, optionLabelProp: prefix ? "label" : undefined }, list.map(function (_) {
|
|
73
|
+
var _a;
|
|
74
|
+
return (React.createElement(Select.Option, { key: _.toString(), value: _ === true ? _this.trueValue : _ === false ? _this.falseValue : _, label: prefix ? (_a = _this.allPrefixedLabeledValues.find(function (x) { return x.value === _; })) === null || _a === void 0 ? void 0 : _a.label : undefined }, translator ? translator(_) : _.toString()));
|
|
75
|
+
})));
|
|
76
|
+
};
|
|
77
|
+
EnumSelect.prototype.getAntLabel = function (value) {
|
|
78
|
+
var _a;
|
|
79
|
+
var translator = (_a = this.props, _a.translator), prefix = _a.prefix;
|
|
80
|
+
var antValue = value.toString();
|
|
81
|
+
var antLabel = translator ? translator(value) : antValue;
|
|
82
|
+
if (prefix) {
|
|
83
|
+
antLabel = (React.createElement("div", { className: "prefixed-label-wrapper" },
|
|
84
|
+
this.props.prefix,
|
|
85
|
+
antLabel));
|
|
86
|
+
}
|
|
87
|
+
return antLabel;
|
|
54
88
|
};
|
|
55
89
|
EnumSelect.displayName = "EnumSelect";
|
|
56
90
|
EnumSelect.Nullable = Nullable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/EnumSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AACjC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/EnumSelect/index.tsx"],"names":[],"mappings":"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"}
|
package/core/Skeleton.js
CHANGED
|
@@ -24,15 +24,28 @@ var __assign = (this && this.__assign) || function () {
|
|
|
24
24
|
};
|
|
25
25
|
return __assign.apply(this, arguments);
|
|
26
26
|
};
|
|
27
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
+
var t = {};
|
|
29
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
+
t[p] = s[p];
|
|
31
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
+
t[p[i]] = s[p[i]];
|
|
35
|
+
}
|
|
36
|
+
return t;
|
|
37
|
+
};
|
|
27
38
|
import React from "react";
|
|
28
39
|
import AntSkeleton from "antd/es/skeleton";
|
|
40
|
+
import { classNames } from "../util/ClassNames";
|
|
29
41
|
export var Skeleton = /** @class */ (function (_super) {
|
|
30
42
|
__extends(Skeleton, _super);
|
|
31
43
|
function Skeleton() {
|
|
32
44
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
33
45
|
}
|
|
34
46
|
Skeleton.prototype.render = function () {
|
|
35
|
-
|
|
47
|
+
var _a = this.props, className = _a.className, restProps = __rest(_a, ["className"]);
|
|
48
|
+
return React.createElement(AntSkeleton, __assign({ className: classNames("g-skeleton", className) }, restProps));
|
|
36
49
|
};
|
|
37
50
|
Skeleton.displayName = "Skeleton";
|
|
38
51
|
return Skeleton;
|
package/core/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/core/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/core/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAI9C;IAA8B,4BAA0B;IAAxD;;IAOA,CAAC;IAJG,yBAAM,GAAN;QACI,IAAM,KAA4B,IAAI,CAAC,KAAK,EAArC,SAAS,eAAA,EAAK,SAAS,cAAxB,aAAyB,CAAa,CAAC;QAC7C,OAAO,oBAAC,WAAW,aAAC,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,SAAS,EAAI,CAAC;IAC1F,CAAC;IALM,oBAAW,GAAG,UAAU,CAAC;IAMpC,eAAC;CAAA,AAPD,CAA8B,KAAK,CAAC,aAAa,GAOhD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pinnacle0/web-ui",
|
|
3
|
-
"version": "0.5.0-beta.
|
|
3
|
+
"version": "0.5.0-beta.9",
|
|
4
4
|
"author": "Pinnacle",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"@ant-design/icons": "5.0.1",
|
|
22
22
|
"@juggle/resize-observer": "3.4.0",
|
|
23
23
|
"@tanstack/react-virtual": "3.0.0-beta.30",
|
|
24
|
-
"antd": "5.4.
|
|
24
|
+
"antd": "5.4.7",
|
|
25
25
|
"classnames": "2.3.2",
|
|
26
26
|
"dayjs": "1.11.7",
|
|
27
27
|
"intersection-observer": "0.12.2",
|
|
28
|
-
"rc-picker": "3.
|
|
28
|
+
"rc-picker": "3.7.4",
|
|
29
29
|
"rc-resize-observer": "1.3.1"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|