@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.
- package/.eslintignore +1 -3
- package/.eslintrc +3 -0
- package/.prettierignore +1 -0
- package/.umirc.ts +72 -72
- package/es/Api/index.js +16 -12
- package/es/AppContext/Sync.d.ts +3 -2
- package/es/AppContext/Sync.js +11 -2
- package/es/AppContext/index.js +63 -9
- package/es/AppContext/interface.d.ts +10 -1
- package/es/AppContext/static.d.ts +2 -0
- package/es/AppContext/static.js +5 -1
- package/es/Box/InfoBox/index.css +5 -6
- package/es/Box/TwoColumnBox/index.css +17 -24
- package/es/Box/TwoColumnBox/index.js +1 -4
- package/es/Box/index.css +1 -1
- package/es/ConfigContext/index.d.ts +1 -1
- package/es/InitialConfig/utils.js +12 -8
- package/es/InitialRequest/index.js +6 -2
- package/es/InitialRequest/utils.js +6 -2
- package/es/List/DynamicDeviceList/index.css +1 -1
- package/es/List/DynamicDeviceList/utils.js +6 -2
- package/es/List/DynamicGridList/index.d.ts +27 -17
- package/es/List/DynamicGridList/index.js +50 -24
- package/es/List/GridList/index.js +1 -1
- package/es/List/index.css +2 -2
- package/es/List/index.d.ts +1 -1
- package/es/List/index.js +6 -6
- package/es/LoaderApp/index.js +6 -2
- package/es/LoaderApp/loader.js +8 -4
- package/es/LoaderApp/utils.js +6 -2
- package/es/LoaderScript/utils.js +10 -6
- package/es/Modal/index.css +1 -1
- package/es/Picture/component/DefaultRects/index.js +1 -1
- package/es/Picture/index.js +8 -4
- package/es/Picture/loadCaptureRectImage.js +6 -2
- package/es/Player/message.js +1 -1
- package/es/Service/fetch-adapter.js +6 -2
- package/es/ThemeAntd/index.css +58 -58
- package/es/ThemeAntd/style/button.css +1 -1
- package/es/ThemeAntd/style/checkbox.css +8 -8
- package/es/ThemeAntd/style/input.css +13 -13
- package/es/ThemeAntd/style/pagination.css +5 -5
- package/es/ThemeAntd/style/picker.css +11 -11
- package/es/ThemeAntd/style/popover.css +1 -1
- package/es/ThemeAntd/style/radio.css +4 -4
- package/es/ThemeAntd/style/scrollbar.css +3 -3
- package/es/ThemeAntd/style/select.css +11 -11
- package/es/ThemeAntd/style/table.css +1 -1
- package/es/Title/index.css +3 -3
- package/es/Tree/index.css +3 -3
- package/es/WorkerFlow/Form/EmptyUserSet.js +6 -2
- package/es/WorkerFlow/Form/GroupSelect.js +6 -2
- package/es/WorkerFlow/Form/LevelGroupSelect.js +6 -2
- package/es/WorkerFlow/Form/UserAndGroupSelect.js +6 -2
- package/es/WorkerFlow/Form/UserSelect.js +6 -2
- package/es/WorkerFlow/Nodes/Add.js +3 -2
- package/es/WorkerFlow/index.css +3 -3
- package/es/WorkerFlow/index.js +6 -2
- package/es/WorkerFlow/utils.d.ts +7 -0
- package/es/WorkerFlow/utils.js +15 -0
- package/es/utils.js +7 -2
- package/package.json +3 -2
- package/es/Tree/BaseTree/demo.d.ts +0 -3
- package/es/Tree/BaseTree/demo.js +0 -71
package/.eslintignore
CHANGED
package/.eslintrc
ADDED
package/.prettierignore
CHANGED
package/.umirc.ts
CHANGED
|
@@ -39,61 +39,86 @@ export default defineConfig({
|
|
|
39
39
|
},
|
|
40
40
|
},
|
|
41
41
|
},
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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:
|
|
54
|
-
--primary-light:
|
|
55
|
-
--primary-dark:
|
|
56
|
-
--
|
|
57
|
-
--
|
|
58
|
-
--
|
|
59
|
-
--
|
|
60
|
-
--
|
|
61
|
-
--
|
|
62
|
-
--
|
|
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:
|
|
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
|
-
--
|
|
73
|
-
--
|
|
74
|
-
--
|
|
75
|
-
--
|
|
76
|
-
--
|
|
77
|
-
--
|
|
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: #
|
|
80
|
-
--nav-item-color:
|
|
81
|
-
--nav-
|
|
82
|
-
--nav-
|
|
83
|
-
--nav-
|
|
84
|
-
--nav-
|
|
85
|
-
--nav-
|
|
86
|
-
--
|
|
87
|
-
--
|
|
88
|
-
--
|
|
89
|
-
--tab-
|
|
90
|
-
--tab-
|
|
91
|
-
--tab-item-
|
|
92
|
-
--tab-item-
|
|
93
|
-
--
|
|
94
|
-
--
|
|
95
|
-
--
|
|
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-
|
|
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__*/
|
|
23
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
20
24
|
var res;
|
|
21
|
-
return
|
|
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__*/
|
|
60
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
57
61
|
var res;
|
|
58
|
-
return
|
|
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__*/
|
|
98
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
|
|
95
99
|
var res;
|
|
96
|
-
return
|
|
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__*/
|
|
128
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
|
|
125
129
|
var res;
|
|
126
|
-
return
|
|
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__*/
|
|
158
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
|
|
155
159
|
var res;
|
|
156
|
-
return
|
|
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__*/
|
|
188
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
|
|
185
189
|
var res;
|
|
186
|
-
return
|
|
190
|
+
return _regeneratorRuntime().wrap(function _callee6$(_context6) {
|
|
187
191
|
while (1) {
|
|
188
192
|
switch (_context6.prev = _context6.next) {
|
|
189
193
|
case 0:
|
package/es/AppContext/Sync.d.ts
CHANGED
|
@@ -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;
|
package/es/AppContext/Sync.js
CHANGED
|
@@ -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);
|
package/es/AppContext/index.js
CHANGED
|
@@ -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.
|
|
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.
|
|
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.
|
|
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
|
|
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_";
|
package/es/AppContext/static.js
CHANGED
|
@@ -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
|
package/es/Box/InfoBox/index.css
CHANGED
|
@@ -5,11 +5,10 @@
|
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
}
|
|
7
7
|
.info-box-layout .info-box-title-wrapper {
|
|
8
|
-
background-color: var(--
|
|
9
|
-
border: 1px solid var(--
|
|
8
|
+
background-color: var(--gray2);
|
|
9
|
+
border: 1px solid var(--gray3);
|
|
10
10
|
border-bottom: none;
|
|
11
|
-
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(--
|
|
21
|
-
border: 1px solid var(--
|
|
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(--
|
|
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:
|
|
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:
|
|
23
|
+
width: 100%;
|
|
24
24
|
height: 100%;
|
|
25
|
-
background-color: var(--
|
|
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:
|
|
29
|
+
width: 8px;
|
|
30
30
|
height: 20px;
|
|
31
|
-
right: -
|
|
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
|
-
|
|
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:
|
|
48
|
-
height:
|
|
42
|
+
width: 1px;
|
|
43
|
+
height: 16px;
|
|
49
44
|
z-index: 2;
|
|
50
|
-
background-color: var(--
|
|
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:
|
|
55
|
-
bottom:
|
|
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:
|
|
60
|
-
top:
|
|
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:
|
|
74
|
-
background-color: var(--
|
|
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(
|
|
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
|
}
|