@cloud-app-dev/vidc 2.2.0-alpha.6 → 2.3.0

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.
Files changed (64) hide show
  1. package/.eslintignore +1 -3
  2. package/.eslintrc +3 -0
  3. package/.prettierignore +1 -0
  4. package/.umirc.ts +72 -72
  5. package/es/Api/index.js +16 -12
  6. package/es/AppContext/Sync.d.ts +3 -2
  7. package/es/AppContext/Sync.js +11 -2
  8. package/es/AppContext/index.js +63 -9
  9. package/es/AppContext/interface.d.ts +10 -1
  10. package/es/AppContext/static.d.ts +2 -0
  11. package/es/AppContext/static.js +5 -1
  12. package/es/Box/InfoBox/index.css +5 -6
  13. package/es/Box/TwoColumnBox/index.css +17 -24
  14. package/es/Box/TwoColumnBox/index.js +1 -4
  15. package/es/Box/index.css +1 -1
  16. package/es/ConfigContext/index.d.ts +1 -1
  17. package/es/InitialConfig/utils.js +12 -8
  18. package/es/InitialRequest/index.js +6 -2
  19. package/es/InitialRequest/utils.js +6 -2
  20. package/es/List/DynamicDeviceList/index.css +1 -1
  21. package/es/List/DynamicDeviceList/utils.js +6 -2
  22. package/es/List/DynamicGridList/index.d.ts +27 -17
  23. package/es/List/DynamicGridList/index.js +50 -24
  24. package/es/List/GridList/index.js +1 -1
  25. package/es/List/index.css +2 -2
  26. package/es/List/index.d.ts +1 -1
  27. package/es/List/index.js +6 -6
  28. package/es/LoaderApp/index.js +6 -2
  29. package/es/LoaderApp/loader.js +8 -4
  30. package/es/LoaderApp/utils.js +6 -2
  31. package/es/LoaderScript/utils.js +10 -6
  32. package/es/Modal/index.css +1 -1
  33. package/es/Picture/component/DefaultRects/index.js +1 -1
  34. package/es/Picture/index.js +8 -4
  35. package/es/Picture/loadCaptureRectImage.js +6 -2
  36. package/es/Player/message.js +1 -1
  37. package/es/Service/fetch-adapter.js +6 -2
  38. package/es/ThemeAntd/index.css +58 -58
  39. package/es/ThemeAntd/style/button.css +1 -1
  40. package/es/ThemeAntd/style/checkbox.css +8 -8
  41. package/es/ThemeAntd/style/input.css +13 -13
  42. package/es/ThemeAntd/style/pagination.css +5 -5
  43. package/es/ThemeAntd/style/picker.css +11 -11
  44. package/es/ThemeAntd/style/popover.css +1 -1
  45. package/es/ThemeAntd/style/radio.css +4 -4
  46. package/es/ThemeAntd/style/scrollbar.css +3 -3
  47. package/es/ThemeAntd/style/select.css +11 -11
  48. package/es/ThemeAntd/style/table.css +1 -1
  49. package/es/Title/index.css +3 -3
  50. package/es/Tree/index.css +3 -3
  51. package/es/WorkerFlow/Form/EmptyUserSet.js +6 -2
  52. package/es/WorkerFlow/Form/GroupSelect.js +6 -2
  53. package/es/WorkerFlow/Form/LevelGroupSelect.js +6 -2
  54. package/es/WorkerFlow/Form/UserAndGroupSelect.js +6 -2
  55. package/es/WorkerFlow/Form/UserSelect.js +6 -2
  56. package/es/WorkerFlow/Nodes/Add.js +3 -2
  57. package/es/WorkerFlow/index.css +3 -3
  58. package/es/WorkerFlow/index.js +6 -2
  59. package/es/WorkerFlow/utils.d.ts +7 -0
  60. package/es/WorkerFlow/utils.js +15 -0
  61. package/es/utils.js +7 -2
  62. package/package.json +3 -2
  63. package/es/Tree/BaseTree/demo.d.ts +0 -3
  64. package/es/Tree/BaseTree/demo.js +0 -71
package/.eslintignore CHANGED
@@ -2,6 +2,4 @@
2
2
  .vscode/
3
3
  .cache/
4
4
  /node_modules/
5
- /umd/
6
- rollup.config.js
7
- /src/components/LoaderApp/importHtmlEntry
5
+ /umd/
package/.eslintrc ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "extends": "react-app"
3
+ }
package/.prettierignore CHANGED
@@ -5,3 +5,4 @@ package.json
5
5
  .umi
6
6
  .umi-production
7
7
  .umi-test
8
+ .mfsu
package/.umirc.ts CHANGED
@@ -39,61 +39,86 @@ export default defineConfig({
39
39
  },
40
40
  },
41
41
  },
42
- // mfsu: {
43
- // development: {
44
- // output: './.mfsu/dev',
45
- // },
46
- // production: {
47
- // output: './.mfsu/prod',
48
- // },
49
- // },
42
+ mfsu: {
43
+ development: {
44
+ output: './.mfsu/dev',
45
+ },
46
+ production: undefined,
47
+ },
50
48
  scripts: ['//at.alicdn.com/t/font_1724012_972m5d05cou.js'],
51
49
  styles: [
52
50
  `:root{
53
- --primary: rgba(18,122,255,1);
54
- --primary-light: rgba(59,189,248,1);
55
- --primary-dark: rgba(14,110,232,1);
56
- --danger: rgba(222,0,0,1);
57
- --danger-light: rgba(255,64,64,1);
58
- --danger-dark: rgba(163,1,1,1);
59
- --success: rgba(5,198,13,1);
60
- --success-light: rgba(7,203,45,1);
61
- --success-dark: rgba(1,146,27,1);
62
- --link: rgba(22,134,229,1);
51
+ --primary: #248FFA;
52
+ --primary-light: #248FFA;
53
+ --primary-dark: #227BD5;
54
+ --secondary1: #6D8EFB;
55
+ --secondary1-light: #86A2FF;
56
+ --secondary1-dark: #5D7FF0;
57
+ --secondary2: #33AAFF;
58
+ --secondary2-light: #61BDFF;
59
+ --secondary2-dark: #2194E5;
60
+ --secondary3: #F3A75F;
61
+ --secondary3-light: #F8B578;
62
+ --secondary3-dark: #DC914C;
63
+ --danger: #F32D37;
64
+ --danger-light: #FF4D4F;
65
+ --danger-dark: #DC1B2A;
66
+ --warn: #FD8535;
67
+ --warn-light: #FF9F5E;
68
+ --warn-dark: #DC1B2A;
69
+ --success: #35BD77;
70
+ --success-light: #55C98D;
71
+ --success-dark: #21965A;
72
+ --gray1: #FFFFFF;
73
+ --gray2: #F3F3F3;
74
+ --gray3: #EEEEEE;
75
+ --gray4: #E7E7E7;
76
+ --gray5: #DCDCDC;
77
+ --gray6: #C5C5C5;
78
+ --gray7: #A6A6A6;
79
+ --gray8: #8B8B8B;
80
+ --gray9: #777777;
81
+ --gray10: #5E5E5E;
82
+ --gray11: #4B4B4B;
83
+ --gray12: #383838;
84
+ --background: #348fe2;
63
85
  --fs: 14px;
64
86
  --fs-small: 12px;
65
- --fs-large: 14px;
66
- --icon: rgba(98,112,139,1);
67
- --disabled: rgba(153,153,153,1);
68
- --bd-color: #dbe1ea;
87
+ --fs-large: 20px;
69
88
  --color: rgba(0,0,0,1);
70
89
  --color-dark: #000000;
71
90
  --color-light: rgba(102,102,102,1);
72
- --sider-size: 330px;
73
- --app-header-color: rgba(0,0,0,1);
74
- --app-header-bg: rgba(255,255,255,1);
75
- --nav-height: 68px;
76
- --nav-bg: linear-gradient(135deg, #5390f0 0%, #488ef0 55%, #3364d2 100%);
77
- --nav-sub-bg: #3e80dc;
91
+ --color-disabled: rgba(0,0,0,0.26);
92
+ --shadow1: 2px 0 10px 0 rgba(0,0,0,0.06);
93
+ --shadow2: 2px 0 10px 0 rgba(0,0,0,0.06);
94
+ --shadow3: 2px 0 10px 0 rgba(0,0,0,0.06);
95
+ --radius1: 4px;
96
+ --radius2: 8px;
97
+ --radius3: 16px;
98
+ --header-color: #FFFFFF;
99
+ --header-bg: #348fe2;
100
+ --header-height: 66px;
101
+ --nav-height: 66px;
102
+ --nav-bg: #348fe2;
103
+ --nav-sub-bg: rgba(255,255,255,1);
78
104
  --nav-sub-bg2: rgba(241,244,247,0.8);
79
- --nav-item-bg-selected: #86B7FF;
80
- --nav-item-color: rgba(255,255,255,1);
81
- --nav-item-color-selected: rgba(255,255,255,1);
82
- --nav-sub-item-bg-selected: #75AAFB;
83
- --nav-sub-item-color-selected: rgba(255,255,255,1);
84
- --nav-sub-item-color: rgba(55,66,105,1);
85
- --nav-bd-color: rgba(18,122,255,1);
86
- --tab-height: 48px;
87
- --tab-bg: #dbe1ea;
88
- --tab-item-bg: #DADADA;
89
- --tab-item-height: 32px;
90
- --tab-item-color: rgba(72,83,108,1);
91
- --tab-item-selected-bg: #f3f6f9;
92
- --tab-item-selected-color: rgba(18,122,255,1);
93
- --table-bg: #ffffff;
94
- --table-head-bg: rgba(219,225,234,1);
95
- --table-bd: rgba(245,245,245,1);
96
- --table-row-hover-color: rgba(237,245,250,1);
105
+ --nav-item-bg-selected: #FFFFFF;
106
+ --nav-item-color: #FFFFFF;
107
+ --nav-icon-color: rgba(255, 255, 255, 0.4);
108
+ --nav-icon-color-selected: #3495EF;
109
+ --nav-item-bg: #348fe2;
110
+ --nav-item-color-selected: rgba(0, 0, 0, 0.9);
111
+ --nav-sub-item-bg-selected: #F3F5F6;
112
+ --nav-sub-item-color-selected: #348fe2;
113
+ --nav-sub-item-color: rgba(0, 0, 0, 0.9);
114
+ --nav-bd-color: rgba(0,0,0,0);
115
+ --tab-height: 34px;
116
+ --tab-bg: #348fe2;
117
+ --tab-item-bg: #348fe2;
118
+ --tab-item-height: 34px;
119
+ --tab-item-color: #FFFFFF;
120
+ --tab-item-selected-bg: #F3F5F6;
121
+ --tab-item-selected-color: rgba(0, 0, 0, 0.9);
97
122
  --drawer-title-height: 48px;
98
123
  --drawer-title-bg: rgba(255,255,255,1);
99
124
  --drawer-divider-color: rgba(219,225,234,1);
@@ -114,38 +139,13 @@ export default defineConfig({
114
139
  --card-bd-color: rgba(219,225,234,1);
115
140
  --card-hover-bd-color: rgba(18,122,255,1);
116
141
  --card-footer-bg: rgba(219,225,234,1);
117
- --content-box-bg: rgba(240,242,245,1);
118
- --content-two-column-box-left-bg: rgba(255,255,255,1);
119
- --content-two-column-box-right-bg: #f0f2f5;
120
- --content-two-column-box-color: rgba(51,51,51,1);
121
- --content-info-box-bg: rgba(255,255,255,1);
122
- --content-info-box-bd-color: #dbe1ea;
123
- --content-info-box-title-bg: rgba(0,0,0,0);
124
- --content-info-box-title-bd: rgba(0,0,0,0);
125
- --content-info-box-title-height: 40px;
126
- --content-list-box-bg: rgba(255,255,255,1);
127
- --content-list-box-bd-color: rgba(219,225,234,1);
128
- --content-list-box-title-bg: rgba(229,235,241,1);
129
- --content-list-box-title-bd: rgba(219,225,234,1);
130
- --content-list-box-title-height: 40px;
131
- --content-tools-box-bg: rgba(255,255,255,1);
132
- --form-redius: 0px;
133
- --form-bg: rgba(255,255,255,1);
134
- --form-bd: rgba(181,190,207,1);
135
- --form-bg-dark: rgba(240,244,245,1);
136
- --form-bg-light: rgba(217,223,229,1);
137
- --form-divider-color: rgba(219,225,234,1);
142
+ --content-bg: #ffffff;
138
143
  --scrollbar-width: 8px;
139
144
  --scrollbar-track-bg: rgba(239,241,244,1);
140
145
  --scrollbar-thumb-bg: rgba(185,193,203,1);
141
146
  --scrollbar-thumb-hover-bg: rgba(195,209,229,1);
142
147
  --scrollbar-track-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.1) inset;
143
148
  --scrollbar-thumb-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) inset;
144
- --force-place: rgba(255,187,34,1);
145
- --force-device: rgba(185,181,255,1);
146
- --force-person: rgba(34,153,255,1);
147
- --force-nonVehicle: rgba(255,131,125,1);
148
- --force-vehicle: rgba(20,204,143,1);
149
149
  }
150
150
  `,
151
151
  ],
package/es/Api/index.js CHANGED
@@ -1,3 +1,7 @@
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+
3
+ 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 exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
4
+
1
5
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
2
6
 
3
7
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -16,9 +20,9 @@ var Api = /*#__PURE__*/function () {
16
20
  _createClass(Api, [{
17
21
  key: "getOrgs",
18
22
  value: function getOrgs() {
19
- return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
23
+ return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
20
24
  var res;
21
- return regeneratorRuntime.wrap(function _callee$(_context) {
25
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
22
26
  while (1) {
23
27
  switch (_context.prev = _context.next) {
24
28
  case 0:
@@ -53,9 +57,9 @@ var Api = /*#__PURE__*/function () {
53
57
 
54
58
  var _a, _b;
55
59
 
56
- return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
60
+ return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
57
61
  var res;
58
- return regeneratorRuntime.wrap(function _callee2$(_context2) {
62
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
59
63
  while (1) {
60
64
  switch (_context2.prev = _context2.next) {
61
65
  case 0:
@@ -91,9 +95,9 @@ var Api = /*#__PURE__*/function () {
91
95
  }, {
92
96
  key: "getPosts",
93
97
  value: function getPosts(orgId) {
94
- return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
98
+ return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
95
99
  var res;
96
- return regeneratorRuntime.wrap(function _callee3$(_context3) {
100
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
97
101
  while (1) {
98
102
  switch (_context3.prev = _context3.next) {
99
103
  case 0:
@@ -121,9 +125,9 @@ var Api = /*#__PURE__*/function () {
121
125
  }, {
122
126
  key: "getDeviceBzTree",
123
127
  value: function getDeviceBzTree() {
124
- return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
128
+ return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
125
129
  var res;
126
- return regeneratorRuntime.wrap(function _callee4$(_context4) {
130
+ return _regeneratorRuntime().wrap(function _callee4$(_context4) {
127
131
  while (1) {
128
132
  switch (_context4.prev = _context4.next) {
129
133
  case 0:
@@ -151,9 +155,9 @@ var Api = /*#__PURE__*/function () {
151
155
  }, {
152
156
  key: "getCustomDeviceGroup",
153
157
  value: function getCustomDeviceGroup() {
154
- return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
158
+ return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
155
159
  var res;
156
- return regeneratorRuntime.wrap(function _callee5$(_context5) {
160
+ return _regeneratorRuntime().wrap(function _callee5$(_context5) {
157
161
  while (1) {
158
162
  switch (_context5.prev = _context5.next) {
159
163
  case 0:
@@ -181,9 +185,9 @@ var Api = /*#__PURE__*/function () {
181
185
  }, {
182
186
  key: "getPlacesByHasDevice",
183
187
  value: function getPlacesByHasDevice() {
184
- return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
188
+ return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
185
189
  var res;
186
- return regeneratorRuntime.wrap(function _callee6$(_context6) {
190
+ return _regeneratorRuntime().wrap(function _callee6$(_context6) {
187
191
  while (1) {
188
192
  switch (_context6.prev = _context6.next) {
189
193
  case 0:
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { AppContextInterface } from './interface';
2
+ import { AppContextInterface, AppStoreType } from './interface';
3
3
  interface ISyncProps {
4
4
  stateChange: (options: AppContextInterface) => void;
5
+ storeChange: (store: AppStoreType) => void;
5
6
  }
6
- declare function Sync({ stateChange }: ISyncProps): JSX.Element;
7
+ declare function Sync({ stateChange, storeChange }: ISyncProps): JSX.Element;
7
8
  export default Sync;
@@ -1,9 +1,10 @@
1
1
  import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
2
2
  import React, { useEffect } from 'react';
3
- import { _LOGIN_STATUS_EVENT_CHANGE_, _OPERATION_EVENT_CHANGE_, _USER_EVENT_CHANGE_ } from './static';
3
+ import { _LOGIN_STATUS_EVENT_CHANGE_, _OPERATION_EVENT_CHANGE_, _USER_EVENT_CHANGE_, _STORE_EVENT_CHANGE_ } from './static';
4
4
 
5
5
  function Sync(_ref) {
6
- var stateChange = _ref.stateChange;
6
+ var stateChange = _ref.stateChange,
7
+ storeChange = _ref.storeChange;
7
8
 
8
9
  /**
9
10
  * @description 用户微应用之间的状态同步
@@ -27,18 +28,26 @@ function Sync(_ref) {
27
28
  });
28
29
  };
29
30
 
31
+ var storeFn = function storeFn(store) {
32
+ return storeChange(store);
33
+ };
34
+
30
35
  _SocketEmitter.on(_USER_EVENT_CHANGE_, userFn);
31
36
 
32
37
  _SocketEmitter.on(_OPERATION_EVENT_CHANGE_, operationFn);
33
38
 
34
39
  _SocketEmitter.on(_LOGIN_STATUS_EVENT_CHANGE_, statusFn);
35
40
 
41
+ _SocketEmitter.on(_STORE_EVENT_CHANGE_, storeFn);
42
+
36
43
  return function () {
37
44
  _SocketEmitter.off(_USER_EVENT_CHANGE_, userFn);
38
45
 
39
46
  _SocketEmitter.off(_OPERATION_EVENT_CHANGE_, operationFn);
40
47
 
41
48
  _SocketEmitter.off(_LOGIN_STATUS_EVENT_CHANGE_, statusFn);
49
+
50
+ _SocketEmitter.off(_STORE_EVENT_CHANGE_, storeFn);
42
51
  };
43
52
  }, []);
44
53
  return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -17,12 +17,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
17
17
  import React, { useCallback, useMemo, useState } from 'react';
18
18
  import Sync from './Sync';
19
19
  import * as Static from './static';
20
+ import { isEmpty } from 'lodash-es';
20
21
  var _USER_SESSION_ = Static._USER_SESSION_,
21
22
  _OPERATION_SESSION_ = Static._OPERATION_SESSION_,
22
23
  _LOGIN_STATUS_SESSION_ = Static._LOGIN_STATUS_SESSION_,
23
24
  _USER_EVENT_CHANGE_ = Static._USER_EVENT_CHANGE_,
24
25
  _OPERATION_EVENT_CHANGE_ = Static._OPERATION_EVENT_CHANGE_,
25
- _LOGIN_STATUS_EVENT_CHANGE_ = Static._LOGIN_STATUS_EVENT_CHANGE_;
26
+ _LOGIN_STATUS_EVENT_CHANGE_ = Static._LOGIN_STATUS_EVENT_CHANGE_,
27
+ _STORE_SESSION_ = Static._STORE_SESSION_,
28
+ _STORE_EVENT_CHANGE_ = Static._STORE_EVENT_CHANGE_;
26
29
  var Context = /*#__PURE__*/React.createContext(null);
27
30
 
28
31
  function Provider(_ref) {
@@ -31,7 +34,8 @@ function Provider(_ref) {
31
34
  var _useState = useState({
32
35
  user: _cache.getCache(_USER_SESSION_, 'session') || {},
33
36
  operation: _cache.getCache(_OPERATION_SESSION_, 'session') || {},
34
- loginStatus: _cache.getCache(_LOGIN_STATUS_SESSION_, 'session') || false
37
+ loginStatus: _cache.getCache(_LOGIN_STATUS_SESSION_, 'session') || false,
38
+ store: _cache.getCache(_STORE_SESSION_, 'session') || {}
35
39
  }),
36
40
  _useState2 = _slicedToArray(_useState, 2),
37
41
  state = _useState2[0],
@@ -51,7 +55,7 @@ function Provider(_ref) {
51
55
 
52
56
  _cache.setCache(_USER_SESSION_, newUser, 'session');
53
57
 
54
- console.warn('AppContext updateUser is run !', user);
58
+ console.info('AppContext updateUser is run !', user);
55
59
  });
56
60
  }
57
61
 
@@ -69,15 +73,19 @@ function Provider(_ref) {
69
73
 
70
74
  _cache.setCache(_OPERATION_SESSION_, newOperation, 'session');
71
75
 
72
- console.warn('AppContext updateOperation is run !', operation);
76
+ console.info('AppContext updateOperation is run !', operation);
73
77
  });
74
78
  }
75
79
 
76
80
  function updateLoginStatus(status) {
81
+ if (typeof status !== 'boolean') {
82
+ throw new Error('status type is boolean !');
83
+ }
84
+
77
85
  setState(function (old) {
78
- return Object.assign(Object.assign({}, old), {
86
+ return status !== old.loginStatus ? Object.assign(Object.assign({}, old), {
79
87
  loginStatus: status
80
- });
88
+ }) : old;
81
89
  });
82
90
 
83
91
  _nextTick(function () {
@@ -85,7 +93,43 @@ function Provider(_ref) {
85
93
 
86
94
  _cache.setCache(_LOGIN_STATUS_SESSION_, status, 'session');
87
95
 
88
- console.warn('AppContext updateLoginStatus is run !', status);
96
+ console.info('AppContext updateLoginStatus is run !', status);
97
+ });
98
+ }
99
+ /**
100
+ * @desc 用于全局自定义状态存储,依赖sessionStorage持久化能力,不建议存储大数据量
101
+ * @param data
102
+ */
103
+
104
+
105
+ function updateStore() {
106
+ var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
107
+ setState(function (old) {
108
+ var newData = {}; //获取变更项
109
+
110
+ for (var key in data) {
111
+ if (data[key] !== old.store[key]) {
112
+ newData[key] = data[key];
113
+ }
114
+ }
115
+
116
+ if (isEmpty(newData)) {
117
+ return old;
118
+ }
119
+
120
+ var newStore = Object.assign(Object.assign({}, old.store), newData);
121
+
122
+ _cache.setCache(_STORE_SESSION_, newStore, 'session');
123
+
124
+ return Object.assign(Object.assign({}, old), {
125
+ store: newStore
126
+ });
127
+ });
128
+
129
+ _nextTick(function () {
130
+ _SocketEmitter.emit(_STORE_EVENT_CHANGE_, data);
131
+
132
+ console.info('AppContext updateStore is run !', data);
89
133
  });
90
134
  }
91
135
 
@@ -94,20 +138,30 @@ function Provider(_ref) {
94
138
  return Object.assign(Object.assign({}, old), options);
95
139
  });
96
140
  }, []);
141
+ var storeChange = useCallback(function (store) {
142
+ return setState(function (old) {
143
+ return Object.assign(Object.assign({}, old), {
144
+ store: Object.assign(Object.assign({}, old.store), store)
145
+ });
146
+ });
147
+ }, []);
97
148
  var providerValue = useMemo(function () {
98
149
  return {
99
150
  user: state.user,
100
151
  operation: state.operation,
101
152
  loginStatus: state.loginStatus,
153
+ store: state.store,
102
154
  updateUser: updateUser,
103
155
  updateOperation: updateOperation,
104
- updateLoginStatus: updateLoginStatus
156
+ updateLoginStatus: updateLoginStatus,
157
+ updateStore: updateStore
105
158
  };
106
159
  }, [state.user, state.operation, state.loginStatus]);
107
160
  return /*#__PURE__*/React.createElement(Context.Provider, {
108
161
  value: providerValue
109
162
  }, children, /*#__PURE__*/React.createElement(Sync, {
110
- stateChange: stateChange
163
+ stateChange: stateChange,
164
+ storeChange: storeChange
111
165
  }));
112
166
  }
113
167
 
@@ -22,11 +22,20 @@ export type OperationInfoType = {
22
22
  [key: string]: any;
23
23
  };
24
24
 
25
- export interface AppContextInterface {
25
+ export type AppStoreType = {
26
+ [key: string]: any;
27
+ };
28
+
29
+ export interface IProviderState {
26
30
  user: UserInfoType;
27
31
  operation: OperationInfoType;
28
32
  loginStatus: boolean;
33
+ store: AppStoreType;
34
+ }
35
+
36
+ export interface AppContextInterface extends IProviderState {
29
37
  updateUser: (user: UserInfoType) => void;
30
38
  updateOperation: (user: OperationInfoType) => void;
31
39
  updateLoginStatus: (status: boolean) => void;
40
+ updateStore: (data: { [key: string]: any }) => void;
32
41
  }
@@ -1,6 +1,8 @@
1
1
  export declare const _USER_EVENT_CHANGE_ = "_USER_EVENT_CHANGE_";
2
2
  export declare const _OPERATION_EVENT_CHANGE_ = "_OPERATION_EVENT_CHANGE_";
3
3
  export declare const _LOGIN_STATUS_EVENT_CHANGE_ = "_LOGIN_STATUS_EVENT_CHANGE_";
4
+ export declare const _STORE_EVENT_CHANGE_ = "_STORE_EVENT_CHANGE_";
4
5
  export declare const _USER_SESSION_ = "_USER_SESSION_";
5
6
  export declare const _OPERATION_SESSION_ = "_OPERATION_SESSION_";
6
7
  export declare const _LOGIN_STATUS_SESSION_ = "_LOGIN_STATUS_SESSION_";
8
+ export declare const _STORE_SESSION_ = "_STORE_SESSION_";
@@ -4,8 +4,12 @@ export var _OPERATION_EVENT_CHANGE_ = '_OPERATION_EVENT_CHANGE_'; //应用系统
4
4
 
5
5
  export var _LOGIN_STATUS_EVENT_CHANGE_ = '_LOGIN_STATUS_EVENT_CHANGE_'; //登录状态变化
6
6
 
7
+ export var _STORE_EVENT_CHANGE_ = '_STORE_EVENT_CHANGE_'; //登录状态变化
8
+
7
9
  export var _USER_SESSION_ = '_USER_SESSION_'; //用户信息 缓存key
8
10
 
9
11
  export var _OPERATION_SESSION_ = '_OPERATION_SESSION_'; //应用系统信息 缓存key
10
12
 
11
- export var _LOGIN_STATUS_SESSION_ = '_LOGIN_STATUS_SESSION_'; //登录状态 缓存key
13
+ export var _LOGIN_STATUS_SESSION_ = '_LOGIN_STATUS_SESSION_'; //登录状态 缓存key
14
+
15
+ export var _STORE_SESSION_ = '_STORE_SESSION_'; //登录状态 缓存key
@@ -5,11 +5,10 @@
5
5
  flex-direction: column;
6
6
  }
7
7
  .info-box-layout .info-box-title-wrapper {
8
- background-color: var(--content-info-box-title-bg);
9
- border: 1px solid var(--content-info-box-title-bd);
8
+ background-color: var(--gray2);
9
+ border: 1px solid var(--gray3);
10
10
  border-bottom: none;
11
- height: var(--content-info-box-title-height);
12
- line-height: var(--content-info-box-title-height);
11
+ height: 3em;
13
12
  min-height: max-content;
14
13
  display: flex;
15
14
  align-items: center;
@@ -17,7 +16,7 @@
17
16
  font-weight: 700;
18
17
  }
19
18
  .info-box-layout .info-box-content-wrapper {
20
- background-color: var(--content-info-box-bg);
21
- border: 1px solid var(--content-info-box-bd-color);
19
+ background-color: var(--gray1);
20
+ border: 1px solid var(--gray3);
22
21
  flex: 1;
23
22
  }
@@ -2,11 +2,11 @@
2
2
  width: 100%;
3
3
  height: 100%;
4
4
  position: relative;
5
- color: var(--content-two-column-box-color);
5
+ color: var(--color1);
6
6
  }
7
7
  .two-column-layout-container .two-column-aside {
8
8
  transition: width 0.1s ease-in;
9
- width: var(--sider-size);
9
+ width: 30%;
10
10
  height: 100%;
11
11
  z-index: 9;
12
12
  position: absolute;
@@ -20,45 +20,38 @@
20
20
  overflow: hidden;
21
21
  }
22
22
  .two-column-layout-container .two-column-aside .two-colum-left-content {
23
- width: var(--sider-size);
23
+ width: 100%;
24
24
  height: 100%;
25
- background-color: var(--content-two-column-box-left-bg);
25
+ background-color: var(--gray1);
26
26
  }
27
27
  .two-column-layout-container .two-column-aside .left-aside-slider-btn {
28
28
  position: absolute;
29
- width: 16px;
29
+ width: 8px;
30
30
  height: 20px;
31
- right: -16px;
31
+ right: -8px;
32
32
  top: 50%;
33
33
  margin-top: -8px;
34
34
  font-size: var(--fs-large);
35
+ background-color: var(--gray5);
35
36
  cursor: pointer;
36
- background-color: red;
37
- }
38
- .two-column-layout-container .two-column-aside .left-aside-slider-btn .anticon {
39
- background: var(--content-two-column-box-left-bg);
40
- vertical-align: unset;
41
- position: relative;
42
- z-index: 3;
37
+ z-index: 9;
43
38
  }
44
39
  .two-column-layout-container .two-column-aside .left-aside-slider-btn:before,
45
40
  .two-column-layout-container .two-column-aside .left-aside-slider-btn:after {
46
41
  content: '';
47
- width: 100%;
48
- height: 100%;
42
+ width: 1px;
43
+ height: 16px;
49
44
  z-index: 2;
50
- background-color: var(--content-two-column-box-left-bg);
45
+ background-color: var(--gray1);
51
46
  position: absolute;
52
47
  }
53
48
  .two-column-layout-container .two-column-aside .left-aside-slider-btn:before {
54
- left: 0;
55
- bottom: -10px;
56
- transform: skewY(-20deg);
49
+ left: 2px;
50
+ bottom: 2px;
57
51
  }
58
52
  .two-column-layout-container .two-column-aside .left-aside-slider-btn:after {
59
- right: 0;
60
- top: -10px;
61
- transform: skewY(20deg);
53
+ right: 2px;
54
+ top: 2px;
62
55
  }
63
56
  .two-column-layout-container .two-column-aside.hide-left-aside {
64
57
  width: 0;
@@ -70,8 +63,8 @@
70
63
  width: 100%;
71
64
  height: 100%;
72
65
  overflow: hidden;
73
- padding-left: var(--sider-size);
74
- background-color: var(--content-two-column-box-right-bg);
66
+ padding-left: 30%;
67
+ background-color: var(--gray2);
75
68
  transition: padding-left 0.3s ease-in-out;
76
69
  box-sizing: border-box;
77
70
  }
@@ -11,7 +11,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
11
11
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
12
 
13
13
  import React, { useState } from 'react';
14
- import IconFont from '../../IconFont';
15
14
  import "./index.css";
16
15
 
17
16
  function TwoColumnBox(_ref) {
@@ -40,9 +39,7 @@ function TwoColumnBox(_ref) {
40
39
  return setCollapsed(!collapsed);
41
40
  },
42
41
  className: "left-aside-slider-btn"
43
- }, /*#__PURE__*/React.createElement(IconFont, {
44
- type: collapsed ? 'icon-S_Arrow_SmallRight' : 'icon-S_Arrow_SmallLeft'
45
- }))))), /*#__PURE__*/React.createElement("div", {
42
+ })))), /*#__PURE__*/React.createElement("div", {
46
43
  className: "two-column-content"
47
44
  }, children));
48
45
  }