@aiot-toolkit/velasim
Version:
vela for sim
784 lines (754 loc) • 21.6 kB
JavaScript
export default function(global, globalThis, window, $app_exports$){
var createPageHandler = function() {
return /******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/script-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/module-loader.js!./node_modules/babel-loader/lib/index.js?cwd=/home/zhoubingqing/workspace/vela/vela-qapp-samples&cacheDirectory&plugins[]=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/babel-plugin-jsx.js&comments=false&configFile=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/packager/babel.config.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/access-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=script!./src/component/general/animation-style/transition/index.ux?uxType=page":
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/script-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/module-loader.js!./node_modules/babel-loader/lib/index.js?cwd=/home/zhoubingqing/workspace/vela/vela-qapp-samples&cacheDirectory&plugins[]=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/babel-plugin-jsx.js&comments=false&configFile=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/packager/babel.config.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/access-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=script!./src/component/general/animation-style/transition/index.ux?uxType=page ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/***/ ((module) => {
module.exports = function __scriptModule__ (module, exports, $app_require$){"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _system = _interopRequireDefault($app_require$("@app-module/system.router"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = {
private: {
width: 100,
height: 100,
opacity: 1,
visibility: 'visible',
transformOrigin: 1,
transform: 'translate(30px)',
translateX: 1,
padding: 10,
margin: 10,
borderWidth: 10,
borderColor: 'red',
backgroundColor: '#090',
backgroundPosition: 10,
flex: 1,
flexGrow: 1,
flexShrink: 1,
flexBasis: 150 + 'px',
left: 20 + 'px',
top: 20 + 'px',
right: 20 + 'px',
bottom: 20 + 'px'
},
onReady() {},
startAnimation() {
this.width = 200;
this.height = 200;
this.opacity = 0.3;
this.visibility = 'hidden';
this.transformOrigin = 30;
this.transform = 'translate(30px)';
this.translateX = 30;
this.padding = 0;
this.margin = 1;
this.borderWidth = 1;
this.borderColor = 'green';
this.backgroundColor = '#09f';
this.backgroundPosition = 30;
this.flex = 2;
this.flexGrow = 2;
this.flexShrink = 2;
this.flexBasis = 300 + 'px';
this.left = 40 + 'px';
this.top = 40 + 'px';
this.right = 40 + 'px';
this.bottom = 40 + 'px';
setTimeout(() => {
this.reset();
}, 5000);
},
reset() {
this.width = 100;
this.height = 100;
this.opacity = 1;
this.visibility = 'visible';
this.transformOrigin = 1;
this.transform = 'translate(0)';
this.translateX = 1;
this.padding = 10;
this.margin = 10;
this.borderWidth = 10;
this.borderColor = 'red';
this.backgroundColor = '#090';
this.backgroundPosition = 10;
this.flex = 1;
this.flexGrow = 1;
this.flexShrink = 1;
this.flexBasis = 150 + 'px';
this.left = 20 + 'px';
this.top = 20 + 'px';
this.right = 20 + 'px';
this.bottom = 20 + 'px';
},
back() {
_system.default.back();
}
};
exports.default = _default;
const moduleOwn = exports.default || module.exports;
const accessors = ['public', 'protected', 'private'];
if (moduleOwn.data && accessors.some(function (acc) {
return moduleOwn[acc];
})) {
throw new Error('页面VM对象中的属性data不可与"' + accessors.join(',') + '"同时存在，请使用private替换data名称');
} else if (!moduleOwn.data) {
moduleOwn.data = {};
moduleOwn._descriptor = {};
accessors.forEach(function (acc) {
const accType = typeof moduleOwn[acc];
if (accType === 'object') {
moduleOwn.data = Object.assign(moduleOwn.data, moduleOwn[acc]);
for (const name in moduleOwn[acc]) {
moduleOwn._descriptor[name] = {
access: acc
};
}
} else if (accType === 'function') {
console.warn('页面VM对象中的属性' + acc + '的值不能是函数，请使用对象');
}
});
}}
/***/ }),
/***/ "./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/style-loader.js?index=0&type=style!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=style!./src/component/general/animation-style/transition/index.ux?uxType=page":
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/style-loader.js?index=0&type=style!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=style!./src/component/general/animation-style/transition/index.ux?uxType=page ***!
\**********************************************************************************************************************************************************************************************************************************************************/
/***/ ((module) => {
module.exports = [
[
[
[
0,
"page"
]
],
{
"paddingTop": "60px",
"paddingRight": "60px",
"paddingBottom": "60px",
"paddingLeft": "60px",
"flexDirection": "column"
}
],
[
[
[
0,
"column"
]
],
{
"flexDirection": "column"
}
],
[
[
[
0,
"row"
]
],
{
"flexDirection": "row"
}
],
[
[
[
0,
"header"
]
],
{
"fontWeight": "bold",
"marginBottom": "10px",
"marginTop": "20px",
"fontSize": "30px"
}
],
[
[
[
0,
"link"
]
],
{
"color": "#0099ff",
"textDecoration": "underline"
}
],
[
[
[
0,
"link-ing"
]
],
{
"color": "#FFA500"
}
],
[
[
[
0,
"back"
]
],
{
"textAlign": "center",
"fontSize": "30px",
"color": "#0099ff",
"textDecoration": "underline"
}
],
[
[
[
0,
"bug"
]
],
{
"color": "#DD4731"
}
],
[
[
[
0,
"not-support"
]
],
{
"color": "#808080"
}
],
[
[
[
0,
"gray"
]
],
{
"color": "#808080"
}
],
[
[
[
0,
"box"
]
],
{
"width": "200px",
"height": "80px",
"marginBottom": "10px",
"backgroundColor": "#800080"
}
],
[
[
[
0,
"group"
]
],
{
"marginBottom": "15px"
}
],
[
[
[
0,
"label"
]
],
{
"marginTop": "10px"
}
],
[
[
[
0,
"border"
]
],
{
"borderTopWidth": "1px",
"borderRightWidth": "1px",
"borderBottomWidth": "1px",
"borderLeftWidth": "1px",
"borderStyle": "solid",
"borderTopColor": "#800080",
"borderRightColor": "#800080",
"borderBottomColor": "#800080",
"borderLeftColor": "#800080"
}
],
[
[
[
0,
"tips"
]
],
{
"paddingTop": "5px",
"paddingRight": "5px",
"paddingBottom": "5px",
"paddingLeft": "5px",
"backgroundColor": "rgb(240,228,204)",
"color": "rgb(230,151,4)",
"borderRadius": "5px",
"marginTop": "5px",
"marginBottom": "5px"
}
],
[
[
[
0,
"code"
]
],
{
"backgroundColor": "#f0f0f0",
"borderRadius": "5px",
"borderTopWidth": "1px",
"borderRightWidth": "1px",
"borderBottomWidth": "1px",
"borderLeftWidth": "1px",
"borderStyle": "solid",
"borderTopColor": "#D3D3D3",
"borderRightColor": "#D3D3D3",
"borderBottomColor": "#D3D3D3",
"borderLeftColor": "#D3D3D3",
"paddingTop": "2px",
"paddingRight": "4px",
"paddingBottom": "2px",
"paddingLeft": "4px",
"fontSize": "24px"
}
],
[
[
[
0,
"btn"
]
],
{
"height": "60px",
"width": "360px",
"textAlign": "center",
"borderRadius": "5px",
"marginBottom": "30px",
"color": "#ffffff",
"fontSize": "30px",
"backgroundColor": "#0faeff"
}
],
[
[
[
2,
"text"
]
],
{
"fontSize": "26px",
"marginBottom": "10px"
}
],
[
[
[
0,
"ani"
]
],
{
"transitionDuration": "1s",
"transitionTimingFunction": "linear",
"transitionDelay": "0ms"
}
],
[
[
[
0,
"ani1"
]
],
{
"transitionDuration": "3s",
"transitionTimingFunction": "ease-in-out",
"transitionDelay": "2s"
}
],
[
[
[
0,
"trans"
]
],
{
"transform": "{\"translateX\":\"30px\",\"translateY\":\"0px\"}"
}
],
[
[
[
0,
"w100"
]
],
{
"width": "100px"
}
],
[
[
[
0,
"h100"
]
],
{
"height": "100px"
}
],
[
[
[
0,
"green"
]
],
{
"backgroundColor": "#009900"
}
],
[
[
[
0,
"orange"
]
],
{
"backgroundColor": "#FFA500"
}
],
[
[
[
0,
"blue"
]
],
{
"backgroundColor": "#0099ff"
}
],
[
[
[
0,
"bg"
]
],
{
"backgroundImage": "/Common/img1.png"
}
]
]
/***/ }),
/***/ "./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/template-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=template!./src/component/general/animation-style/transition/index.ux?uxType=page&":
/*!**********************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/template-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=template!./src/component/general/animation-style/transition/index.ux?uxType=page& ***!
\**********************************************************************************************************************************************************************************************************************************************/
/***/ ((module) => {
module.exports = function (vm) {
const _vm_ = vm || this
return aiot.__ce__("div", {
"classList": [
"column",
"page"
]
}, [
aiot.__ce__("text", {
"classList": [
"back"
],
"events": {
"click": function (evt) {_vm_.back(evt)}
},
"value": "返回"
}),
aiot.__ce__("div", {
"classList": [
"column"
],
"events": {
"click": function (evt) {_vm_.startAnimation(evt)}
}
}, [
aiot.__ce__("text", {
"classList": [
"header"
],
"value": "1. transition-duration/timing-function/delay"
}),
aiot.__ce__("text", {
"classList": [
"ani1",
"green",
"h100"
],
"style": {
"transitionProperty": "width",
"width": function () {return '' + (_vm_.width) + 'px'}
}
}),
aiot.__ce__("text", {
"classList": [
"header"
],
"value": "2. transition-property"
}),
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"h100"
],
"style": {
"transitionProperty": "width",
"width": function () {return '' + (_vm_.width) + 'px'}
},
"value": " width "
}),
aiot.__ce__("div", {
"classList": [
"column",
"group"
],
"style": {
"height": "200px"
}
}, [
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"w100"
],
"style": {
"transitionProperty": "height",
"height": function () {return '' + (_vm_.height) + 'px'}
},
"value": " height "
})
]),
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"w100",
"h100"
],
"style": {
"transitionProperty": "opacity",
"opacity": function () {return _vm_.opacity}
},
"value": " opacity "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"w100",
"h100"
],
"style": {
"transitionProperty": "visibility",
"visibility": function () {return _vm_.visibility}
},
"value": " visibility "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"trans",
"green",
"w100",
"h100"
],
"style": {
"transitionProperty": "transformOrigin",
"transformOrigin": function () {return '' + (_vm_.transformOrigin) + 'px'}
},
"value": " transform-origin "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"w100",
"h100"
],
"style": {
"transitionProperty": "padding",
"padding": function () {return '' + (_vm_.padding) + 'px'}
},
"value": " padding "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"w100",
"h100",
"not-support"
],
"style": {
"transitionProperty": "margin",
"margin": function () {return '' + (_vm_.margin) + 'px'}
},
"value": " margin "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"w100",
"h100",
"not-support"
],
"style": {
"transitionProperty": "borderWidth",
"borderWidth": function () {return '' + (_vm_.borderWidth) + 'px'},
"borderTopColor": "#FF0000",
"borderRightColor": "#FF0000",
"borderBottomColor": "#FF0000",
"borderLeftColor": "#FF0000",
"borderStyle": "solid"
},
"value": " border-width "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"green",
"w100",
"h100",
"not-support"
],
"style": {
"transitionProperty": "borderColor",
"borderTopWidth": "10px",
"borderRightWidth": "10px",
"borderBottomWidth": "10px",
"borderLeftWidth": "10px",
"borderColor": function () {return _vm_.borderColor},
"borderStyle": "solid"
},
"value": " border-color "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"w100",
"h100",
"not-support"
],
"style": {
"transitionProperty": "backgroundColor",
"backgroundColor": function () {return _vm_.backgroundColor}
},
"value": " background-color "
}),
aiot.__ce__("text", {
"classList": [
"ani",
"bg",
"w100",
"h100",
"not-support"
],
"style": {
"transitionProperty": "backgroundPosition",
"backgroundPosition": function () {return '' + (_vm_.backgroundPosition) + 'px'}
},
"value": " background-position "
})
])
])
}
/***/ }),
/***/ "./src/component/general/animation-style/transition/index.ux?uxType=page":
/*!*******************************************************************************!*\
!*** ./src/component/general/animation-style/transition/index.ux?uxType=page ***!
\*******************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var $app_style$ = __webpack_require__(/*! !../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/style-loader.js?index=0&type=style!../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=style!./index.ux?uxType=page */ "./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/style-loader.js?index=0&type=style!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=style!./src/component/general/animation-style/transition/index.ux?uxType=page")
var $app_script$ = __webpack_require__(/*! !../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/script-loader.js!../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/module-loader.js!../../../../../node_modules/babel-loader/lib/index.js?cwd=/home/zhoubingqing/workspace/vela/vela-qapp-samples&cacheDirectory&plugins[]=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/babel-plugin-jsx.js&comments=false&configFile=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/packager/babel.config.js!../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/access-loader.js!../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=script!./index.ux?uxType=page */ "./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/script-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/module-loader.js!./node_modules/babel-loader/lib/index.js?cwd=/home/zhoubingqing/workspace/vela/vela-qapp-samples&cacheDirectory&plugins[]=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/babel-plugin-jsx.js&comments=false&configFile=/home/zhoubingqing/workspace/vela/vela-qapp-samples/node_modules/@aiot-toolkit/packager/babel.config.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/access-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=script!./src/component/general/animation-style/transition/index.ux?uxType=page")
var $app_template$ = __webpack_require__(/*! !../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/template-loader.js!../../../../../node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=template!./index.ux?uxType=page& */ "./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/template-loader.js!./node_modules/@aiot-toolkit/dsl-xvm/lib/loaders/fragment-loader.js?index=0&type=template!./src/component/general/animation-style/transition/index.ux?uxType=page&")
$app_script$({}, $app_exports$, $app_require$);
$app_exports$.default.template = $app_template$;
$app_exports$.default.style = $app_style$;
module.exports = $app_exports$.default;
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(__webpack_module_cache__[moduleId]) {
/******/ return __webpack_module_cache__[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__("./src/component/general/animation-style/transition/index.ux?uxType=page");
/******/
/******/ })()
;
};
return createPageHandler();
};