@kne/react-form-antd 2.1.36 → 2.1.38
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/dist/index.css +6 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +39 -24
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +36 -23
- package/dist/index.modern.js.map +1 -1
- package/package.json +19 -19
package/dist/index.css
CHANGED
|
@@ -139,7 +139,12 @@
|
|
|
139
139
|
height: 16px; }
|
|
140
140
|
|
|
141
141
|
.react-form-avatar-btn {
|
|
142
|
-
cursor: pointer;
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
padding: 5px;
|
|
144
|
+
box-sizing: content-box;
|
|
145
|
+
border-radius: 2px; }
|
|
146
|
+
.react-form-avatar-btn:hover {
|
|
147
|
+
background: #F8F8F8; }
|
|
143
148
|
|
|
144
149
|
.react-form-avatar-tips {
|
|
145
150
|
margin-bottom: 14px;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,eAAe,EAAE;EACjB;IACE,WAAW,EAAE;EACf;IACE,eAAe;IACf,kBAAkB;IAClB,iBAAiB,EAAE;EACrB;IACE,kBAAkB;IAClB,iBAAiB,EAAE;EACrB;IACE,mBAAmB,EAAE;EACvB;IACE,sBAAsB,EAAE;EAC1B;IACE,gBAAgB,EAAE;EACpB;IACE,eAAe;IACf,gBAAgB;IAChB,iBAAiB;IACjB,cAAc;IACd,kBAAkB,EAAE;EACtB;IACE,eAAe;IACf,kBAAkB,EAAE;EACtB;IACE,sBAAsB,EAAE;IACxB;MACE,qBAAqB;MACrB,kBAAkB,EAAE;MACpB;QACE,eAAe,EAAE;IACrB;MACE,0BAA0B;MAC1B,eAAe,EAAE;MACjB;QACE,gBAAgB,EAAE;IACtB;MACE,eAAe;MACf,iBAAiB,EAAE;IACrB;MACE,kBAAkB,EAAE;EACxB;IACE,aAAa,EAAE;EACjB;IACE,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB,EAAE;IACpB;MACE,kBAAkB;MAClB,cAAc;MACd,iBAAiB;MACjB,YAAY;MACZ,iBAAiB;MACjB,4BAA4B,EAAE;EAClC;IACE,kBAAkB;IAClB,OAAO;IACP,kBAAkB,EAAE;EACtB;IACE,eAAe;IACf,cAAc;IACd,iBAAiB,EAAE;EACrB;IACE,mBAAmB;IACnB,8BAA8B,EAAE;IAChC;MACE,qBAAqB,EAAE;MACvB;QACE,4CAA4C,EAAE;MAChD;QACE,qBAAqB,EAAE;QACvB;UACE,4CAA4C,EAAE;MAClD;QACE,qBAAqB,EAAE;MACzB;QACE,gBAAgB,EAAE;MACpB;QACE,4CAA4C,EAAE;MAChD;QACE,qBAAqB,EAAE;MACzB;QACE,4CAA4C,EAAE;IAClD;MACE,cAAc;MACd,eAAe;MACf,kBAAkB;MAClB,qBAAqB;MACrB,OAAO,EAAE;;AAEf;EACE,UAAU,EAAE;;AAEd;EACE,aAAa,EAAE;;AAEjB;EACE,cAAc,EAAE;;AAElB;EACE,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;EACb,uBAAuB;EACvB,mBAAmB,EAAE;EACrB;IACE,eAAe;IACf,gBAAgB,EAAE;;AAEtB;EACE,0BAA0B;EAC1B,kBAAkB,EAAE;EACpB;IACE,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,0BAA0B;IAC1B,iBAAiB;IACjB,oBAAoB,EAAE;EACxB;IACE,UAAU,EAAE;;AAEhB;EACE,kBAAkB,EAAE;;AAEtB;EACE,aAAa;EACb,mBAAmB;EACnB,yBAAyB;EACzB,aAAa,EAAE;EACf;IACE,WAAW;IACX,YAAY,EAAE;;AAElB;EACE,eAAe,EAAE;;
|
|
1
|
+
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,eAAe,EAAE;EACjB;IACE,WAAW,EAAE;EACf;IACE,eAAe;IACf,kBAAkB;IAClB,iBAAiB,EAAE;EACrB;IACE,kBAAkB;IAClB,iBAAiB,EAAE;EACrB;IACE,mBAAmB,EAAE;EACvB;IACE,sBAAsB,EAAE;EAC1B;IACE,gBAAgB,EAAE;EACpB;IACE,eAAe;IACf,gBAAgB;IAChB,iBAAiB;IACjB,cAAc;IACd,kBAAkB,EAAE;EACtB;IACE,eAAe;IACf,kBAAkB,EAAE;EACtB;IACE,sBAAsB,EAAE;IACxB;MACE,qBAAqB;MACrB,kBAAkB,EAAE;MACpB;QACE,eAAe,EAAE;IACrB;MACE,0BAA0B;MAC1B,eAAe,EAAE;MACjB;QACE,gBAAgB,EAAE;IACtB;MACE,eAAe;MACf,iBAAiB,EAAE;IACrB;MACE,kBAAkB,EAAE;EACxB;IACE,aAAa,EAAE;EACjB;IACE,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB,EAAE;IACpB;MACE,kBAAkB;MAClB,cAAc;MACd,iBAAiB;MACjB,YAAY;MACZ,iBAAiB;MACjB,4BAA4B,EAAE;EAClC;IACE,kBAAkB;IAClB,OAAO;IACP,kBAAkB,EAAE;EACtB;IACE,eAAe;IACf,cAAc;IACd,iBAAiB,EAAE;EACrB;IACE,mBAAmB;IACnB,8BAA8B,EAAE;IAChC;MACE,qBAAqB,EAAE;MACvB;QACE,4CAA4C,EAAE;MAChD;QACE,qBAAqB,EAAE;QACvB;UACE,4CAA4C,EAAE;MAClD;QACE,qBAAqB,EAAE;MACzB;QACE,gBAAgB,EAAE;MACpB;QACE,4CAA4C,EAAE;MAChD;QACE,qBAAqB,EAAE;MACzB;QACE,4CAA4C,EAAE;IAClD;MACE,cAAc;MACd,eAAe;MACf,kBAAkB;MAClB,qBAAqB;MACrB,OAAO,EAAE;;AAEf;EACE,UAAU,EAAE;;AAEd;EACE,aAAa,EAAE;;AAEjB;EACE,cAAc,EAAE;;AAElB;EACE,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;EACb,uBAAuB;EACvB,mBAAmB,EAAE;EACrB;IACE,eAAe;IACf,gBAAgB,EAAE;;AAEtB;EACE,0BAA0B;EAC1B,kBAAkB,EAAE;EACpB;IACE,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,0BAA0B;IAC1B,iBAAiB;IACjB,oBAAoB,EAAE;EACxB;IACE,UAAU,EAAE;;AAEhB;EACE,kBAAkB,EAAE;;AAEtB;EACE,aAAa;EACb,mBAAmB;EACnB,yBAAyB;EACzB,aAAa,EAAE;EACf;IACE,WAAW;IACX,YAAY,EAAE;;AAElB;EACE,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,kBAAkB,EAAE;EACpB;IACE,mBAAmB,EAAE;;AAEzB;EACE,mBAAmB;EACnB,WAAW;EACX,eAAe,EAAE","file":"index.css","sourcesContent":[".react-form, .react-form--large, .react-form--small, .react-form--inner, .react-form--inner--large, .react-form--inner--small, .react-form--inline, .react-form--inline--large, .react-form--inline--small {\n text-align: left;\n font-size: 12px; }\n .react-form .ant-select, .react-form--large .ant-select, .react-form--small .ant-select, .react-form--inner .ant-select, .react-form--inner--large .ant-select, .react-form--inner--small .ant-select, .react-form--inline .ant-select, .react-form--inline--large .ant-select, .react-form--inline--small .ant-select {\n width: 100%; }\n .react-form--large .react-form__field-label {\n font-size: 14px;\n margin-right: 20px;\n line-height: 34px; }\n .react-form--small .react-form__field-label {\n margin-right: 12px;\n line-height: 24px; }\n .react-form--inner .react-form__field, .react-form--inner--large .react-form__field, .react-form--inner--small .react-form__field {\n margin-bottom: 22px; }\n .react-form--inner .react-form__field-main, .react-form--inner--large .react-form__field-main, .react-form--inner--small .react-form__field-main {\n flex-direction: column; }\n .react-form--inner .react-form__field-input, .react-form--inner--large .react-form__field-input, .react-form--inner--small .react-form__field-input {\n align-self: auto; }\n .react-form--inner .react-form__field-label, .react-form--inner--large .react-form__field-label, .react-form--inner--small .react-form__field-label {\n font-size: 14px;\n text-align: left;\n font-weight: bold;\n margin-left: 0;\n margin-bottom: 2px; }\n .react-form--inner--small .react-form__field-label {\n font-size: 12px;\n margin-bottom: 1px; }\n .react-form--inline, .react-form--inline--large, .react-form--inline--small {\n padding: 30px 30px 6px; }\n .react-form--inline .react-form__field, .react-form--inline--large .react-form__field, .react-form--inline--small .react-form__field {\n display: inline-block;\n margin-right: 40px; }\n .react-form--inline .react-form__field:last-child, .react-form--inline--large .react-form__field:last-child, .react-form--inline--small .react-form__field:last-child {\n margin-right: 0; }\n .react-form--inline .react-form__field-label, .react-form--inline--large .react-form__field-label, .react-form--inline--small .react-form__field-label {\n min-width: auto !important;\n padding-left: 0; }\n .react-form--inline .react-form__field-label.is-req:before, .react-form--inline--large .react-form__field-label.is-req:before, .react-form--inline--small .react-form__field-label.is-req:before {\n position: static; }\n .react-form--inline--large .react-form__field-label {\n font-size: 14px;\n line-height: 34px; }\n .react-form--inline--small .react-form__field-label {\n margin-right: 12px; }\n .react-form__field-main {\n display: flex; }\n .react-form__field-label {\n text-align: right;\n margin-right: 16px;\n line-height: 30px;\n margin-left: 10px;\n position: relative; }\n .react-form__field-label.is-req:before {\n position: absolute;\n color: #fc3333;\n font-weight: bold;\n content: '*';\n margin-right: 4px;\n transform: translateX(-10px); }\n .react-form__field-input {\n align-self: center;\n flex: 1;\n position: relative; }\n .react-form__field-describable {\n font-size: 12px;\n color: #999999;\n line-height: 20px; }\n .react-form__field {\n margin-bottom: 24px;\n transition: border-color 300ms; }\n .react-form__field.is-req-error .react-form__field-component, .react-form__field.is-error .react-form__field-component {\n border-color: #fc3333; }\n .react-form__field.is-req-error .react-form__field-component:focus, .react-form__field.is-error .react-form__field-component:focus {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n .react-form__field.is-req-error .react-form__field-component .ant-select-selection, .react-form__field.is-req-error .react-form__field-component .ant-input, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner, .react-form__field.is-error .react-form__field-component .ant-select-selection, .react-form__field.is-error .react-form__field-component .ant-input, .react-form__field.is-error .react-form__field-component .ant-radio-inner {\n border-color: #fc3333; }\n .react-form__field.is-req-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-req-error .react-form__field-component .ant-input:focus, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner:focus, .react-form__field.is-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-error .react-form__field-component .ant-input:focus, .react-form__field.is-error .react-form__field-component .ant-radio-inner:focus {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n .react-form__field.is-req-error .react-form__field-component .ant-upload.ant-upload-select-picture-card, .react-form__field.is-error .react-form__field-component .ant-upload.ant-upload-select-picture-card {\n border-color: #fc3333; }\n .react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper .ant-input, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper .ant-input {\n box-shadow: none; }\n .react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper-focused, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper-focused {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n .react-form__field.is-req-error .react-form__field-component.ant-select > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select > .ant-select-selector {\n border-color: #fc3333; }\n .react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n .react-form__field-error {\n color: #fc3333;\n font-size: 12px;\n position: absolute;\n top: calc(100% + 1px);\n left: 0; }\n\n.react-form-modal .ant-modal-content > .ant-modal-body {\n padding: 0; }\n\n.react-form-modal .ant-modal-confirm-btns {\n display: none; }\n\n.react-form-modal.ant-modal-confirm .ant-modal-header, .react-form-modal.ant-modal-confirm .ant-modal-close {\n display: block; }\n\n.react-form-avatar .preview {\n width: 85px;\n height: 85px;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center; }\n .react-form-avatar .preview img {\n max-width: 100%;\n max-height: 100%; }\n\n.data_range_picker {\n color: rgba(0, 0, 0, 0.85);\n position: relative; }\n .data_range_picker .zhijin {\n position: absolute;\n line-height: 31px;\n font-size: 14px;\n color: rgba(0, 0, 0, 0.85);\n margin-left: 12px;\n pointer-events: auto; }\n .data_range_picker .zhijin_show {\n z-index: 9; }\n\n.data_range_picker_dis .ant-picker-input input {\n color: transparent; }\n\n.svg_box {\n display: flex;\n align-items: center;\n color: rgba(0, 0, 0, 0.5);\n margin: 0 4px; }\n .svg_box svg {\n width: 16px;\n height: 16px; }\n\n.react-form-avatar-btn {\n cursor: pointer;\n padding: 5px;\n box-sizing: content-box;\n border-radius: 2px; }\n .react-form-avatar-btn:hover {\n background: #F8F8F8; }\n\n.react-form-avatar-tips {\n margin-bottom: 14px;\n color: #999;\n font-size: 12px; }\n"]}
|
package/dist/index.js
CHANGED
|
@@ -256,6 +256,26 @@ var FullIcon = function FullIcon(props) {
|
|
|
256
256
|
})))));
|
|
257
257
|
};
|
|
258
258
|
|
|
259
|
+
var getPopupContainer = function getPopupContainer(triggerNode) {
|
|
260
|
+
var findAntdPopupContainer = function findAntdPopupContainer(el) {
|
|
261
|
+
if (el === document.body || !el.parentElement) {
|
|
262
|
+
return document.body;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
var targetEl = [].slice.call(el.classList, 0).find(function (className) {
|
|
266
|
+
return ['ant-modal-body', 'ant-modal-content', 'ant-popover-content'].indexOf(className) > -1;
|
|
267
|
+
});
|
|
268
|
+
|
|
269
|
+
if (targetEl) {
|
|
270
|
+
return el;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
return findAntdPopupContainer(el.parentElement);
|
|
274
|
+
};
|
|
275
|
+
|
|
276
|
+
return findAntdPopupContainer(triggerNode);
|
|
277
|
+
};
|
|
278
|
+
|
|
259
279
|
var _excluded$8 = ["close", "file", "editor", "onComplete"];
|
|
260
280
|
var useOnChange$d = reactFormHelper.hooks.useOnChange;
|
|
261
281
|
var avatarParams = globalParams.field.avatar;
|
|
@@ -311,24 +331,39 @@ var createAvatarEditor = withLayer__default["default"](function (_ref) {
|
|
|
311
331
|
align: "middle"
|
|
312
332
|
}, /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
313
333
|
span: 4
|
|
334
|
+
}, /*#__PURE__*/React__default["default"].createElement(antd.Tooltip, {
|
|
335
|
+
title: "\u65CB\u8F6C",
|
|
336
|
+
placement: "bottom",
|
|
337
|
+
getPopupContainer: getPopupContainer
|
|
314
338
|
}, /*#__PURE__*/React__default["default"].createElement(RotateIcon, {
|
|
315
339
|
className: "react-form-avatar-btn",
|
|
316
340
|
onClick: function onClick() {
|
|
317
341
|
setRotate(function (rotate) {
|
|
318
|
-
return rotate
|
|
342
|
+
return (rotate - 90) % 360;
|
|
319
343
|
});
|
|
320
344
|
}
|
|
321
|
-
})), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
345
|
+
}))), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
322
346
|
span: 4
|
|
347
|
+
}, /*#__PURE__*/React__default["default"].createElement(antd.Tooltip, {
|
|
348
|
+
title: "\u8FD8\u539F",
|
|
349
|
+
placement: "bottom",
|
|
350
|
+
getPopupContainer: getPopupContainer
|
|
323
351
|
}, /*#__PURE__*/React__default["default"].createElement(FullIcon, {
|
|
324
352
|
className: "react-form-avatar-btn",
|
|
325
353
|
onClick: function onClick() {
|
|
326
354
|
setScale(1);
|
|
327
355
|
}
|
|
328
|
-
})), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
356
|
+
}))), /*#__PURE__*/React__default["default"].createElement(antd.Col, {
|
|
329
357
|
flex: 1
|
|
330
358
|
}, /*#__PURE__*/React__default["default"].createElement(antd.Slider, {
|
|
331
|
-
|
|
359
|
+
className: "react-form-avatar-slider",
|
|
360
|
+
tooltip: {
|
|
361
|
+
placement: "bottom",
|
|
362
|
+
formatter: function formatter() {
|
|
363
|
+
return '大小';
|
|
364
|
+
},
|
|
365
|
+
getPopupContainer: getPopupContainer
|
|
366
|
+
},
|
|
332
367
|
value: scale,
|
|
333
368
|
step: 0.05,
|
|
334
369
|
min: 0.2,
|
|
@@ -570,26 +605,6 @@ CheckboxGroup$1.defaultProps = {
|
|
|
570
605
|
fieldName: 'checkboxGroup'
|
|
571
606
|
};
|
|
572
607
|
|
|
573
|
-
var getPopupContainer = function getPopupContainer(triggerNode) {
|
|
574
|
-
var findAntdPopupContainer = function findAntdPopupContainer(el) {
|
|
575
|
-
if (el === document.body || !el.parentElement) {
|
|
576
|
-
return document.body;
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
var targetEl = [].slice.call(el.classList, 0).find(function (className) {
|
|
580
|
-
return ['ant-modal-body', 'ant-modal-content', 'ant-popover-content'].indexOf(className) > -1;
|
|
581
|
-
});
|
|
582
|
-
|
|
583
|
-
if (targetEl) {
|
|
584
|
-
return el;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
return findAntdPopupContainer(el.parentElement);
|
|
588
|
-
};
|
|
589
|
-
|
|
590
|
-
return findAntdPopupContainer(triggerNode);
|
|
591
|
-
};
|
|
592
|
-
|
|
593
608
|
var useOnChange$9 = reactFormHelper.hooks.useOnChange;
|
|
594
609
|
var MonthPicker = antd.DatePicker.MonthPicker,
|
|
595
610
|
RangePicker$1 = antd.DatePicker.RangePicker,
|