@nokecy/qc-ui 0.8.3 → 0.8.4

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.
@@ -102,10 +102,10 @@ var ArrayTable = (0, _react2.observer)(function (props) {
102
102
  resizable: true,
103
103
  headerComponentParams: {
104
104
  template: '<div class="ag-cell-label-container" role="presentation">' +
105
- // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
105
+ // ' <span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
106
106
  ' <div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span data-ref="eText" class="ag-header-cell-text"> </span>' +
107
- // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
108
- // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
107
+ // ' <span data-ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
108
+ // ' <span data-ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
109
109
  ' <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
110
110
  }
111
111
  },
@@ -37,11 +37,11 @@ var ArrayTable = function ArrayTable(props) {
37
37
  resizable: true,
38
38
  headerComponentParams: {
39
39
  template: '<div class="ag-cell-label-container" role="presentation">' +
40
- // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
41
- ' <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span ref="eText" class="ag-header-cell-text"></span>' +
42
- // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
43
- // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
44
- ' <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
40
+ // ' <span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
41
+ ' <div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span data-ref="eText" class="ag-header-cell-text"></span>' + ' <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' +
42
+ // ' <span data-ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
43
+ // ' <span data-ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
44
+ ' <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
45
45
  }
46
46
  },
47
47
  getRowId: function getRowId(_ref) {
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const Card: (props: any) => React.JSX.Element;
3
+ export default Card;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _proCard = _interopRequireDefault(require("@ant-design/pro-card"));
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ 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); }
11
+ 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); }
12
+ 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; }
13
+ 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; }
14
+ 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; }
15
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
16
+ 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); }
17
+ var Card = function Card(props) {
18
+ return /*#__PURE__*/_react.default.createElement(_proCard.default, _extends({
19
+ headerBordered: false,
20
+ collapsible: true
21
+ }, props, {
22
+ headStyle: _objectSpread({
23
+ paddingTop: 8,
24
+ paddingBottom: 8
25
+ }, props.headStyle)
26
+ }));
27
+ };
28
+ var _default = exports.default = Card;
@@ -1,4 +1,16 @@
1
- import React from "react";
2
- import IDialogSelectProps from "./interface";
3
- declare const DialogSelect: React.ForwardRefExoticComponent<Partial<IDialogSelectProps> & React.RefAttributes<unknown>>;
1
+ import { SelectProps } from 'antd/lib/select';
2
+ import React from 'react';
3
+ import { ColDef, ColGroupDef } from 'ag-grid-community';
4
+ interface IDialogSelectProps extends SelectProps<any> {
5
+ hideBtn: boolean;
6
+ request?: any;
7
+ columnDefs?: (ColDef | ColGroupDef)[] | null;
8
+ labelField?: any;
9
+ valueField?: any;
10
+ queryFun?: (item: any) => void;
11
+ onChangeItem?: (item: any) => void;
12
+ useAutoComplete?: boolean;
13
+ }
14
+ declare const DialogSelect: (props: IDialogSelectProps) => React.JSX.Element;
15
+ export { IDialogSelectProps };
4
16
  export default DialogSelect;
@@ -5,14 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
+ var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
8
9
  var _antd = require("antd");
9
10
  var _antdV = require("@formily/antd-v5");
10
- var _react = _interopRequireDefault(require("react"));
11
+ var _icons = require("@ant-design/icons");
12
+ var _react = _interopRequireWildcard(require("react"));
13
+ var _agGridPlus = require("../ag-grid-plus");
11
14
  var _ahooks = require("ahooks");
12
- var _selectModal = _interopRequireDefault(require("./selectModal"));
13
- var _react2 = require("@formily/react");
14
- var _excluded = ["useAutoComplete", "request", "columnDefs", "value", "labelField", "valueField", "onChangeItem"];
15
+ var _excluded = ["request", "columnDefs", "value", "labelField", "valueField", "onChangeItem"];
16
+ 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
+ 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; }
15
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
+ 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
+ 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
+ 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); }); }; }
16
26
  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
27
  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; }
18
28
  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; }
@@ -27,9 +37,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
27
37
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
28
38
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
29
39
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
30
- var InternalDialogSelect = function InternalDialogSelect(props) {
31
- var useAutoComplete = props.useAutoComplete,
32
- request = props.request,
40
+ var DialogSelect = function DialogSelect(props) {
41
+ var request = props.request,
33
42
  columnDefs = props.columnDefs,
34
43
  value = props.value,
35
44
  labelField = props.labelField,
@@ -40,38 +49,160 @@ var InternalDialogSelect = function InternalDialogSelect(props) {
40
49
  _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
41
50
  state = _useControllableValue2[0],
42
51
  setState = _useControllableValue2[1];
43
- var selectStyle = _objectSpread({
44
- width: "100%",
45
- flex: 1,
46
- marginRight: 5
47
- }, rest === null || rest === void 0 ? void 0 : rest.style);
48
- var renderSelect = function renderSelect() {
49
- if (useAutoComplete) {
50
- return /*#__PURE__*/_react.default.createElement(_antd.AutoComplete, _extends({}, rest, {
51
- value: state,
52
- style: _objectSpread({}, selectStyle)
53
- }));
52
+ var _useState = (0, _react.useState)(),
53
+ _useState2 = _slicedToArray(_useState, 2),
54
+ gridApi = _useState2[0],
55
+ setGridApi = _useState2[1];
56
+ var _useBoolean = (0, _ahooks.useBoolean)(false),
57
+ _useBoolean2 = _slicedToArray(_useBoolean, 2),
58
+ visible = _useBoolean2[0],
59
+ _useBoolean2$ = _useBoolean2[1],
60
+ setTrue = _useBoolean2$.setTrue,
61
+ setFalse = _useBoolean2$.setFalse;
62
+ var _useState3 = (0, _react.useState)(undefined),
63
+ _useState4 = _slicedToArray(_useState3, 2),
64
+ selectRows = _useState4[0],
65
+ setSelectRows = _useState4[1];
66
+ var _useState5 = (0, _react.useState)([]),
67
+ _useState6 = _slicedToArray(_useState5, 2),
68
+ items = _useState6[0],
69
+ setItems = _useState6[1];
70
+ var getValue = function getValue(selectRows) {
71
+ var mode = props.mode,
72
+ labelInValue = props.labelInValue,
73
+ valueField = props.valueField,
74
+ labelField = props.labelField;
75
+ var selectRow = selectRows[0];
76
+ var value = selectRow[valueField !== null && valueField !== void 0 ? valueField : 'id'];
77
+ var label = selectRow[labelField !== null && labelField !== void 0 ? labelField : 'name'];
78
+ if (props.mode === 'multiple' || props.mode === 'tags') {
79
+ return labelInValue ? selectRows.map(function (it) {
80
+ return {
81
+ value: it[valueField !== null && valueField !== void 0 ? valueField : 'id'],
82
+ label: it[labelField !== null && labelField !== void 0 ? labelField : 'name'],
83
+ key: it === null || it === void 0 ? void 0 : it.id
84
+ };
85
+ }) : selectRows.map(function (it) {
86
+ return it[valueField !== null && valueField !== void 0 ? valueField : 'id'];
87
+ });
54
88
  } else {
55
- return /*#__PURE__*/_react.default.createElement(_antd.Select, _extends({}, rest, {
56
- value: state,
57
- style: _objectSpread({}, selectStyle)
58
- }));
89
+ return labelInValue ? {
90
+ value: value,
91
+ label: label
92
+ } : value;
59
93
  }
60
94
  };
61
- var onModalValueChange = function onModalValueChange(value, valueItems) {
62
- setState(value);
63
- onChangeItem && onChangeItem(valueItems);
95
+ var handleOk = function handleOk() {
96
+ var selectRow = selectRows[0];
97
+ setState(getValue(selectRows));
98
+ setFalse();
99
+ if (onChangeItem) onChangeItem(props.mode ? selectRows : selectRow);
100
+ };
101
+ var onSelectionChanged = function onSelectionChanged(e) {
102
+ var selectedRows = e.api.getSelectedRows();
103
+ setSelectRows(selectedRows);
64
104
  };
65
105
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
66
106
  style: {
67
- display: "flex",
68
- flexDirection: "row"
107
+ display: 'flex',
108
+ flexDirection: 'row'
69
109
  }
70
- }, renderSelect(), /*#__PURE__*/_react.default.createElement(_selectModal.default, {
71
- onValueChange: onModalValueChange
110
+ }, props.useAutoComplete && !props.labelInValue ? /*#__PURE__*/_react.default.createElement(_antd.AutoComplete, _extends({}, rest, {
111
+ value: state,
112
+ style: _objectSpread(_objectSpread({}, rest === null || rest === void 0 ? void 0 : rest.style), {}, {
113
+ width: "calc(100% - 110px)",
114
+ minWidth: '150px',
115
+ marginRight: !props.hideBtn ? 5 : 0
116
+ })
117
+ })) : /*#__PURE__*/_react.default.createElement(_antdV.Select, _extends({}, rest, {
118
+ value: state,
119
+ style: _objectSpread({
120
+ width: "calc(100% - 110px)",
121
+ minWidth: '150px',
122
+ marginRight: !props.hideBtn ? 5 : 0
123
+ }, rest.style || {})
124
+ })), !props.disabled && !props.hideBtn ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
125
+ icon: /*#__PURE__*/_react.default.createElement(_icons.DashOutlined, null),
126
+ 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
+ setTrue();
137
+ },
138
+ disabled: rest.disabled
139
+ }) : null), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
140
+ width: 960,
141
+ title: "\u9009\u62E9",
142
+ style: {
143
+ zIndex: 9999
144
+ },
145
+ destroyOnClose: true,
146
+ open: visible,
147
+ onOk: handleOk,
148
+ onCancel: setFalse
149
+ }, /*#__PURE__*/_react.default.createElement(_agGridPlus.AgGridPlus, {
150
+ style: {
151
+ height: 450
152
+ },
153
+ onGridReady: function onGridReady(gridReadEvent) {
154
+ setGridApi(gridReadEvent.api);
155
+ },
156
+ search: (columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.filter(function (i) {
157
+ return !i.hideInSearch;
158
+ }).length) !== 0,
159
+ onSelectionChanged: onSelectionChanged
160
+ ///@ts-ignore
161
+ ,
162
+ rowSelection: props.mode === 'multiple' ? props.mode : 'single',
163
+ onRowDoubleClicked: function onRowDoubleClicked(_ref) {
164
+ var data = _ref.data;
165
+ setFalse();
166
+ var d = getValue([data]);
167
+ setState(d);
168
+ if (onChangeItem) onChangeItem(props.mode === 'multiple' ? [data] : {
169
+ label: data.name,
170
+ value: data.code
171
+ });
172
+ },
173
+ request: ( /*#__PURE__*/function () {
174
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
175
+ var data, requestData;
176
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
177
+ while (1) switch (_context.prev = _context.next) {
178
+ case 0:
179
+ _context.next = 2;
180
+ return request({
181
+ Filter: props !== null && props !== void 0 && props.queryFun ? props === null || props === void 0 ? void 0 : props.queryFun(params === null || params === void 0 ? void 0 : params.filter) : params === null || params === void 0 ? void 0 : params.filter,
182
+ Sorting: params.sorter,
183
+ SkipCount: params.skipCount,
184
+ MaxResultCount: params.maxResultCount
185
+ });
186
+ case 2:
187
+ data = _context.sent;
188
+ requestData = {
189
+ success: true,
190
+ data: data.items,
191
+ total: data.totalCount
192
+ };
193
+ setItems(data.items);
194
+ return _context.abrupt("return", requestData);
195
+ case 6:
196
+ case "end":
197
+ return _context.stop();
198
+ }
199
+ }, _callee);
200
+ }));
201
+ return function (_x) {
202
+ return _ref2.apply(this, arguments);
203
+ };
204
+ }()),
205
+ columnDefs: _toConsumableArray(columnDefs)
72
206
  })));
73
207
  };
74
- var DialogSelect = (0, _react2.connect)(InternalDialogSelect, (0, _react2.mapProps)(function (props, field) {
75
- return _objectSpread({}, props);
76
- }), (0, _react2.mapReadPretty)(_antdV.PreviewText.Select));
77
208
  var _default = exports.default = DialogSelect;
@@ -7,6 +7,7 @@ import Editable from "./editable";
7
7
  import ExtensibleGrid from "./extensible-grid";
8
8
  import { FormDesigner } from "./formDesigner";
9
9
  import { FormProLayout } from "./formPro";
10
+ import Card from "./card";
10
11
  import { FormProContext } from "./formPro/context/formProContext";
11
- export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormProContext, FormProLayout, FormDesigner, };
12
+ export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, Card, FormProContext, FormProLayout, FormDesigner, };
12
13
  export { flattenTreeDeep };
package/dist/cjs/index.js CHANGED
@@ -27,6 +27,12 @@ Object.defineProperty(exports, "ArrayTableIndex", {
27
27
  return _arrayTableIndex.default;
28
28
  }
29
29
  });
30
+ Object.defineProperty(exports, "Card", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _card.default;
34
+ }
35
+ });
30
36
  Object.defineProperty(exports, "Dashboard", {
31
37
  enumerable: true,
32
38
  get: function get() {
@@ -90,5 +96,6 @@ var _editable = _interopRequireDefault(require("./editable"));
90
96
  var _extensibleGrid = _interopRequireDefault(require("./extensible-grid"));
91
97
  var _formDesigner = require("./formDesigner");
92
98
  var _formPro = require("./formPro");
99
+ var _card = _interopRequireDefault(require("./card"));
93
100
  var _formProContext = require("./formPro/context/formProContext");
94
101
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import './index.less';
3
+ declare const ToolBar: (props: any) => React.JSX.Element;
4
+ export default ToolBar;
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _antd = require("antd");
9
+ require("./index.less");
10
+ var _excluded = ["children", "className", "extra", "style", "renderContent", "getTargetContainer"];
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
13
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
14
+ var ToolBar = function ToolBar(props) {
15
+ var children = props.children,
16
+ className = props.className,
17
+ extra = props.extra,
18
+ style = props.style,
19
+ renderContent = props.renderContent,
20
+ getTargetContainer = props.getTargetContainer,
21
+ restProps = _objectWithoutProperties(props, _excluded);
22
+ return /*#__PURE__*/_react.default.createElement(_antd.Affix, {
23
+ offsetTop: 2,
24
+ style: style,
25
+ offsetBottom: 2,
26
+ onChange: function onChange(affixed) {
27
+ return console.log(affixed);
28
+ },
29
+ target: getTargetContainer
30
+ }, /*#__PURE__*/_react.default.createElement("div", {
31
+ className: "antd-tool-bar"
32
+ }, /*#__PURE__*/_react.default.createElement("div", {
33
+ className: "antd-tool-bar-left".trim()
34
+ }, /*#__PURE__*/_react.default.createElement(_antd.Space, null, extra)), /*#__PURE__*/_react.default.createElement("div", {
35
+ className: "antd-tool-bar-right".trim()
36
+ }, /*#__PURE__*/_react.default.createElement(_antd.Space, null, children))));
37
+ };
38
+ var _default = exports.default = ToolBar;
@@ -0,0 +1,25 @@
1
+ .antd-tool-bar {
2
+ display: flex;
3
+ align-items: center;
4
+ box-sizing: border-box;
5
+ width: 100%;
6
+ color: rgba(0, 0, 0, 0.88);
7
+ line-height: 40px;
8
+ background-color: rgba(255, 255, 255);
9
+ -webkit-backdrop-filter: blur(8px);
10
+ backdrop-filter: blur(8px);
11
+ transition: all 0.2s ease 0s;
12
+ inset-inline-end: 0;
13
+ padding-inline: 16px;
14
+ padding-block: 0;
15
+ border-block-start: 1px solid rgba(5, 5, 5, 0.06);
16
+ }
17
+
18
+ .antd-tool-bar-left {
19
+ flex: 1;
20
+ color: rgba(0, 0, 0, 0.88);
21
+ }
22
+
23
+ .antd-tool-bar-right {
24
+ color: rgba(0, 0, 0, 0.88);
25
+ }
@@ -96,10 +96,10 @@ var ArrayTable = observer(function (props) {
96
96
  resizable: true,
97
97
  headerComponentParams: {
98
98
  template: '<div class="ag-cell-label-container" role="presentation">' +
99
- // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
99
+ // ' <span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
100
100
  ' <div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span data-ref="eText" class="ag-header-cell-text"> </span>' +
101
- // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
102
- // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
101
+ // ' <span data-ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
102
+ // ' <span data-ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
103
103
  ' <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
104
104
  }
105
105
  },
@@ -29,11 +29,11 @@ var ArrayTable = function ArrayTable(props) {
29
29
  resizable: true,
30
30
  headerComponentParams: {
31
31
  template: '<div class="ag-cell-label-container" role="presentation">' +
32
- // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
33
- ' <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span ref="eText" class="ag-header-cell-text"></span>' +
34
- // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
35
- // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
36
- ' <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
32
+ // ' <span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
33
+ ' <div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span data-ref="eText" class="ag-header-cell-text"></span>' + ' <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' +
34
+ // ' <span data-ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
35
+ // ' <span data-ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
36
+ ' <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
37
37
  }
38
38
  },
39
39
  getRowId: function getRowId(_ref) {
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const Card: (props: any) => React.JSX.Element;
3
+ export default Card;
@@ -0,0 +1,21 @@
1
+ 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); }
2
+ 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); }
3
+ 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; }
4
+ 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; }
5
+ 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; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
7
+ 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); }
8
+ import React from 'react';
9
+ import ProCard from '@ant-design/pro-card';
10
+ var Card = function Card(props) {
11
+ return /*#__PURE__*/React.createElement(ProCard, _extends({
12
+ headerBordered: false,
13
+ collapsible: true
14
+ }, props, {
15
+ headStyle: _objectSpread({
16
+ paddingTop: 8,
17
+ paddingBottom: 8
18
+ }, props.headStyle)
19
+ }));
20
+ };
21
+ export default Card;
@@ -1,4 +1,16 @@
1
- import React from "react";
2
- import IDialogSelectProps from "./interface";
3
- declare const DialogSelect: React.ForwardRefExoticComponent<Partial<IDialogSelectProps> & React.RefAttributes<unknown>>;
1
+ import { SelectProps } from 'antd/lib/select';
2
+ import React from 'react';
3
+ import { ColDef, ColGroupDef } from 'ag-grid-community';
4
+ interface IDialogSelectProps extends SelectProps<any> {
5
+ hideBtn: boolean;
6
+ request?: any;
7
+ columnDefs?: (ColDef | ColGroupDef)[] | null;
8
+ labelField?: any;
9
+ valueField?: any;
10
+ queryFun?: (item: any) => void;
11
+ onChangeItem?: (item: any) => void;
12
+ useAutoComplete?: boolean;
13
+ }
14
+ declare const DialogSelect: (props: IDialogSelectProps) => React.JSX.Element;
15
+ export { IDialogSelectProps };
4
16
  export default DialogSelect;