@signalplus/params-about 0.1.2 → 0.1.3
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/index.d.ts +1 -0
- package/lib/css/Expiries.scss +3 -3
- package/lib/css/index.css +1 -1
- package/lib/es/index.js +9 -4
- package/lib/umd/index.js +4861 -0
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -126,6 +126,7 @@ interface ParamValueEditorProps {
|
|
|
126
126
|
onSubmit?(data: ParamValueEditorData): Promise<any>;
|
|
127
127
|
}
|
|
128
128
|
declare class ParamValueEditor extends PureComponent<ParamValueEditorProps> {
|
|
129
|
+
componentDidMount(): void;
|
|
129
130
|
ref: React.RefObject<any>;
|
|
130
131
|
formItems: {
|
|
131
132
|
label: string;
|
package/lib/css/Expiries.scss
CHANGED
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
|
|
40
40
|
.param-expiries-val {
|
|
41
41
|
display: inline-block;
|
|
42
|
-
margin:
|
|
42
|
+
margin: calc((#{$input-height} - 20px - 2px) / 2) 6px 0 0;
|
|
43
43
|
line-height: 20px;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.param-expiries-placeholder {
|
|
47
47
|
display: inline-block;
|
|
48
|
-
margin:
|
|
48
|
+
margin: calc((#{$input-height} - 20px - 2px) / 2) 6px 0 0;
|
|
49
49
|
line-height: 20px;
|
|
50
50
|
color: $placeholder-color;
|
|
51
51
|
max-width: 100%;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
.param-expiries-multi-val {
|
|
58
58
|
display: inline-block;
|
|
59
|
-
margin:
|
|
59
|
+
margin: calc((#{$input-height} - 20px - 2px) / 2) 6px 0 0;
|
|
60
60
|
padding: 0 3px 0 8px;
|
|
61
61
|
line-height: 20px;
|
|
62
62
|
border-radius: 2px;
|
package/lib/css/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.param-parent-selector.readonly .ant-select-selector{padding:0 !important;border-color:transparent !important;background:transparent !important;cursor:initial !important}.param-parent-selector.readonly .ant-select-selection-item{color:#333 !important}.param-parent-selector.readonly .ant-select-arrow{display:none !important}.param-form.param-value-editor .ant-form-item-label,.param-value-editor.param-value-editor .ant-form-item-label{width:100px}.param-form .ant-form-item-label,.param-value-editor .ant-form-item-label{width:80px;text-align:left}.param-form .ant-form-item-label>label,.param-value-editor .ant-form-item-label>label{height:40px}.param-form .ant-form-item-label>label:before,.param-value-editor .ant-form-item-label>label:before{content:none !important}.param-form .ant-form-item-label>label:after,.param-value-editor .ant-form-item-label>label:after{content:none !important}.param-form .ant-form-item-label>label.ant-form-item-required:after,.param-value-editor .ant-form-item-label>label.ant-form-item-required:after{display:inline-block;margin-left:4px;color:#ff4d4f;font-size:14px;line-height:1;content:"*" !important}.param-form input.ant-input.ant-input,.param-form .ant-select-selector.ant-select-selector,.param-form .ant-cascader.ant-cascader,.param-value-editor input.ant-input.ant-input,.param-value-editor .ant-select-selector.ant-select-selector,.param-value-editor .ant-cascader.ant-cascader{height:40px !important}.param-form input.ant-input.ant-input input,.param-form input.ant-input.ant-input .ant-select-selection-placeholder,.param-form input.ant-input.ant-input .ant-select-selection-item,.param-form .ant-select-selector.ant-select-selector input,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-form .ant-cascader.ant-cascader input,.param-form .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-form .ant-cascader.ant-cascader .ant-select-selection-item,.param-value-editor input.ant-input.ant-input input,.param-value-editor input.ant-input.ant-input .ant-select-selection-placeholder,.param-value-editor input.ant-input.ant-input .ant-select-selection-item,.param-value-editor .ant-select-selector.ant-select-selector input,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-value-editor .ant-cascader.ant-cascader input,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-item{height:calc(40px - 2px) !important;line-height:calc(40px - 2px) !important}.param-form textarea.ant-input.ant-input,.param-value-editor textarea.ant-input.ant-input{height:100px;min-height:40px;padding:9px 10px}.param-bool{flex:1;display:flex;align-items:center;height:40px}.param-bool-option{display:inline-flex;align-items:center;margin:0 16px 0 0;cursor:pointer}.param-bool-option>svg{margin:0 5px 0 0}.param-expiries{position:relative;flex:1;max-width:100%;min-width:calc(7em + 24px + 2px);height:40px;padding:0 calc(1em + 14px) 0 10px;line-height:0;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;background:#fff}.param-expiries.readonly{padding:0;border-color:transparent;overflow:initial;white-space:initial;cursor:default;background:transparent}.param-expiries.multiple{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.param-expiries-arrow{position:absolute;top:50%;right:7px;margin:-0.5em 0 0;color:#d9d9d9 !important}.param-expiries-val{display:inline-block;margin:
|
|
1
|
+
.param-parent-selector.readonly .ant-select-selector{padding:0 !important;border-color:transparent !important;background:transparent !important;cursor:initial !important}.param-parent-selector.readonly .ant-select-selection-item{color:#333 !important}.param-parent-selector.readonly .ant-select-arrow{display:none !important}.param-form.param-value-editor .ant-form-item-label,.param-value-editor.param-value-editor .ant-form-item-label{width:100px}.param-form .ant-form-item-label,.param-value-editor .ant-form-item-label{width:80px;text-align:left}.param-form .ant-form-item-label>label,.param-value-editor .ant-form-item-label>label{height:40px}.param-form .ant-form-item-label>label:before,.param-value-editor .ant-form-item-label>label:before{content:none !important}.param-form .ant-form-item-label>label:after,.param-value-editor .ant-form-item-label>label:after{content:none !important}.param-form .ant-form-item-label>label.ant-form-item-required:after,.param-value-editor .ant-form-item-label>label.ant-form-item-required:after{display:inline-block;margin-left:4px;color:#ff4d4f;font-size:14px;line-height:1;content:"*" !important}.param-form input.ant-input.ant-input,.param-form .ant-select-selector.ant-select-selector,.param-form .ant-cascader.ant-cascader,.param-value-editor input.ant-input.ant-input,.param-value-editor .ant-select-selector.ant-select-selector,.param-value-editor .ant-cascader.ant-cascader{height:40px !important}.param-form input.ant-input.ant-input input,.param-form input.ant-input.ant-input .ant-select-selection-placeholder,.param-form input.ant-input.ant-input .ant-select-selection-item,.param-form .ant-select-selector.ant-select-selector input,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-form .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-form .ant-cascader.ant-cascader input,.param-form .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-form .ant-cascader.ant-cascader .ant-select-selection-item,.param-value-editor input.ant-input.ant-input input,.param-value-editor input.ant-input.ant-input .ant-select-selection-placeholder,.param-value-editor input.ant-input.ant-input .ant-select-selection-item,.param-value-editor .ant-select-selector.ant-select-selector input,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-placeholder,.param-value-editor .ant-select-selector.ant-select-selector .ant-select-selection-item,.param-value-editor .ant-cascader.ant-cascader input,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-placeholder,.param-value-editor .ant-cascader.ant-cascader .ant-select-selection-item{height:calc(40px - 2px) !important;line-height:calc(40px - 2px) !important}.param-form textarea.ant-input.ant-input,.param-value-editor textarea.ant-input.ant-input{height:100px;min-height:40px;padding:9px 10px}.param-bool{flex:1;display:flex;align-items:center;height:40px}.param-bool-option{display:inline-flex;align-items:center;margin:0 16px 0 0;cursor:pointer}.param-bool-option>svg{margin:0 5px 0 0}.param-expiries{position:relative;flex:1;max-width:100%;min-width:calc(7em + 24px + 2px);height:40px;padding:0 calc(1em + 14px) 0 10px;line-height:0;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;background:#fff}.param-expiries.readonly{padding:0;border-color:transparent;overflow:initial;white-space:initial;cursor:default;background:transparent}.param-expiries.multiple{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.param-expiries-arrow{position:absolute;top:50%;right:7px;margin:-0.5em 0 0;color:#d9d9d9 !important}.param-expiries-val{display:inline-block;margin:calc((40px - 20px - 2px) / 2) 6px 0 0;line-height:20px}.param-expiries-placeholder{display:inline-block;margin:calc((40px - 20px - 2px) / 2) 6px 0 0;line-height:20px;color:rgba(0,0,0,0.25);max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.param-expiries-multi-val{display:inline-block;margin:calc((40px - 20px - 2px) / 2) 6px 0 0;padding:0 3px 0 8px;line-height:20px;border-radius:2px;background:rgba(0,0,0,0.1)}.param-expiries-multi-val svg{display:inline-block;margin:0 0 0 4px;color:#999;cursor:pointer}.param-expiries-popover .ant-popover-inner-content{max-height:50vh;overflow-y:auto}.param-expiries-option{display:flex;align-items:center;justify-content:space-between;width:240px;margin:0 -16px;padding:0 16px;line-height:30px;color:rgba(51,51,51,0.6);cursor:pointer}.param-expiries-option.param-expiries-option-checked{font-weight:bold;color:#333}.param-expiries-option.param-expiries-option-disabled{cursor:not-allowed;opacity:0.5}.param-expiries-option:hover{color:#333;background:rgba(0,0,0,0.1)}.param-expiries-option svg{color:#57be6a}.param-expiries-limit{padding:calc((40px - 20px) / 2) 0}.param-expiries-limit .param-number-range{margin:0 0 0 10px}.param-expiries-limit .param-number-range-prefix{display:none}.param-expiries-limit .param-number-suffix{padding:0 7px}.param-expiries-limit-val{display:block}.param-expiries-limit-val:after{content:';'}.param-expiries-limit-val-sep{padding:0 4px;color:#999}.param-expiries-limit-inputs{display:grid;grid-row-gap:10px;grid-column-gap:10px;grid-template-rows:auto;grid-template-columns:auto auto auto auto}.param-expiries-limit-inputs .param-expiries,.param-expiries-limit-inputs .param-number-range,.param-expiries-limit-inputs .param-arr-ops{height:30px;margin:0}.param-expiries-limit-inputs .param-expiries.readonly,.param-expiries-limit-inputs .param-number-range.readonly,.param-expiries-limit-inputs .param-arr-ops.readonly{height:20px;line-height:18px}.param-expiries-limit-inputs .param-expiries.readonly .param-expiries-val,.param-expiries-limit-inputs .param-number-range.readonly .param-expiries-val,.param-expiries-limit-inputs .param-arr-ops.readonly .param-expiries-val{margin-top:0}.param-expiries-limit-inputs .param-expiries .param-expiries-placeholder,.param-expiries-limit-inputs .param-expiries .param-expiries-val,.param-expiries-limit-inputs .param-number-range .param-expiries-placeholder,.param-expiries-limit-inputs .param-number-range .param-expiries-val,.param-expiries-limit-inputs .param-arr-ops .param-expiries-placeholder,.param-expiries-limit-inputs .param-arr-ops .param-expiries-val{margin-top:4px}.param-expiries-limit-inputs .param-expiries .param-number-range-sep,.param-expiries-limit-inputs .param-number-range .param-number-range-sep,.param-expiries-limit-inputs .param-arr-ops .param-number-range-sep{margin:0 6px}.param-expiries-limit-inputs .param-arr-ops{padding:0}.param-expiries-popover{padding:0 !important}.param-expiries-popover .ant-popover-arrow{display:none}.param-number{flex:1;display:flex;align-items:center;height:40px}.param-number.readonly .param-number-suffix{padding:0;margin:0 0 0 1px;border:none;background:none}.param-number-val{position:relative;z-index:1;margin:0}.param-number-suffix{display:flex;align-items:center;justify-content:center;position:relative;z-index:0;flex:none;height:100%;padding:0 14px;margin:0 0 0 -2px;border-radius:2px;border:1px solid #d9d9d9;background:#f2f2f2}.param-number-range{flex:1;display:flex;align-items:center;height:40px}.param-number-range .param-number{height:100%}.param-number-range.readonly .param-number{flex:none}.param-number-range .param-number-range-prefix{margin:0 8px 0 0}.param-number-range .param-number-range-sep{margin:0 10px}.param-text-array{padding:calc((40px - 30px) / 2) 0}.param-arr-item{display:flex;align-items:center;height:30px;margin:0 0 4px}.param-arr-item>input{flex:none;width:160px}.param-arr-item:first-child:last-child .param-arr-ops-del{visibility:hidden;pointer-events:none}.param-arr-ops{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:100%;padding:0 10px}.param-arr-ops .param-arr-ops-add,.param-arr-ops .param-arr-ops-del{display:flex;align-items:center;justify-content:center;width:30px;height:100%;border-radius:4px;color:#006FA7}.param-arr-ops .param-arr-ops-add:hover,.param-arr-ops .param-arr-ops-del:hover{background:rgba(0,0,0,0.1)}.param-arr-ops .param-arr-ops-del{color:#d51414}.param-renderer{box-sizing:border-box;margin:0;line-height:20px;color:#333}.param-renderer.readonly input,.param-renderer.readonly select,.param-renderer.readonly .select{padding:0;border:none;box-shadow:none}.param-renderer *{box-sizing:border-box}.param-renderer input,.param-renderer select,.param-renderer .select{flex:1;width:50px;height:100%;padding:0 10px;border:1px solid #d9d9d9;border-radius:2px;outline:none;box-shadow:none;background:#fff}.param-renderer input::placeholder,.param-renderer select::placeholder,.param-renderer .select::placeholder{color:rgba(0,0,0,0.25)}.param-renderer input:hover,.param-renderer select:hover,.param-renderer .select:hover{border-color:#006FA7}.param-renderer input:focus,.param-renderer select:focus,.param-renderer .select:focus{border-color:#006FA7;box-shadow:0 0 0 2px rgba(0,111,167,0.1)}
|
package/lib/es/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Bundle of @signalplus/params-about
|
|
3
3
|
* Generated: 2022-04-07
|
|
4
|
-
* Version: 0.1.
|
|
4
|
+
* Version: 0.1.3
|
|
5
5
|
* License: MIT
|
|
6
6
|
* Author: 2631541504@qq.com
|
|
7
7
|
*/
|
|
@@ -1270,8 +1270,8 @@ function ParentSelector(props) {
|
|
|
1270
1270
|
|
|
1271
1271
|
var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
1272
1272
|
$value[index] = item.value;
|
|
1273
|
-
if (String(item.value) === String(props.value)) return true;
|
|
1274
1273
|
$value.length = index + 1;
|
|
1274
|
+
if (String(item.value) === String(props.value)) return true;
|
|
1275
1275
|
return Boolean((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.some(function (it) {
|
|
1276
1276
|
return find(it, index + 1);
|
|
1277
1277
|
}));
|
|
@@ -1481,6 +1481,7 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
|
|
|
1481
1481
|
var _this$props$initialVa;
|
|
1482
1482
|
|
|
1483
1483
|
return /*#__PURE__*/React.createElement(Modal, {
|
|
1484
|
+
key: String(this.state.visible),
|
|
1484
1485
|
width: 640,
|
|
1485
1486
|
closable: false,
|
|
1486
1487
|
title: !((_this$props$initialVa = this.props.initialValues) === null || _this$props$initialVa === void 0 ? void 0 : _this$props$initialVa.paramId) ? '新增参数' : '修改参数',
|
|
@@ -1492,7 +1493,6 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
|
|
|
1492
1493
|
onClick: this.onSubmit
|
|
1493
1494
|
}, "\u786E\u8BA4"))
|
|
1494
1495
|
}, /*#__PURE__*/React.createElement(ParamForm, Object.assign({}, this.props, {
|
|
1495
|
-
key: String(this.state.visible),
|
|
1496
1496
|
ref: this.ref,
|
|
1497
1497
|
onSubmit: undefined
|
|
1498
1498
|
})));
|
|
@@ -1596,6 +1596,11 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
|
|
|
1596
1596
|
}
|
|
1597
1597
|
|
|
1598
1598
|
_createClass(ParamValueEditor, [{
|
|
1599
|
+
key: "componentDidMount",
|
|
1600
|
+
value: function componentDidMount() {
|
|
1601
|
+
console.log(1111, 'mounted');
|
|
1602
|
+
}
|
|
1603
|
+
}, {
|
|
1599
1604
|
key: "render",
|
|
1600
1605
|
value: function render() {
|
|
1601
1606
|
var _this2 = this;
|
|
@@ -1681,6 +1686,7 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
|
|
|
1681
1686
|
key: "render",
|
|
1682
1687
|
value: function render() {
|
|
1683
1688
|
return /*#__PURE__*/React.createElement(Modal, {
|
|
1689
|
+
key: String(this.state.visible),
|
|
1684
1690
|
width: 640,
|
|
1685
1691
|
title: 'Edit Value',
|
|
1686
1692
|
closable: false,
|
|
@@ -1692,7 +1698,6 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
|
|
|
1692
1698
|
onClick: this.onSubmit
|
|
1693
1699
|
}, "Submit"))
|
|
1694
1700
|
}, /*#__PURE__*/React.createElement(ParamValueEditor, Object.assign({}, this.props, {
|
|
1695
|
-
key: String(this.state.visible),
|
|
1696
1701
|
ref: this.ref,
|
|
1697
1702
|
onSubmit: undefined
|
|
1698
1703
|
})));
|