@nokecy/qc-ui 0.8.4 → 0.8.5
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/cjs/dialogSelect/index.js +5 -25
- package/dist/cjs/draggableModal/index.d.ts +10 -0
- package/dist/cjs/draggableModal/index.js +113 -0
- package/dist/cjs/draggableModal/style.less +16 -0
- package/dist/cjs/index.d.ts +3 -3
- package/dist/cjs/index.js +8 -1
- package/dist/esm/ag-grid-plus/_utils/boolSelect.js +15 -26
- package/dist/esm/ag-grid-plus/setting/index.js +119 -136
- package/dist/esm/dialogSelect/index.js +5 -24
- package/dist/esm/draggableModal/index.d.ts +10 -0
- package/dist/esm/draggableModal/index.js +104 -0
- package/dist/esm/draggableModal/style.less +16 -0
- package/dist/esm/index.d.ts +3 -3
- package/dist/esm/index.js +3 -3
- package/dist/umd/qc-ui.min.css +1 -1
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +21 -20
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
|
|
9
8
|
var _antd = require("antd");
|
|
10
9
|
var _antdV = require("@formily/antd-v5");
|
|
11
10
|
var _icons = require("@ant-design/icons");
|
|
@@ -15,11 +14,6 @@ var _ahooks = require("ahooks");
|
|
|
15
14
|
var _excluded = ["request", "columnDefs", "value", "labelField", "valueField", "onChangeItem"];
|
|
16
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
20
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
22
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
23
17
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
24
18
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
25
19
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
@@ -110,29 +104,18 @@ var DialogSelect = function DialogSelect(props) {
|
|
|
110
104
|
}, props.useAutoComplete && !props.labelInValue ? /*#__PURE__*/_react.default.createElement(_antd.AutoComplete, _extends({}, rest, {
|
|
111
105
|
value: state,
|
|
112
106
|
style: _objectSpread(_objectSpread({}, rest === null || rest === void 0 ? void 0 : rest.style), {}, {
|
|
113
|
-
width: "calc(100% -
|
|
114
|
-
minWidth: '150px',
|
|
107
|
+
width: "calc(100% - 0px)",
|
|
115
108
|
marginRight: !props.hideBtn ? 5 : 0
|
|
116
109
|
})
|
|
117
110
|
})) : /*#__PURE__*/_react.default.createElement(_antdV.Select, _extends({}, rest, {
|
|
118
111
|
value: state,
|
|
119
112
|
style: _objectSpread({
|
|
120
|
-
width: "calc(100% -
|
|
121
|
-
minWidth: '150px',
|
|
113
|
+
width: "calc(100% - 0px)",
|
|
122
114
|
marginRight: !props.hideBtn ? 5 : 0
|
|
123
115
|
}, rest.style || {})
|
|
124
116
|
})), !props.disabled && !props.hideBtn ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
|
|
125
117
|
icon: /*#__PURE__*/_react.default.createElement(_icons.DashOutlined, null),
|
|
126
118
|
onClick: function onClick() {
|
|
127
|
-
if ((0, _isArray2.default)(state)) {
|
|
128
|
-
var arr = items.map(function (i) {
|
|
129
|
-
return i[valueField !== null && valueField !== void 0 ? valueField : 'id'];
|
|
130
|
-
});
|
|
131
|
-
var indexArr = (state || []).map(function (i) {
|
|
132
|
-
return arr === null || arr === void 0 ? void 0 : arr.indexOf(i[valueField !== null && valueField !== void 0 ? valueField : 'id']);
|
|
133
|
-
});
|
|
134
|
-
// indexArr?.forEach(i => gridApi?.selectIndex(i, true, true));
|
|
135
|
-
}
|
|
136
119
|
setTrue();
|
|
137
120
|
},
|
|
138
121
|
disabled: rest.disabled
|
|
@@ -156,15 +139,12 @@ var DialogSelect = function DialogSelect(props) {
|
|
|
156
139
|
search: (columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.filter(function (i) {
|
|
157
140
|
return !i.hideInSearch;
|
|
158
141
|
}).length) !== 0,
|
|
159
|
-
onSelectionChanged: onSelectionChanged
|
|
160
|
-
///@ts-ignore
|
|
161
|
-
,
|
|
142
|
+
onSelectionChanged: onSelectionChanged,
|
|
162
143
|
rowSelection: props.mode === 'multiple' ? props.mode : 'single',
|
|
163
144
|
onRowDoubleClicked: function onRowDoubleClicked(_ref) {
|
|
164
145
|
var data = _ref.data;
|
|
165
146
|
setFalse();
|
|
166
|
-
|
|
167
|
-
setState(d);
|
|
147
|
+
setState(getValue([data]));
|
|
168
148
|
if (onChangeItem) onChangeItem(props.mode === 'multiple' ? [data] : {
|
|
169
149
|
label: data.name,
|
|
170
150
|
value: data.code
|
|
@@ -202,7 +182,7 @@ var DialogSelect = function DialogSelect(props) {
|
|
|
202
182
|
return _ref2.apply(this, arguments);
|
|
203
183
|
};
|
|
204
184
|
}()),
|
|
205
|
-
columnDefs:
|
|
185
|
+
columnDefs: columnDefs
|
|
206
186
|
})));
|
|
207
187
|
};
|
|
208
188
|
var _default = exports.default = DialogSelect;
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _icons = require("@ant-design/icons");
|
|
9
|
+
var _antd = require("antd");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _reactDraggable = _interopRequireDefault(require("react-draggable"));
|
|
12
|
+
require("./style.less");
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
+
/**
|
|
24
|
+
* 可拖拽Modal
|
|
25
|
+
* @param props
|
|
26
|
+
* @returns
|
|
27
|
+
*/
|
|
28
|
+
var DraggableModal = function DraggableModal(props) {
|
|
29
|
+
var _useState = (0, _react.useState)(true),
|
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
31
|
+
disabled = _useState2[0],
|
|
32
|
+
setDisabled = _useState2[1];
|
|
33
|
+
var _useState3 = (0, _react.useState)({
|
|
34
|
+
left: 0,
|
|
35
|
+
top: 0,
|
|
36
|
+
bottom: 0,
|
|
37
|
+
right: 0
|
|
38
|
+
}),
|
|
39
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
40
|
+
bounds = _useState4[0],
|
|
41
|
+
setBounds = _useState4[1];
|
|
42
|
+
var draggleRef = (0, _react.useRef)(null);
|
|
43
|
+
var _useState5 = (0, _react.useState)(false),
|
|
44
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
45
|
+
fullScreen = _useState6[0],
|
|
46
|
+
setFullScreen = _useState6[1];
|
|
47
|
+
var _onStart = function onStart(_event, uiData) {
|
|
48
|
+
var _draggleRef$current;
|
|
49
|
+
var _window$document$docu = window.document.documentElement,
|
|
50
|
+
clientWidth = _window$document$docu.clientWidth,
|
|
51
|
+
clientHeight = _window$document$docu.clientHeight;
|
|
52
|
+
var targetRect = (_draggleRef$current = draggleRef.current) === null || _draggleRef$current === void 0 ? void 0 : _draggleRef$current.getBoundingClientRect();
|
|
53
|
+
if (!targetRect) {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
setBounds({
|
|
57
|
+
left: -targetRect.left + uiData.x,
|
|
58
|
+
right: clientWidth - (targetRect.right - uiData.x),
|
|
59
|
+
top: -targetRect.top + uiData.y,
|
|
60
|
+
bottom: clientHeight - (targetRect.bottom - uiData.y)
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
var toggleFullScreen = function toggleFullScreen() {
|
|
64
|
+
setFullScreen(!fullScreen);
|
|
65
|
+
};
|
|
66
|
+
var titleRender = function titleRender() {
|
|
67
|
+
var title = props.title;
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title, /*#__PURE__*/_react.default.createElement("button", {
|
|
69
|
+
type: "button",
|
|
70
|
+
className: "ant-modal-close",
|
|
71
|
+
style: {
|
|
72
|
+
right: 42
|
|
73
|
+
},
|
|
74
|
+
onClick: toggleFullScreen
|
|
75
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
76
|
+
className: "ant-modal-close-x"
|
|
77
|
+
}, fullScreen ? /*#__PURE__*/_react.default.createElement(_icons.ShrinkOutlined, null) : /*#__PURE__*/_react.default.createElement(_icons.ArrowsAltOutlined, null))));
|
|
78
|
+
};
|
|
79
|
+
return /*#__PURE__*/_react.default.createElement(_antd.Modal, _extends({
|
|
80
|
+
maskClosable: false,
|
|
81
|
+
wrapClassName: "".concat(fullScreen ? 'modal-wrap-fullscreen' : '')
|
|
82
|
+
}, props, {
|
|
83
|
+
title: /*#__PURE__*/_react.default.createElement("div", {
|
|
84
|
+
style: {
|
|
85
|
+
width: '100%',
|
|
86
|
+
cursor: 'move'
|
|
87
|
+
},
|
|
88
|
+
onMouseOver: function onMouseOver() {
|
|
89
|
+
if (disabled) {
|
|
90
|
+
setDisabled(false);
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
onMouseOut: function onMouseOut() {
|
|
94
|
+
setDisabled(true);
|
|
95
|
+
},
|
|
96
|
+
onFocus: function onFocus() {},
|
|
97
|
+
onBlur: function onBlur() {}
|
|
98
|
+
}, titleRender()),
|
|
99
|
+
modalRender: function modalRender(modal) {
|
|
100
|
+
return /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
|
|
101
|
+
disabled: disabled,
|
|
102
|
+
bounds: bounds,
|
|
103
|
+
nodeRef: draggleRef,
|
|
104
|
+
onStart: function onStart(event, uiData) {
|
|
105
|
+
return _onStart(event, uiData);
|
|
106
|
+
}
|
|
107
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
108
|
+
ref: draggleRef
|
|
109
|
+
}, modal));
|
|
110
|
+
}
|
|
111
|
+
}));
|
|
112
|
+
};
|
|
113
|
+
var _default = exports.default = DraggableModal;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext } from "./ag-grid-plus";
|
|
2
2
|
import ArrayTable from "./array-table";
|
|
3
3
|
import ArrayTableIndex from "./array-table-index";
|
|
4
|
+
import Card from "./card";
|
|
4
5
|
import Dashboard from "./dashboard";
|
|
5
6
|
import DialogSelect from "./dialogSelect";
|
|
7
|
+
import DraggableModal from "./draggableModal";
|
|
6
8
|
import Editable from "./editable";
|
|
7
9
|
import ExtensibleGrid from "./extensible-grid";
|
|
8
10
|
import { FormDesigner } from "./formDesigner";
|
|
9
11
|
import { FormProLayout } from "./formPro";
|
|
10
|
-
import Card from "./card";
|
|
11
12
|
import { FormProContext } from "./formPro/context/formProContext";
|
|
12
|
-
export {
|
|
13
|
-
export { flattenTreeDeep };
|
|
13
|
+
export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -45,6 +45,12 @@ Object.defineProperty(exports, "DialogSelect", {
|
|
|
45
45
|
return _dialogSelect.default;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
|
+
Object.defineProperty(exports, "DraggableModal", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _draggableModal.default;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
48
54
|
Object.defineProperty(exports, "Editable", {
|
|
49
55
|
enumerable: true,
|
|
50
56
|
get: function get() {
|
|
@@ -90,12 +96,13 @@ Object.defineProperty(exports, "flattenTreeDeep", {
|
|
|
90
96
|
var _agGridPlus = require("./ag-grid-plus");
|
|
91
97
|
var _arrayTable = _interopRequireDefault(require("./array-table"));
|
|
92
98
|
var _arrayTableIndex = _interopRequireDefault(require("./array-table-index"));
|
|
99
|
+
var _card = _interopRequireDefault(require("./card"));
|
|
93
100
|
var _dashboard = _interopRequireDefault(require("./dashboard"));
|
|
94
101
|
var _dialogSelect = _interopRequireDefault(require("./dialogSelect"));
|
|
102
|
+
var _draggableModal = _interopRequireDefault(require("./draggableModal"));
|
|
95
103
|
var _editable = _interopRequireDefault(require("./editable"));
|
|
96
104
|
var _extensibleGrid = _interopRequireDefault(require("./extensible-grid"));
|
|
97
105
|
var _formDesigner = require("./formDesigner");
|
|
98
106
|
var _formPro = require("./formPro");
|
|
99
|
-
var _card = _interopRequireDefault(require("./card"));
|
|
100
107
|
var _formProContext = require("./formPro/context/formProContext");
|
|
101
108
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
function
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
7
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
3
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
4
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -20,30 +15,24 @@ import React from "react";
|
|
|
20
15
|
* @param ref
|
|
21
16
|
* @returns
|
|
22
17
|
*/
|
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
25
18
|
var BoolSelect = function BoolSelect(props, ref) {
|
|
26
19
|
var _useControllableValue = useControllableValue(props),
|
|
27
20
|
_useControllableValue2 = _slicedToArray(_useControllableValue, 2),
|
|
28
21
|
state = _useControllableValue2[0],
|
|
29
22
|
setState = _useControllableValue2[1];
|
|
30
|
-
return /*#__PURE__*/
|
|
31
|
-
ref: ref
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
children: "\u5426"
|
|
45
|
-
})]
|
|
46
|
-
}))
|
|
47
|
-
});
|
|
23
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
24
|
+
ref: ref
|
|
25
|
+
}, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
|
|
26
|
+
value: state,
|
|
27
|
+
onChange: function onChange(value, option) {
|
|
28
|
+
var _props$onChange;
|
|
29
|
+
setState(value);
|
|
30
|
+
props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, value, option);
|
|
31
|
+
}
|
|
32
|
+
}), /*#__PURE__*/React.createElement(Select.Option, {
|
|
33
|
+
value: true
|
|
34
|
+
}, "\u662F"), /*#__PURE__*/React.createElement(Select.Option, {
|
|
35
|
+
value: false
|
|
36
|
+
}, "\u5426")));
|
|
48
37
|
};
|
|
49
38
|
export default /*#__PURE__*/React.forwardRef(BoolSelect);
|
|
@@ -13,8 +13,6 @@ import { createSchemaField } from '@formily/react';
|
|
|
13
13
|
import { onFormInit } from '@formily/core';
|
|
14
14
|
import React, { useMemo } from "react";
|
|
15
15
|
import { SettingOutlined } from '@ant-design/icons';
|
|
16
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
16
|
var Setting = function Setting(props) {
|
|
19
17
|
var gridKey = props.gridKey,
|
|
20
18
|
gridApi = props.gridApi,
|
|
@@ -59,140 +57,125 @@ var Setting = function Setting(props) {
|
|
|
59
57
|
if (!gridKey) {
|
|
60
58
|
return null;
|
|
61
59
|
}
|
|
62
|
-
return /*#__PURE__*/
|
|
63
|
-
id: portalId
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
})
|
|
172
|
-
})]
|
|
173
|
-
})
|
|
174
|
-
})
|
|
175
|
-
})
|
|
176
|
-
})
|
|
177
|
-
});
|
|
60
|
+
return /*#__PURE__*/React.createElement(FormDialog.Portal, {
|
|
61
|
+
id: portalId
|
|
62
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
63
|
+
style: {
|
|
64
|
+
margin: "0 4px",
|
|
65
|
+
color: "#000",
|
|
66
|
+
fontSize: 16,
|
|
67
|
+
cursor: "pointer"
|
|
68
|
+
},
|
|
69
|
+
onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
70
|
+
var formDialog;
|
|
71
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
72
|
+
while (1) switch (_context.prev = _context.next) {
|
|
73
|
+
case 0:
|
|
74
|
+
formDialog = FormDialog({
|
|
75
|
+
title: "个性化设置",
|
|
76
|
+
width: 960
|
|
77
|
+
}, portalId, function () {
|
|
78
|
+
return /*#__PURE__*/React.createElement(FormLayout, null, /*#__PURE__*/React.createElement(SchemaField, null, /*#__PURE__*/React.createElement(SchemaField.Void, {
|
|
79
|
+
"x-component": "FormGrid",
|
|
80
|
+
"x-component-props": {
|
|
81
|
+
maxColumns: [1, 3],
|
|
82
|
+
strictAutoFit: true
|
|
83
|
+
}
|
|
84
|
+
}, /*#__PURE__*/React.createElement(SchemaField.Array, {
|
|
85
|
+
name: "items",
|
|
86
|
+
title: "",
|
|
87
|
+
"x-component": "ArrayTable",
|
|
88
|
+
"x-validator": [{
|
|
89
|
+
message: ""
|
|
90
|
+
}],
|
|
91
|
+
"x-decorator": "FormItem",
|
|
92
|
+
"x-decorator-props": {
|
|
93
|
+
gridSpan: 3
|
|
94
|
+
}
|
|
95
|
+
}, /*#__PURE__*/React.createElement(SchemaField.Object, null, /*#__PURE__*/React.createElement(SchemaField.Void, {
|
|
96
|
+
"x-component": "ArrayTable.Column",
|
|
97
|
+
"x-component-props": {
|
|
98
|
+
width: 100,
|
|
99
|
+
title: "列名"
|
|
100
|
+
}
|
|
101
|
+
}, /*#__PURE__*/React.createElement(SchemaField.String, {
|
|
102
|
+
name: "headerName",
|
|
103
|
+
"x-decorator": "FormItem",
|
|
104
|
+
"x-component": "Input",
|
|
105
|
+
"x-read-pretty": true
|
|
106
|
+
})), /*#__PURE__*/React.createElement(SchemaField.Void, {
|
|
107
|
+
"x-component": "ArrayTable.Column",
|
|
108
|
+
"x-component-props": {
|
|
109
|
+
width: 100,
|
|
110
|
+
title: "宽度"
|
|
111
|
+
}
|
|
112
|
+
}, /*#__PURE__*/React.createElement(SchemaField.String, {
|
|
113
|
+
name: "width",
|
|
114
|
+
"x-decorator": "FormItem",
|
|
115
|
+
"x-component": "NumberPicker"
|
|
116
|
+
})), /*#__PURE__*/React.createElement(SchemaField.Void, {
|
|
117
|
+
"x-component": "ArrayTable.Column",
|
|
118
|
+
"x-component-props": {
|
|
119
|
+
width: 100,
|
|
120
|
+
title: "占满"
|
|
121
|
+
}
|
|
122
|
+
}, /*#__PURE__*/React.createElement(SchemaField.String, {
|
|
123
|
+
name: "flex",
|
|
124
|
+
"x-decorator": "FormItem",
|
|
125
|
+
"x-component": "Select",
|
|
126
|
+
enum: [{
|
|
127
|
+
value: 1,
|
|
128
|
+
label: "占满"
|
|
129
|
+
}, {
|
|
130
|
+
value: 0,
|
|
131
|
+
label: "不占满"
|
|
132
|
+
}]
|
|
133
|
+
})), /*#__PURE__*/React.createElement(SchemaField.Void, {
|
|
134
|
+
"x-component": "ArrayTable.Column",
|
|
135
|
+
"x-component-props": {
|
|
136
|
+
width: 100,
|
|
137
|
+
title: '固定位置'
|
|
138
|
+
}
|
|
139
|
+
}, /*#__PURE__*/React.createElement(SchemaField.String, {
|
|
140
|
+
name: "pinned",
|
|
141
|
+
"x-decorator": "FormItem",
|
|
142
|
+
"x-component": "Select",
|
|
143
|
+
enum: [{
|
|
144
|
+
value: "left",
|
|
145
|
+
label: "左固定"
|
|
146
|
+
}, {
|
|
147
|
+
value: "right",
|
|
148
|
+
label: "右固定"
|
|
149
|
+
}, {
|
|
150
|
+
value: undefined,
|
|
151
|
+
label: "不固定"
|
|
152
|
+
}]
|
|
153
|
+
})), /*#__PURE__*/React.createElement(SchemaField.Void, {
|
|
154
|
+
"x-component": "ArrayTable.Column",
|
|
155
|
+
"x-component-props": {
|
|
156
|
+
title: '隐藏'
|
|
157
|
+
}
|
|
158
|
+
}, /*#__PURE__*/React.createElement(SchemaField.String, {
|
|
159
|
+
name: "hide",
|
|
160
|
+
"x-decorator": "FormItem",
|
|
161
|
+
"x-component": "Switch"
|
|
162
|
+
})))))));
|
|
163
|
+
});
|
|
164
|
+
formDialog.forConfirm(function (payload, next) {
|
|
165
|
+
var values = payload.values;
|
|
166
|
+
var falg = gridApi.applyColumnState({
|
|
167
|
+
state: values.items,
|
|
168
|
+
applyOrder: true
|
|
178
169
|
});
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
case "end":
|
|
190
|
-
return _context.stop();
|
|
191
|
-
}
|
|
192
|
-
}, _callee);
|
|
193
|
-
})),
|
|
194
|
-
children: /*#__PURE__*/_jsx(SettingOutlined, {})
|
|
195
|
-
})
|
|
196
|
-
});
|
|
170
|
+
onSaveColumnState && onSaveColumnState(values.items);
|
|
171
|
+
next(payload);
|
|
172
|
+
}).open(formProps);
|
|
173
|
+
case 2:
|
|
174
|
+
case "end":
|
|
175
|
+
return _context.stop();
|
|
176
|
+
}
|
|
177
|
+
}, _callee);
|
|
178
|
+
}))
|
|
179
|
+
}, /*#__PURE__*/React.createElement(SettingOutlined, null)));
|
|
197
180
|
};
|
|
198
181
|
export default Setting;
|