iapyang
4 years ago
39 changed files with 907 additions and 238 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 360 KiB After Width: | Height: | Size: 363 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -0,0 +1,217 @@
|
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title></title> |
||||
<link rel="stylesheet" type="text/css" href="http://fanruan.design/fineui/2.0/fineui.min.css"/> |
||||
<script src="./dist/fineui.js"></script> |
||||
</head> |
||||
<body> |
||||
<div id="wrapper"></div> |
||||
<script> |
||||
var Model = BI.inherit(Fix.Model, { |
||||
state: function () { |
||||
return { |
||||
expand: false, |
||||
showClearAll: false, |
||||
hasUndo: false, |
||||
hasRedo: false |
||||
}; |
||||
}, |
||||
|
||||
computed: { |
||||
expandText: function () { |
||||
return this.model.expand ? "expand" : "not-expand"; |
||||
}, |
||||
clearAllText: function () { |
||||
return this.model.showClearAll ? "showClearAll" : "not-showClearAll"; |
||||
}, |
||||
undoText: function () { |
||||
return this.model.hasUndo ? "hasUndo" : "not-hasUndo"; |
||||
}, |
||||
redoText: function () { |
||||
return this.model.hasRedo ? "hasRedo" : "not-hasRedo"; |
||||
} |
||||
}, |
||||
|
||||
actions: { |
||||
setExpand: function () { |
||||
this.model.expand = !this.model.expand; |
||||
}, |
||||
setClearAll: function () { |
||||
this.model.showClearAll = !this.model.showClearAll; |
||||
}, |
||||
setUndo: function () { |
||||
this.model.hasUndo = !this.model.hasUndo; |
||||
}, |
||||
setRedo: function () { |
||||
this.model.hasRedo = !this.model.hasRedo; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
BI.model("demo.model", Model); |
||||
function expandFunction () { |
||||
var button; |
||||
var store = BI.useStore(function () { |
||||
return BI.Models.getModel("demo.model"); |
||||
}); |
||||
BI.onBeforeMount(function () { |
||||
|
||||
}); |
||||
BI.onMounted(function () { |
||||
|
||||
}); |
||||
BI.onBeforeUnmount(function () { |
||||
|
||||
}); |
||||
BI.onUnmounted(function () { |
||||
|
||||
}); |
||||
BI.watch("expandText", function (val) { |
||||
button.setText(val); |
||||
}); |
||||
return function () { |
||||
return { |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
button = _ref; |
||||
}, |
||||
text: store.model.expandText, |
||||
handler: function () { |
||||
store.setExpand(); |
||||
} |
||||
}; |
||||
}; |
||||
} |
||||
|
||||
function clearAllFunction () { |
||||
var button; |
||||
var store = BI.useStore(function () { |
||||
return BI.Models.getModel("demo.model"); |
||||
}); |
||||
BI.onBeforeMount(function () { |
||||
|
||||
}); |
||||
BI.onMounted(function () { |
||||
|
||||
}); |
||||
BI.onBeforeUnmount(function () { |
||||
|
||||
}); |
||||
BI.onUnmounted(function () { |
||||
|
||||
}); |
||||
BI.watch("clearAllText", function (val) { |
||||
button.setText(val); |
||||
}); |
||||
return function () { |
||||
return { |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
button = _ref; |
||||
}, |
||||
text: store.model.clearAllText, |
||||
handler: function () { |
||||
store.setClearAll(); |
||||
} |
||||
}; |
||||
}; |
||||
} |
||||
|
||||
function undoFunction () { |
||||
var button; |
||||
var store = BI.useStore(function () { |
||||
return BI.Models.getModel("demo.model"); |
||||
}); |
||||
BI.onBeforeMount(function () { |
||||
|
||||
}); |
||||
BI.onMounted(function () { |
||||
|
||||
}); |
||||
BI.onBeforeUnmount(function () { |
||||
|
||||
}); |
||||
BI.onUnmounted(function () { |
||||
|
||||
}); |
||||
BI.watch("undoText", function (val) { |
||||
button.setText(val); |
||||
}); |
||||
return function () { |
||||
return { |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
button = _ref; |
||||
}, |
||||
text: store.model.undoText, |
||||
handler: function () { |
||||
store.setUndo(); |
||||
} |
||||
}; |
||||
}; |
||||
} |
||||
|
||||
function redoFunction () { |
||||
var button; |
||||
var store = BI.useStore(function () { |
||||
return BI.Models.getModel("demo.model"); |
||||
}); |
||||
BI.onBeforeMount(function () { |
||||
|
||||
}); |
||||
BI.onMounted(function () { |
||||
|
||||
}); |
||||
BI.onBeforeUnmount(function () { |
||||
|
||||
}); |
||||
BI.onUnmounted(function () { |
||||
|
||||
}); |
||||
BI.watch("redoText", function (val) { |
||||
button.setText(val); |
||||
}); |
||||
return function () { |
||||
return { |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
button = _ref; |
||||
}, |
||||
text: store.model.redoText, |
||||
handler: function () { |
||||
store.setRedo(); |
||||
} |
||||
}; |
||||
}; |
||||
} |
||||
|
||||
var Widget = BI.inherit(BI.Widget, { |
||||
setup: function () { |
||||
var expandComponent = expandFunction(); |
||||
var clearAllComponent = clearAllFunction(); |
||||
var undoComponent = undoFunction(); |
||||
var redoComponent = redoFunction(); |
||||
return function () { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [expandComponent(), clearAllComponent(), undoComponent(), redoComponent()] |
||||
}; |
||||
}; |
||||
} |
||||
}); |
||||
BI.shortcut("demo.hooks", Widget); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "demo.hooks" |
||||
}, |
||||
top: 100, |
||||
left: 100 |
||||
}], |
||||
element: "#wrapper" |
||||
}); |
||||
</script> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue