'
439 | // && systemInfo.screenHeight === 812
440 | // && systemInfo.screenWidth === 375)) {
441 | // const platform = this.swaninterface.boxjs.platform
442 | // if (platform.isBox() && platform.boxVersion()
443 | // && platform.versionCompare(platform.boxVersion(), '10.13.0') < 0) {
444 | // return;
445 | // }
446 | // const styleEl = document.createElement('style');
447 | // document.head.appendChild(styleEl);
448 | // const styleSheet = styleEl.sheet;
449 | // styleSheet.insertRule('.swan-security-padding-bottom {padding-bottom: 34px}');
450 | // styleSheet.insertRule('.swan-security-margin-bottom {margin-bottom: 34px}');
451 | // styleSheet.insertRule('.swan-security-fixed-bottom {bottom: 34px}');
452 | // }
453 | // }
454 | };
--------------------------------------------------------------------------------
/test/src/native/component/view/index.js:
--------------------------------------------------------------------------------
1 |
2 | export default {
3 | options: {
4 | template: `
5 |
6 |
7 |
8 | `
9 | }
10 | };
--------------------------------------------------------------------------------
/test/src/native/index.js:
--------------------------------------------------------------------------------
1 | import Slave from "../../../dist/box/slaves";
2 | import EventsEmitter from './utils/events-emitter';
3 | import Loader from './utils/loader';
4 | import swanEvents from "../../../src/utils/swan-events";
5 | import Page from './component/page';
6 | import View from './component/view/index';
7 |
8 | const noop = function () {};
9 |
10 | export default class Native {
11 | constructor(context){
12 | // this.eventsEmitter = new EventsEmitter();
13 | this.mockSwanInterface(context);
14 | this.mockSwanComponents(context);
15 | this.mockTestutils(context);
16 | // this.mockSlave(context);
17 |
18 | var obj = {
19 | fun: function (message) {
20 | console.log(message);
21 | }
22 | };
23 |
24 | obj.fun('你好，测试');
25 |
26 | }
27 |
28 | /**
29 | *
30 | * @param url 小程序的下载地址，这里为了测试，仅仅是其目录的地址
31 | */
32 | openWeChatApp(url){
33 | this.loader = new Loader(url);
34 |
35 | // 加载app.json
36 | this.loader.loadJson('app')
37 | .then((text) => {
38 | console.log(`${url}/app.json loader success`, text);
39 |
40 | this.appInfo = JSON.parse(text);
41 |
42 | // 发送'appReady'事件
43 | window.testutils.clientActions.appReady(url, '1', this.appInfo.pages[0], JSON.stringify(this.appInfo));
44 | })
45 | .catch(console.error);
46 | }
47 |
48 | mockSwanInterface(context) {
49 | context.swanInterface = {
50 | swan:{
51 | request: noop
52 | },
53 | communicator: new EventsEmitter(),
54 | boxjs:{
55 | data:{
56 | get:function(){
57 | return {
58 | appid:123
59 | }
60 | }
61 | },
62 | log:noop,
63 | platform: {
64 | versionCompare: noop,
65 | boxVersion: noop
66 | }
67 | },
68 |
69 | bind:function(type, cb) {
70 | this.communicator.onMessage(type, cb);
71 | // document.addEventListener(type, cb, false);
72 | return this;
73 | },
74 | unbind:function(type, cb) {
75 | this.communicator.delHandler(type, cb);
76 | // document.removeEventListener(type, cb, false);
77 | return this;
78 | },
79 | invoke: function (type, ...args) {
80 | return this[type] && this[type](...args);
81 | // return new Promise.resolve().then(function (res) {
82 | // return this[type] && this[type](...args);
83 | // });
84 | },
85 | navigateTo: function (params) {
86 | console.log('navigateTo: ', params);
87 | return new Promise(function (resolve, reject) {
88 | const wvID = window.testutils.clientActions
89 | .createSlave(params.slaveActionMap, params.template, params.slaveHookJs);
90 | resolve({wvID});
91 | params.success && params.success({wvID});
92 | });
93 | },
94 | loadJs: function (params) {
95 | console.log('mock loadJs: ', params);
96 | this.bind('slaveLoaded', function (e) {
97 | console.log('mock listener slaveLoaded', e);
98 | if (+e.slaveId === +params.eventObj.wvID) {
99 | params.success(e);
100 | }
101 | });
102 | },
103 | postMessage: function (slaveId, message) {
104 | console.log('Page postMessage', slaveId, message);
105 | // if (slaveId === 'master') {
106 | window.testutils.clientActions.sendMasterMessage(message);
107 | // }
108 | // else {
109 | // document.getElementById(slaveId).contentWindow.postMessage(JSON.stringify(message), '*');
110 | // return '123';
111 | // }
112 | },
113 | onMessage: function (callback) {
114 | console.log('swanInterface onMessage', this);
115 | this.bind('message', e => {
116 | console.log('swanInterface onMessage bind message', e);
117 |
118 | if (e.message) {
119 | let message = null;
120 | try {
121 | if (typeof e.message === 'object') {
122 | message = e.message;
123 | }
124 | else {
125 | message = JSON.parse(unescape(decodeURIComponent(e.message)));
126 | }
127 | } catch (event) {
128 | console.log(event);
129 | }
130 | callback && callback(message);
131 | }
132 | });
133 | return this;
134 | }
135 | };
136 | }
137 |
138 | mockSwanComponents(context) {
139 | context.swanComponents = {
140 | getContextOperators:noop,
141 | getComponentRecievers:noop,
142 | getComponents: function () {
143 | return {
144 | 'super-page': Page,
145 | 'view': View
146 | };
147 | },
148 | getBehaviorDecorators: function () {
149 | return function (behaviors, target) {
150 | return target;
151 | };
152 | }
153 | };
154 | }
155 |
156 | mockTestutils(context) {
157 | context.testutils = {
158 | clientActions: {
159 | dispatchEvent: function (type, params) {
160 | var event = {type: type};
161 | for (var i in params) {
162 | event[i] = params[i];
163 | }
164 | window.swanInterface.communicator.fireMessage(event);
165 | },
166 | dispatchMessage: function (message) {
167 | var event = {type: 'message'};
168 | event.message = message;
169 | // var event = new Event('message');
170 | // event.message = message;
171 | // document.dispatchEvent(event);
172 | console.log('clientActions dispatchEvent', event);
173 | window.swanInterface.communicator.fireMessage(event);
174 | },
175 | appReady: function (appPath, slaveId, pageUrl, appConfig) {
176 | console.log('mock appReady: ', slaveId, pageUrl);
177 | this.dispatchEvent('AppReady', {
178 | pageUrl: pageUrl,
179 | wvID: slaveId,
180 | appPath: appPath,
181 | appConfig: appConfig
182 | });
183 | // this.appShow();
184 | },
185 |
186 | appShow: function () {
187 | this.dispatchEvent('lifecycle', {
188 | lcType: 'onAppShow'
189 | });
190 | },
191 | appHide: function () {
192 | this.dispatchEvent('lifecycle', {
193 | lcType: 'onAppHide'
194 | });
195 | },
196 | wvID: 2,
197 | createSlave: function (slaveActionMap, template, slaveHookJs) {
198 | console.log('mock createSlave: ', slaveActionMap, template, slaveHookJs);
199 | const wvID = this.wvID++;
200 | for (let actionKey in slaveActionMap) {
201 | this.bind(actionKey, function (e) {
202 | if (+e.slaveId === +wvID) {
203 | slaveActionMap[actionKey](e);
204 | }
205 | });
206 | }
207 |
208 | // 延迟创建
209 | setTimeout(function () {
210 | window.slaveId = wvID;
211 | const slave = new Slave(window, window.swanInterface, window.swanComponents);
212 | console.log('mock salve=', slave, window.afterSlaveFrameWork);
213 |
214 | window.afterSlaveFrameWork && window.afterSlaveFrameWork();
215 | global.pageRender && global.pageRender(template, [], []);
216 | window.testutils.clientActions.bind('initData', function (e) {
217 | window.testutils.clientActions.dispatchMessage(e);
218 | setTimeout(function () {
219 | window.afterSlave && window.afterSlave();
220 | }, 1);
221 | });
222 | }, 1000);
223 |
224 | return wvID;
225 | },
226 | bind: function (type, cb) {
227 | console.log('TODO need add code');
228 | window.swanInterface.communicator.onMessage('message', function (e) {
229 | var messageObj = e.message;
230 | if (typeof messageObj === 'string') {
231 | try {
232 | messageObj = JSON.parse(messageObj);
233 | }
234 | catch (e) {
235 | messageObj = e.message;
236 | }
237 | }
238 | console.log('bind ...', e);
239 | if (messageObj && messageObj.type && messageObj.type === type) {
240 | cb(messageObj);
241 | }
242 | });
243 | },
244 | sendMasterMessage: function (message) {
245 | message.slaveId = window.slaveId;
246 | // window.parent.postMessage(JSON.stringify(message), '*');
247 | window.testutils.clientActions.dispatchMessage(message);
248 | },
249 | }
250 | };
251 |
252 | // TODO-ly 刘阳添加的模拟代码
253 | context.swanInterface.bind('AppReady', (event)=>{
254 | console.log('listener AppReady ', event);
255 |
256 | context.swanInterface.communicator.onMessage(`slaveLoaded${event.wvID}`, (e)=>{
257 | const slave = new Slave(window, window.swanInterface, window.swanComponents);
258 | window.slaveId = event.wvID;
259 | context.testutils.clientActions.dispatchEvent('PageReady', {
260 | initData: '',
261 | appPath: event.appPath,
262 | pagePath: event.pageUrl
263 | });
264 | });
265 | });
266 |
267 | // TODO-ly 刘阳添加的模拟代码
268 | context.testutils.clientActions.bind('slaveAttached', event => {
269 | console.log('native listen slaveAttached send onShow event', event);
270 | context.testutils.clientActions.appShow();
271 | context.testutils.clientActions.dispatchEvent('lifecycle', {
272 | lcType: 'onShow',
273 | wvID: event.slaveId
274 | });
275 | }, {once: true});
276 | }
277 | }
--------------------------------------------------------------------------------
/test/src/native/utils/events-emitter.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @file base listen/fire lib，u can use it as a normal observer in your code
3 | * @author houyu(785798835@qq.com)
4 | */
5 |
6 | /** 一组队列的抽象 */
7 | class QueueSet {
8 |
9 | constructor() {
10 | this.queueSet = {};
11 | }
12 |
13 | /**
14 | * 获取某一条具体队列
15 | *
16 | * @param {string} 需要获取的队列的名称
17 | * @return {Array} 获取到的某一个具体队列
18 | */
19 | get(namespace) {
20 | if (!this.queueSet[namespace]) {
21 | this.queueSet[namespace] = [];
22 | }
23 | return this.queueSet[namespace];
24 | }
25 |
26 | /**
27 | * 将某一元素推入具体的某一条队列中
28 | *
29 | * @param {string} namespace 要推入的队列名称
30 | * @param {*} 推入队列的元素
31 | */
32 | pushTo(namespace, message) {
33 | this.get(namespace).push(message);
34 | }
35 |
36 | /**
37 | * 队列集合中是否含有某一个具体的队列
38 | *
39 | * @param {string} namespace - 队列的名称
40 | * @return {bool} 当前队列集合中是否有某一特定队列
41 | */
42 | has(namespace) {
43 | return Object.prototype.toString.call(this.queueSet[namespace]) === '[object Array]';
44 | }
45 |
46 | /**
47 | * 删除队列中的某一项元素
48 | *
49 | * @param {string} namespace - 队列名称
50 | * @param {*} element - 要删除的元素的引用
51 | */
52 | del(namespace, element) {
53 | if (!element) {
54 | this.queueSet[namespace] = [];
55 | }
56 | else if (namespace === '*') {
57 | Object.keys(this.queueSet)
58 | .filter(namespace => this.has(namespace))
59 | .forEach(queueName => {
60 | this.queueSet[queueName] = this.queueSet[queueName].filter(item => item.handler !== element);
61 | });
62 | }
63 | else {
64 | this.queueSet[namespace] = this.queueSet[namespace].filter(item => item.handler !== element);
65 | }
66 | }
67 | }
68 |
69 | export default class EventsEmitter {
70 |
71 | constructor() {
72 | this.handlerQueueSet = new QueueSet();
73 | this.messageQueueSet = new QueueSet();
74 | }
75 |
76 | /**
77 | * 融合多条事件流成为一条
78 | *
79 | * @param {...Object} communicators - 需要融合的任意一组事件流
80 | * @return {Object} - 融合后的事件流
81 | */
82 | static merge(...communicators) {
83 | const mergedEventsEmitter = new EventsEmitter();
84 | [...communicators]
85 | .forEach(communicator => {
86 | communicator.onMessage('*', e => mergedEventsEmitter.fireMessage(e));
87 | });
88 | return mergedEventsEmitter;
89 | }
90 |
91 | /**
92 | * 派发事件
93 | *
94 | * @param {Object} message - 派发事件的对象
95 | * @return {Object} - this环境上下文
96 | */
97 | fireMessage(message) {
98 | if (message && message.type && this.handlerQueueSet.get(message.type)) {
99 |
100 | this.messageQueueSet.pushTo(message.type, message);
101 |
102 | this.handlerQueueSet.get(message.type)
103 | .forEach(item => {
104 | this.handlerWrapper(item, message.type, message);
105 | });
106 |
107 | this.handlerQueueSet.get('*')
108 | .forEach(item => {
109 | this.handlerWrapper(item, '*', message);
110 | });
111 | }
112 | return this;
113 | }
114 |
115 | /**
116 | * 监听事件
117 | *
118 | * @param {string} type - 监听的事件名称
119 | * @param {Function} handler - 监听的事件回调
120 | * @param {Object} options - 监听的设置选项
121 | * @return {Object} this环境上下文
122 | */
123 | onMessage(type, handler, options = {}) {
124 |
125 | if (Object.prototype.toString.call(type) === '[object Array]') {
126 | type.forEach(oneType => this.onMessage(oneType, handler, options));
127 | return this;
128 | }
129 |
130 | this.handlerQueueSet.pushTo(type, {
131 | handler,
132 | once: options.once
133 | });
134 |
135 | if (options.listenPreviousEvent === true && this.messageQueueSet.has(type)) {
136 | this.handlerWrapper(
137 | {handler, once: options.once},
138 | type,
139 | this.messageQueueSet.get(type)
140 | );
141 | }
142 | return this;
143 | }
144 |
145 | /**
146 | * 删除事件监听
147 | *
148 | * @param {string} type - 监听的事件名称
149 | * @param {Function} handler - 监听的事件回调
150 | * @return {Object} this环境上下文
151 | */
152 | delHandler(type, handler) {
153 | this.handlerQueueSet.del(type, handler);
154 | return this;
155 | }
156 |
157 | /**
158 | * 执行handler的代理函数
159 | *
160 | * @param {Object} item - 事件流中存储的某个对象
161 | * @param {Function} item.handler - 事件流中某个对象中的事件接受处理者
162 | * @param {string} type - 事件的名称
163 | * @param {*} message - 需要传递给执行事件的参数
164 | * @return {bool} - 执行是否成功的结果
165 | */
166 | handlerWrapper({handler, once}, type, message) {
167 | if (!handler) {
168 | return false;
169 | }
170 | handler.call(this, message);
171 | // 如果设定，用完即删
172 | if (once) {
173 | this.handlerQueueSet.del(type, handler);
174 | }
175 | return true;
176 | }
177 | }
178 |
179 | export {QueueSet};
180 |
--------------------------------------------------------------------------------
/test/src/native/utils/loader.js:
--------------------------------------------------------------------------------
1 |
2 | // import swanEvents from './events-emitter';
3 | /* globals swanGlobal _naSwan */
4 | // const doc = swanGlobal ? {} : document;
5 | export default class Loader {
6 | constructor(basePath = '') {
7 | this.basePath = basePath;
8 | this.loadedResource = {
9 | js: {},
10 | css: {}
11 | };
12 | }
13 | loadjs(document, name) {
14 | const loadPath = this.basePath + '/' + name + '.js';
15 | if (this.loadedResource.js[loadPath]) {
16 | return Promise.resolve();
17 | }
18 | return new Promise((resolve, reject) => {
19 | // if (swanGlobal) {
20 | // try {
21 | // _naSwan.include(loadPath);
22 | // // action && swanEvents(action);
23 | // } catch (e) {
24 | // reject(e);
25 | // console.error(e);
26 | // }
27 | // resolve();
28 | // } else {
29 | const script = document.createElement('script');
30 | script.type = 'text/javascript';
31 | script.src = loadPath;
32 | script.onload = () => {
33 | this.loadedResource.js[loadPath] = true;
34 | // action && swanEvents(action);
35 | resolve();
36 | };
37 | script.onerror = reject;
38 | document.head.appendChild(script);
39 | // }
40 | });
41 | }
42 | loadcss(document, name) {
43 | const loadPath = this.basePath + '/' + name + '.wxss';
44 | if (this.loadedResource.js[loadPath]) {
45 | return Promise.resolve();
46 | }
47 | return new Promise((resolve, reject) => {
48 | const link = document.createElement('link');
49 | link.type = 'text/css';
50 | link.rel = 'stylesheet';
51 | link.href = loadPath;
52 | link.onload = () => {
53 | this.loadedResource.css[loadPath] = true;
54 | // action && swanEvents(action);
55 | resolve();
56 | };
57 | link.onerror = reject;
58 | document.head.appendChild(link);
59 | });
60 | }
61 | loadJson(name){
62 | const loadPath = this.basePath + '/' + name + '.json';
63 | return fetch(loadPath)
64 | .then(function(response) {
65 | return response.text();
66 | });
67 | }
68 | loadWxml(name){
69 | const loadPath = this.basePath + '/' + name + '.wxml';
70 | return fetch(loadPath)
71 | .then((response)=>{
72 | return response.text();
73 | })
74 | .then((text)=>{
75 | return {
76 | name: name,
77 | wxml: text
78 | };
79 | });
80 | }
81 | // TODO other files type
82 | }
83 |
--------------------------------------------------------------------------------
/test/src/native/utils/swan-events/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @file swan-events/index.js
3 | */
4 | import EventsEmitter from '../events-emitter';
5 | const global = window;
6 | global.swanEvents = global.swanEvents || new EventsEmitter();
7 |
8 | export default function (eventName, data){
9 | global.swanEvents.fireMessage({
10 | type: 'TraceEvents',
11 | params: {
12 | eventName,
13 | data
14 | }
15 | });
16 | }
17 |
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/app.css:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fbf9fe;
3 | height: 100%;
4 | }
5 | .container {
6 | display: flex;
7 | flex-direction: column;
8 | min-height: 100%;
9 | justify-content: space-between;
10 | }
11 | .page-header {
12 | display: flex;
13 | font-size: 32rpx;
14 | color: #aaa;
15 | justify-content: center;
16 | margin-top: 50rpx;
17 | }
18 | .page-header-text {
19 | padding: 20rpx 40rpx;
20 | border-bottom: 1px solid #ccc;
21 | }
22 |
23 | .page-body {
24 | width: 100%;
25 | display: flex;
26 | flex-direction: column;
27 | align-items: center;
28 | flex-grow: 1;
29 | overflow-x: hidden;
30 | }
31 | .page-body-wrapper {
32 | margin-top: 100rpx;
33 | display: flex;
34 | flex-direction: column;
35 | align-items: center;
36 | width: 100%;
37 | }
38 | .page-body-wrapper form {
39 | width: 100%;
40 | }
41 | .page-body-wording {
42 | text-align: center;
43 | padding: 200rpx 100rpx;
44 | }
45 | .page-body-info {
46 | display: flex;
47 | flex-direction: column;
48 | align-items: center;
49 | background-color: #fff;
50 | margin-bottom: 50rpx;
51 | width: 100%;
52 | padding: 50rpx 0 150rpx 0;
53 | }
54 | .page-body-title {
55 | margin-bottom: 100rpx;
56 | font-size: 32rpx;
57 | }
58 | .page-body-text {
59 | font-size: 30rpx;
60 | line-height: 26px;
61 | color: #ccc;
62 | }
63 | .page-body-text-small {
64 | font-size: 24rpx;
65 | color: #000;
66 | margin-bottom: 100rpx;
67 | }
68 | .page-body-form {
69 | width: 100%;
70 | background-color: #fff;
71 | display: flex;
72 | flex-direction: column;
73 | width: 100%;
74 | border: 1px solid #eee;
75 | }
76 | .page-body-form-item {
77 | display: flex;
78 | align-items: center;
79 | margin-left: 10rpx;
80 | border-bottom: 1px solid #eee;
81 | height: 80rpx;
82 | }
83 | .page-body-form-key {
84 | width: 180rpx;
85 | }
86 | .page-body-form-value {
87 | flex-grow: 1;
88 | }
89 |
90 | .page-body-form-picker {
91 | display: flex;
92 | justify-content: space-between;
93 | height: 100rpx;
94 | align-items: center;
95 | font-size: 36rpx;
96 | margin-left: 20rpx;
97 | padding-right: 20rpx;
98 | border-bottom: 1px solid #eee;
99 | }
100 | .page-body-form-picker-value {
101 | color: #ccc;
102 | }
103 |
104 | .page-body-buttons {
105 | width: 100%;
106 | }
107 | .page-body-button {
108 | margin: 25rpx;
109 | }
110 | .page-body-button image {
111 | width: 150rpx;
112 | height: 150rpx;
113 | }
114 | .page-footer {
115 | text-align: center;
116 | color: #1aad19;
117 | font-size: 24rpx;
118 | margin: 20rpx 0;
119 | }
120 |
121 | .green{
122 | color: #09BB07;
123 | }
124 | .red{
125 | color: #F76260;
126 | }
127 | .blue{
128 | color: #10AEFF;
129 | }
130 | .yellow{
131 | color: #FFBE00;
132 | }
133 | .gray{
134 | color: #C9C9C9;
135 | }
136 |
137 | .strong{
138 | font-weight: bold;
139 | }
140 |
141 | .bc_green{
142 | background-color: #09BB07;
143 | }
144 | .bc_red{
145 | background-color: #F76260;
146 | }
147 | .bc_blue{
148 | background-color: #10AEFF;
149 | }
150 | .bc_yellow{
151 | background-color: #FFBE00;
152 | }
153 | .bc_gray{
154 | background-color: #C9C9C9;
155 | }
156 |
157 | .tc{
158 | text-align: center;
159 | }
160 |
161 | .page input{
162 | padding: 10px 15px;
163 | background-color: #fff;
164 | }
165 | checkbox, radio{
166 | margin-right: 5px;
167 | }
168 |
169 | .btn-area{
170 | padding: 0 15px;
171 | }
172 | .btn-area button{
173 | margin-top: 10px;
174 | margin-bottom: 10px;
175 | }
176 |
177 | .page {
178 | min-height: 100%;
179 | flex: 1;
180 | background-color: #FBF9FE;
181 | font-size: 16px;
182 | font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
183 | overflow: hidden;
184 | }
185 | .page__hd{
186 | padding: 40px;
187 | }
188 | .page__title{
189 | display: block;
190 | font-size: 20px;
191 | }
192 | .page__desc{
193 | margin-top: 5px;
194 | font-size: 14px;
195 | color: #888888;
196 | }
197 |
198 | .section{
199 | margin-bottom: 40px;
200 | }
201 | .section_gap{
202 | padding: 0 15px;
203 | }
204 | .section__title{
205 | margin-bottom: 8px;
206 | padding-left: 15px;
207 | padding-right: 15px;
208 | }
209 | .section_gap .section__title{
210 | padding-left: 0;
211 | padding-right: 0;
212 | }
213 | .section__ctn{
214 |
215 | }
216 |
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/app.js:
--------------------------------------------------------------------------------
1 | window.define("130",
2 | function (t, e, n, o, a, i, s, c, r, u, d, l, g, w, f, h) {
3 | Page({
4 | data: {
5 | name: 'helloworld'
6 | },
7 | onLoad: function () {
8 | console.log("Lifecycle Page onLoad");
9 | },
10 | onReady: function () {
11 | console.log("Lifecycle Page onReady");
12 | },
13 | onShow: function (e) {
14 | console.log("Lifecycle Page onShow");
15 | },
16 | onHide: function () {
17 | console.log("Lifecycle Page onHide");
18 | },
19 | onUnload: function () {
20 | console.log("Lifecycle Page onUnload");
21 | }
22 | })
23 | });
24 |
25 | window.define("138",
26 | function(t, e, n, o, a, i, s, c, r, u, d, l, g, w, f, h) {
27 | var p = [];
28 | Page({
29 | data: {
30 | text: "这是一段文字."
31 | },
32 | onShow: function(t) {
33 | p = []
34 | },
35 | add: function(t) {
36 | p.push("其他文字");
37 | this.setData({
38 | text: "这是一段文字." + p.join(",")
39 | })
40 | },
41 | remove: function(t) {
42 | p.length > 0 && (p.pop(), this.setData({
43 | text: "这是一段文字." + p.join(",")
44 | }))
45 | }
46 | })
47 | });
48 |
49 | window.define("193",
50 | function(t, e, n, o, a, i, s, c, r, u, d, l, g, w, f, h) {
51 | App({
52 | onLaunch: function(t) {
53 | console.log("Lifecycle App onLaunch")
54 | },
55 | onShow: function(t) {
56 | console.log("Lifecycle App onShow")
57 | }
58 | })
59 | });
60 |
61 | window.__swanRoute = "app";
62 | window.usingComponents = [];
63 | require("193");
64 |
65 | // window.__swanRoute = "page/component/index";
66 | // window.usingComponents = [];
67 | // require("130");
68 |
69 | window.__swanRoute = "pages/text/text";
70 | window.usingComponents = [];
71 | require("138");
72 |
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages": [
3 | "pages/text/text"
4 | ],
5 | "window": {
6 | "navigationBarTextStyle": "black",
7 | "navigationBarTitleText": "小程序演示",
8 | "navigationBarBackgroundColor": "#fbf9fe",
9 | "backgroundColor": "#fbf9fe"
10 | },
11 | "networkTimeout": {
12 | "request": 10000,
13 | "connectSocket": 10000,
14 | "uploadFile": 10000,
15 | "downloadFile": 10000
16 | },
17 | "debug": true
18 | }
19 |
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/pages/component/index.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/handsomeliuyang/swanvue-core/6a72f5966b959dbb648eeba1d1449783f73804f2/test/src/wxs/helloworld/pages/component/index.css
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/pages/component/index.js:
--------------------------------------------------------------------------------
1 |
2 | Page({
3 | data:{
4 | name: 'helloworld'
5 | }
6 | });
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/pages/component/index.swan.js:
--------------------------------------------------------------------------------
1 | ((global)=>{
2 |
3 | global.errorMsg = [];
4 | var templateComponents = Object.assign({}, {});
5 | var param = {};
6 | var filterArr = JSON.parse("[]");
7 | try {
8 | filterArr && filterArr.forEach(function (item) {
9 | param[item.module] = eval(item.module)
10 | });
11 |
12 | var pageContent = '{{name}}
';
13 |
14 | var renderPage = function (filters, modules) {
15 | // 路径与该组件映射
16 | // var customAbsolutePathMap = (global.componentFactory.getAllComponents(), {});
17 |
18 | // 当前页面使用的自定义组件
19 | // const pageUsingComponentMap = JSON.parse("{}");
20 |
21 | // 生成该页面引用的自定义组件
22 | // const customComponents = Object.keys(pageUsingComponentMap).reduce((customComponents, customName) => {
23 | // customComponents[customName] = customAbsolutePathMap[pageUsingComponentMap[customName]];
24 | // return customComponents;
25 | // }, {});
26 | global.pageRender(pageContent, templateComponents)
27 | };
28 |
29 | renderPage(filterArr, param);
30 | } catch (e) {
31 | global.errorMsg['execError'] = e;
32 | throw e;
33 | }
34 | })(window);
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/pages/component/index.wxml:
--------------------------------------------------------------------------------
1 |
2 | {{name}}
3 |
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/pages/text/text.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/handsomeliuyang/swanvue-core/6a72f5966b959dbb648eeba1d1449783f73804f2/test/src/wxs/helloworld/pages/text/text.css
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/pages/text/text.js:
--------------------------------------------------------------------------------
1 | var r = [];
2 | Page({
3 | data: {
4 | text: "这是一段文字."
5 | },
6 | onShow: function(t) {
7 | r = []
8 | },
9 | add: function(t) {
10 | r.push("其他文字"),
11 | this.setData({
12 | text: "这是一段文字." + r.join(",")
13 | })
14 | },
15 | remove: function(t) {
16 | r.length > 0 && (r.pop(), this.setData({
17 | text: "这是一段文字." + r.join(",")
18 | }))
19 | }
20 | })
--------------------------------------------------------------------------------
/test/src/wxs/helloworld/pages/text/text.swan.js:
--------------------------------------------------------------------------------
1 | ((global)=>{
2 |
3 | global.errorMsg = [];
4 | var templateComponents = Object.assign({}, {});
5 | var param = {};
6 | var filterArr = JSON.parse("[]");
7 | try {
8 | filterArr && filterArr.forEach(function (item) {
9 | param[item.module] = eval(item.module)
10 | });
11 |
12 | var pageContent = `
13 |
14 |
{{text}}
15 |
18 |
21 |
14 |
15 |
16 |
17 | view
18 | 弹性框模型分为弹性容器以及弹性项目。当组件的display为flex或inline-flex时，该组件则为弹性容器，弹性容器的子组件为弹性项目。
19 |
20 |
21 |
22 | flex-direction: row
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 | flex-direction: column
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 | justify-content: flex-start
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 | justify-content: flex-end
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | justify-content: center
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 | justify-content: space-between
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 | justify-content: space-around
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 | align-items: flex-end
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 | align-items: center
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
105 |
106 |
107 |
108 |
--------------------------------------------------------------------------------
/test/src/wxs/wechat-app-demo/page/component/component-pages/wx-view/wx-view.js:
--------------------------------------------------------------------------------
1 | import Vue from '../../../../../../../../dist/wxavue.js'
2 | import './wx-view.css'
3 |
4 | export default Vue.Page({
5 | data:{
6 |
7 | },
8 | template: `
9 |
10 |
11 | view
12 | 弹性框模型分为弹性容器以及弹性项目。当组件的display为flex或inline-flex时，该组件则为弹性容器，弹性容器的子组件为弹性项目。
13 |
14 |
15 |
16 | flex-direction: row
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | flex-direction: column
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 | justify-content: flex-start
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 | justify-content: flex-end
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 | justify-content: center
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 | justify-content: space-between
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 | justify-content: space-around
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 | align-items: flex-end
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 | align-items: center
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 | `
90 | });
91 |
--------------------------------------------------------------------------------
/test/src/wxs/wechat-app-demo/page/component/index.css:
--------------------------------------------------------------------------------
1 | .index{
2 | background-color: #FBF9FE;
3 | font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
4 | flex: 1;
5 | min-height: 100%;
6 | font-size: 16px;
7 | }
8 | .head{
9 | padding: 40px;
10 | }
11 | .body{
12 | padding-left: 15px;
13 | padding-right: 15px;
14 | overflow: hidden;
15 | }
16 | .title{
17 | font-size: 30px;
18 | }
19 | .desc{
20 | margin-top: 5px;
21 | color: #888888;
22 | font-size: 14px;
23 | }
24 |
25 | .widgets__item{
26 | margin-top: 10px;
27 | margin-bottom: 10px;
28 | background-color: #FFFFFF;
29 | overflow: hidden;
30 | border-radius: 2px;
31 | cursor: pointer;
32 | }
33 | .widgets__info{
34 | display: flex;
35 | padding: 20px;
36 | align-items: center;
37 | flex-direction: row;
38 | }
39 | .widgets__info_show{
40 | opacity: .4;
41 | }
42 | .widgets__info-name{
43 | flex: 1;
44 | }
45 | .widgets__info-img{
46 | width: 30px;
47 | height: 30px;
48 | }
49 |
50 | .widgets__list{
51 | display: none;
52 | }
53 | .widgets__list_show{
54 | display: block;
55 | }
56 | /*
57 | .widgets__list{
58 | height: 0;
59 | overflow: hidden;
60 | }
61 | .widgets__list_show{
62 | height: auto;
63 | }
64 | .widgets__list-inner{
65 | opacity: 0;
66 | transform: translateY(-50%);
67 | transition: .3s;
68 | }
69 | .widgets__list-inner_show{
70 | opacity: 1;
71 | transform: translateY(0);
72 | }
73 | */
74 |
75 | .widget{
76 | position: relative;
77 | padding-top: 13px;
78 | padding-bottom: 13px;
79 | padding-left: 20px;
80 | padding-right: 20px;
81 | }
82 | .widget__arrow{
83 | position: absolute;
84 | top: 14px;
85 | right: 22px;
86 | width: 8px;
87 | height: 16px;
88 | }
89 | .widget__line{
90 | content: " ";
91 | position: absolute;
92 | left: 20px;
93 | bottom: 0;
94 | right: 20px;
95 | height: 1rpx;
96 | background-color: #DFDFDF;
97 | }
98 |
--------------------------------------------------------------------------------
/test/src/wxs/wechat-app-demo/page/component/index.js:
--------------------------------------------------------------------------------
1 | import Vue from '../../../../../../dist/wxavue.js'
2 | import './index.css'
3 |
4 | var type = [
5 | 'view', 'content', 'form', 'interact', 'nav', 'media', 'map', 'canvas'
6 | ];
7 |
8 | export default Vue.Page({
9 | data: {
10 | viewShow: false,
11 | contentShow: false,
12 | formShow: false,
13 | interactShow: false,
14 | navShow: false,
15 | mediaShow: false,
16 | mapShow: false,
17 | canvasShow: false
18 | },
19 | widgetsToggle: function (e) {
20 | console.log(e);
21 |
22 | var id = e.currentTarget.id, data = {};
23 | for (var i = 0, len = type.length; i < len; ++i) {
24 | data[type[i] + 'Show'] = false;
25 | }
26 | data[id + 'Show'] = !this.data[id + 'Show'];
27 | this.setData(data);
28 | },
29 | template: `
30 |
31 |
32 | 小程序组件
33 | 这是展示小程序组件的DEMO。
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | 内容分区
42 |
43 |
44 |
45 |
46 |
47 | view
48 |
49 |
50 |
51 |
52 | scroll-view
53 |
54 |
55 |
56 |
57 | swiper
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 | 内容
66 |
67 |
68 |
69 |
70 | text
71 |
72 |
73 |
74 |
75 | icon
76 |
77 |
78 |
79 |
80 | mask
81 |
82 |
83 |
84 |
85 | toast
86 |
87 |
88 |
89 |
90 | progress
91 |
92 |
93 |
94 |
95 |
96 |
97 | 表单组件
98 |
99 |
100 |
101 |
102 | button
103 |
104 |
105 |
106 |
107 | checkbox
108 |
109 |
110 |
111 |
112 | form
113 |
114 |
115 |
116 |
117 | input
118 |
119 |
120 |
121 |
122 | label
123 |
124 |
125 |
126 |
127 | picker
128 |
129 |
130 |
131 |
132 | radio
133 |
134 |
135 |
136 |
137 | slider
138 |
139 |
140 |
141 |
142 | switch
143 |
144 |
145 |
146 |
147 |
148 |
149 | 交互组件
150 |
151 |
152 |
153 |
154 | action-sheet
155 |
156 |
157 |
158 |
159 | modal
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 | 导航
168 |
169 |
170 |
171 |
172 | navigator
173 |
174 |
175 |
176 |
177 |
178 |
179 | 媒体
180 |
181 |
182 |
183 |
184 |
185 | image
186 |
187 |
188 |
189 |
190 | audio
191 |
192 |
193 |
194 |
195 | video
196 |
197 |
198 |
199 |
200 |
201 |
202 |
203 |
204 | `
205 | });
206 |
--------------------------------------------------------------------------------
/test/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const webpack = require('webpack');
3 | const HtmlWebpackPlugin = require('html-webpack-plugin');
4 | const CopyWebpackPlugin = require('copy-webpack-plugin');
5 |
6 | module.exports = {
7 | mode: 'development',
8 | entry: {
9 | main: './src/main.js'
10 | },
11 | output: {
12 | path: path.resolve(__dirname, 'dist'),
13 | filename: "[name].js"
14 | },
15 | // devtool: 'inline-source-map',
16 | devServer: {
17 | contentBase: path.join(__dirname, 'dist'),
18 | port: 9000,
19 | disableHostCheck: true
20 | },
21 | module: {
22 | rules: [
23 | {
24 | test: /\.css$/,
25 | use: ['style-loader', 'css-loader']
26 | },
27 | {
28 | test: /\.js$/,
29 | exclude: [
30 | /node_modules/,
31 | path.resolve(__dirname, "../dist/box/master/index.js"),
32 | path.resolve(__dirname, "../dist/box/slaves/index.js")
33 | ],
34 | use: {
35 | loader: 'babel-loader',
36 | options: {
37 | presets: ['env'],
38 | }
39 | }
40 |
41 | }
42 | ]
43 | },
44 | plugins: [
45 | new HtmlWebpackPlugin({
46 | title: 'exdemo'
47 | }),
48 | new CopyWebpackPlugin([
49 | {from: 'src/wxs', to: 'wxs', force: true}
50 | ])
51 | ]
52 | };
53 |
--------------------------------------------------------------------------------
/webpack.base.conf.js:
--------------------------------------------------------------------------------
1 | // const CopyWebpackPlugin = require('copy-webpack-plugin');
2 | const webpack = require('webpack');
3 | const path = require('path');
4 | const root = pathRelativeToRoot => path.resolve(__dirname, '..', pathRelativeToRoot);
5 | module.exports = {
6 | entry: {
7 | master: __dirname + '/src/master/index.js',
8 | slaves: __dirname + '/src/slave/index.js'
9 | },
10 | output: {
11 | path: __dirname + '/dist/box/',
12 | filename: '[name]/index.js',
13 | libraryTarget: "umd"
14 | },
15 | devtool: 'source-map',
16 | plugins: [
17 | new webpack.LoaderOptionsPlugin({
18 | minimize: false,
19 | debug: true
20 | }),
21 | // new webpack.optimize.UglifyJsPlugin({
22 | // // sourceMap: true,
23 | // compress: {
24 | // warnings: false,
25 | // /* eslint-disable fecs-camelcase */
26 | // drop_console: false
27 | // /* eslint-disable fecs-camelcase */
28 | // },
29 | // // sourceMap: true,
30 | // comments: false
31 | // }),
32 |
33 | // new CopyWebpackPlugin([{
34 | // from: __dirname + '/src/templates/**/*',
35 | // to: __dirname + '/dist/box/[1]/[name].[ext]',
36 | // test: /([^/]+)\/([^/]+)\.[^.]+$/
37 | // }])
38 | ]
39 | };
40 |
--------------------------------------------------------------------------------
/webpack.test.conf.js:
--------------------------------------------------------------------------------
1 | const merge = require('webpack-merge');
2 | const baseWebpackConfig = require('./webpack.base.conf.js');
3 |
4 | module.exports = merge(
5 | baseWebpackConfig,
6 | {
7 | resolve: {
8 | alias: {
9 | 'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
10 | }
11 | },
12 | module: {
13 | loaders: [{
14 | test: /\.js$/,
15 | exclude: /node_modules/,
16 | loader: 'babel-loader',
17 | query: {
18 | presets: ['env'],
19 | plugins: [
20 | 'transform-class-properties', ['transform-object-rest-spread', {'useBuiltIns': true}],
21 | 'transform-decorators-legacy',
22 | 'transform-object-assign',
23 | ['istanbul', {
24 | 'exclude': [
25 | 'src/utils/**/*.js',
26 | 'test/spec/*.js',
27 | 'src/master/custom-component/index.js'
28 | ]
29 | }]
30 | ]
31 | }
32 | }
33 | ]
34 | }
35 | }
36 | );
37 |
--------------------------------------------------------------------------------