+
+
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/components/common/commentBox.vue b/poetize-im-ui/src/components/common/commentBox.vue
new file mode 100644
index 0000000..67dad0d
--- /dev/null
+++ b/poetize-im-ui/src/components/common/commentBox.vue
@@ -0,0 +1,134 @@
+
+
+
+
+ {{friends[currentChatFriendId].remark}}
+
+
+
+
+ {{groups[currentChatGroupId].groupName}}
+
+
+ 当前在线人数：4
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{$common.getDateDiff(item.createTime)}}
+
+
+
+
+
+
+
+
+
+
+
+ {{item.username}}
+
+
+
+ {{$common.getDateDiff(item.createTime)}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 💕 投递舔狗日记？
+
+
+
+
+ 💕 鸡汤来咯！
+
+
+
+
+ 💕 传教社会语录？
+
+
+
+
+ 💕 发射诗词炮弹？
+
+
+ 上传图片
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/components/common/emoji.vue b/poetize-im-ui/src/components/common/emoji.vue
new file mode 100644
index 0000000..84245ef
--- /dev/null
+++ b/poetize-im-ui/src/components/common/emoji.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+ 🌕
+
+
+ 🌫️
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/components/common/groupInfo.vue b/poetize-im-ui/src/components/common/groupInfo.vue
new file mode 100644
index 0000000..84c9197
--- /dev/null
+++ b/poetize-im-ui/src/components/common/groupInfo.vue
@@ -0,0 +1,385 @@
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/components/common/proButton.vue b/poetize-im-ui/src/components/common/proButton.vue
new file mode 100644
index 0000000..7089f8f
--- /dev/null
+++ b/poetize-im-ui/src/components/common/proButton.vue
@@ -0,0 +1,68 @@
+
+
+
+ {{groups[currentGroupId].groupName}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 群名称
+
+
+ {{groups[currentGroupId].groupName}}
+
+
+
+
+
+
+
+
+
+ 群公告
+
+
+ {{groups[currentGroupId].notice}}
+
+
+
+
+
+
+
+
+ 群简介
+
+ {{groups[currentGroupId].introduction}}
+
+
+
+
+
+
+
+ 发消息
+
+
+
+
+ 群设置
+
+
+
+
+
+
+
+
+
+
+
+
+ 是否需要审核
+
+
+
+
+
+ 退出群
+
+
+
+
+ 解散群
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.username}}
+
+
+
+
+ 管理员
+
+
+
+ 禁言
+
+
+
+ 解禁
+
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/components/common/treeHole.vue b/poetize-im-ui/src/components/common/treeHole.vue
new file mode 100644
index 0000000..236f67b
--- /dev/null
+++ b/poetize-im-ui/src/components/common/treeHole.vue
@@ -0,0 +1,283 @@
+
+ {{info}}
+ {{info}}
+ {{info}}
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/components/common/uploadPicture.vue b/poetize-im-ui/src/components/common/uploadPicture.vue
new file mode 100644
index 0000000..1b62f77
--- /dev/null
+++ b/poetize-im-ui/src/components/common/uploadPicture.vue
@@ -0,0 +1,174 @@
+
+ -
+
-
+ ++
+ + + + ++++😃 {{treeHole.createTime}}++ ++
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/components/index.vue b/poetize-im-ui/src/components/index.vue
new file mode 100644
index 0000000..2e64024
--- /dev/null
+++ b/poetize-im-ui/src/components/index.vue
@@ -0,0 +1,1278 @@
+
+
+
+
+
+ 拖拽上传 / 点击上传
+
+ 一次最多上传{{maxNumber}}张图片，且每张图片不超过{{maxSize}}M！
+
+
+
+
+ 上传
+
+
+
+
+
+
+
+
+
diff --git a/poetize-im-ui/src/hooks/bindEmail.js b/poetize-im-ui/src/hooks/bindEmail.js
new file mode 100644
index 0000000..96ac521
--- /dev/null
+++ b/poetize-im-ui/src/hooks/bindEmail.js
@@ -0,0 +1,163 @@
+import {useStore} from 'vuex';
+
+import {useDialog} from 'naive-ui';
+
+import {nextTick} from 'vue';
+
+import {ElMessage} from "element-plus";
+
+import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
+
+export default function () {
+ const globalProperties = getCurrentInstance().appContext.config.globalProperties;
+ const $common = globalProperties.$common;
+ const $http = globalProperties.$http;
+ const $constant = globalProperties.$constant;
+ const store = useStore();
+ const dialog = useDialog();
+
+ let bindEmailData = reactive({
+ emailVisible: false,
+ email: '',
+ code: '',
+ password: '',
+ codeString: "验证码"
+ })
+
+ let intervalCode = null;
+
+ onMounted(() => {
+ showEmail();
+ })
+
+ function showEmail() {
+ if (!$common.isEmpty(store.state.currentUser) && $common.isEmpty(store.state.currentUser.email)) {
+ //没有绑定邮箱的用户会弹框
+ //bindEmailData.emailVisible = true;
+ }
+ }
+
+ function getCode() {
+ if (bindEmailData.codeString === "验证码") {
+ // 获取验证码
+ if ($common.isEmpty(bindEmailData.email)) {
+ ElMessage({
+ message: "请输入邮箱！",
+ type: 'error'
+ });
+ return;
+ }
+ if (!(/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/.test(bindEmailData.email))) {
+ ElMessage({
+ message: "邮箱格式有误！",
+ type: 'error'
+ });
+ return;
+ }
+
+ $http.get($constant.baseURL + "/user/getCodeForBind", {
+ flag: 2,
+ place: bindEmailData.email
+ })
+ .then((res) => {
+ ElMessage({
+ message: "验证码已发送，请注意查收！",
+ type: 'success'
+ });
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ bindEmailData.codeString = "30";
+ intervalCode = setInterval(() => {
+ if (bindEmailData.codeString === "0") {
+ clearInterval(intervalCode)
+ bindEmailData.codeString = "验证码";
+ } else {
+ bindEmailData.codeString = (parseInt(bindEmailData.codeString) - 1) + "";
+ }
+ }, 1000);
+ } else {
+ ElMessage({
+ message: "请稍后再试！",
+ type: 'error'
+ });
+ }
+ }
+
+ function submitDialog() {
+ if ($common.isEmpty(bindEmailData.email)) {
+ ElMessage({
+ message: "请输入邮箱！",
+ type: 'error'
+ });
+ return;
+ }
+ if (!(/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/.test(bindEmailData.email))) {
+ ElMessage({
+ message: "邮箱格式有误！",
+ type: 'error'
+ });
+ return;
+ }
+ if ($common.isEmpty(bindEmailData.code)) {
+ ElMessage({
+ message: "请输入验证码！",
+ type: 'error'
+ });
+ return;
+ }
+ if ($common.isEmpty(bindEmailData.password)) {
+ ElMessage({
+ message: "请输入密码！",
+ type: 'error'
+ });
+ return;
+ }
+
+ let params = {
+ code: bindEmailData.code.trim(),
+ flag: 2,
+ place: bindEmailData.email.trim(),
+ password: $common.encrypt(bindEmailData.password.trim())
+ };
+ $http.post($constant.baseURL + "/user/updateSecretInfo", params, false)
+ .then((res) => {
+ if (!$common.isEmpty(res.data)) {
+ ElMessage({
+ message: "保存成功！",
+ type: 'success'
+ });
+ store.commit("loadCurrentUser", res.data);
+ clearEmailDialog();
+ }
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+
+ function clearEmailDialog() {
+ bindEmailData.password = "";
+ bindEmailData.codeString = "验证码";
+ if (intervalCode != null) {
+ clearInterval(intervalCode);
+ intervalCode = null;
+ }
+ bindEmailData.email = "";
+ bindEmailData.code = "";
+ bindEmailData.emailVisible = false;
+ }
+
+ return {
+ bindEmailData,
+ getCode,
+ submitDialog
+ }
+}
diff --git a/poetize-im-ui/src/hooks/changeData.js b/poetize-im-ui/src/hooks/changeData.js
new file mode 100644
index 0000000..e16c520
--- /dev/null
+++ b/poetize-im-ui/src/hooks/changeData.js
@@ -0,0 +1,229 @@
+import {useStore} from 'vuex';
+
+import {useDialog} from 'naive-ui';
+
+import {nextTick} from 'vue';
+
+import {ElMessage} from "element-plus";
+
+import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
+
+export default function (friendData, groupData) {
+ const globalProperties = getCurrentInstance().appContext.config.globalProperties;
+ const $common = globalProperties.$common;
+ const $http = globalProperties.$http;
+ const $constant = globalProperties.$constant;
+ const store = useStore();
+ const dialog = useDialog();
+
+ let changeDataData = reactive({
+ //修改信息
+ changeData: '',
+ changeType: null,
+ changeModal: false,
+
+ avatarType: null,
+ avatarPrefix: '',
+ showAvatarDialog: false
+ })
+
+ function closeModal() {
+ changeDataData.avatarType = null;
+ changeDataData.avatarPrefix = '';
+
+ changeDataData.changeData = '';
+ changeDataData.changeType = null;
+ }
+
+ function changeAvatar(type) {
+ if (type === 1 || (type === 2 && groupData.groups[groupData.currentGroupId].masterFlag)) {
+ closeModal();
+ changeDataData.showAvatarDialog = true;
+ changeDataData.avatarType = type;
+ if (type === 1) {
+ changeDataData.avatarPrefix = 'userAvatar';
+ } else if (type === 2) {
+ changeDataData.avatarPrefix = 'im/groupAvatar';
+ }
+ }
+ }
+
+ function changeDataType(type) {
+ closeModal();
+ changeDataData.changeType = type;
+ changeDataData.changeModal = true;
+ }
+
+ function submitAvatar(avatar) {
+ if ($common.isEmpty(avatar)) {
+ ElMessage({
+ message: "请上传头像！",
+ type: 'warning'
+ });
+ return;
+ }
+ if (changeDataData.avatarType === 1) {
+ let user = {
+ avatar: avatar
+ };
+ $http.post($constant.baseURL + "/user/updateUserInfo", user)
+ .then((res) => {
+ if (!$common.isEmpty(res.data)) {
+ ElMessage({
+ message: "修改成功！",
+ type: 'success'
+ });
+ store.commit("loadCurrentUser", res.data);
+ closeModal();
+ changeDataData.showAvatarDialog = false;
+ }
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ } else if (changeDataData.avatarType === 2) {
+ $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
+ id: groupData.currentGroupId,
+ avatar: avatar
+ })
+ .then((res) => {
+ ElMessage({
+ message: "修改成功！",
+ type: 'success'
+ });
+ groupData.groups[groupData.currentGroupId].avatar = avatar;
+ closeModal();
+ changeDataData.showAvatarDialog = false;
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+ }
+
+ function submitChange() {
+ if (changeDataData.changeType === 1) {
+ if ($common.isEmpty(changeDataData.changeData)) {
+ ElMessage({
+ message: "请输入备注！",
+ type: 'warning'
+ });
+ return;
+ }
+ $http.get($constant.baseURL + "/imChatUserFriend/changeFriend", {
+ friendId: friendData.currentFriendId,
+ remark: changeDataData.changeData
+ })
+ .then((res) => {
+ ElMessage({
+ message: "修改成功！",
+ type: 'success'
+ });
+ friendData.friends[friendData.currentFriendId].remark = changeDataData.changeData;
+ closeModal();
+ changeDataData.changeModal = false;
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ } else if (changeDataData.changeType === 2) {
+ if ($common.isEmpty(changeDataData.changeData)) {
+ ElMessage({
+ message: "请输入群名称！",
+ type: 'warning'
+ });
+ return;
+ }
+ $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
+ id: groupData.currentGroupId,
+ groupName: changeDataData.changeData
+ })
+ .then((res) => {
+ ElMessage({
+ message: "修改成功！",
+ type: 'success'
+ });
+ groupData.groups[groupData.currentGroupId].groupName = changeDataData.changeData;
+ closeModal();
+ changeDataData.changeModal = false;
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ } else if (changeDataData.changeType === 3) {
+ if ($common.isEmpty(changeDataData.changeData)) {
+ ElMessage({
+ message: "请输入群公告！",
+ type: 'warning'
+ });
+ return;
+ }
+ $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
+ id: groupData.currentGroupId,
+ notice: changeDataData.changeData
+ })
+ .then((res) => {
+ ElMessage({
+ message: "修改成功！",
+ type: 'success'
+ });
+ groupData.groups[groupData.currentGroupId].notice = changeDataData.changeData;
+ closeModal();
+ changeDataData.changeModal = false;
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ } else if (changeDataData.changeType === 4) {
+ if ($common.isEmpty(changeDataData.changeData)) {
+ ElMessage({
+ message: "请输入群简介！",
+ type: 'warning'
+ });
+ return;
+ }
+ $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
+ id: groupData.currentGroupId,
+ introduction: changeDataData.changeData
+ })
+ .then((res) => {
+ ElMessage({
+ message: "修改成功！",
+ type: 'success'
+ });
+ groupData.groups[groupData.currentGroupId].introduction = changeDataData.changeData;
+ closeModal();
+ changeDataData.changeModal = false;
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+ }
+
+ return {
+ changeDataData,
+ changeAvatar,
+ changeDataType,
+ submitAvatar,
+ submitChange
+ }
+}
diff --git a/poetize-im-ui/src/hooks/friend.js b/poetize-im-ui/src/hooks/friend.js
new file mode 100644
index 0000000..61bf106
--- /dev/null
+++ b/poetize-im-ui/src/hooks/friend.js
@@ -0,0 +1,118 @@
+import {useStore} from 'vuex';
+
+import {useDialog} from 'naive-ui';
+
+import {nextTick} from 'vue';
+
+import {ElMessage} from "element-plus";
+
+import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
+
+export default function () {
+ const globalProperties = getCurrentInstance().appContext.config.globalProperties;
+ const $common = globalProperties.$common;
+ const $http = globalProperties.$http;
+ const $constant = globalProperties.$constant;
+ const store = useStore();
+ const dialog = useDialog();
+
+ let friendData = reactive({
+ //好友请求
+ friendRequests: [],
+ //好友列表
+ friends: {},
+ //当前朋友信息
+ currentFriendId: null
+ })
+
+ async function getImFriend() {
+ await $http.get($constant.baseURL + "/imChatUserFriend/getFriend", {friendStatus: 1})
+ .then((res) => {
+ if (!$common.isEmpty(res.data)) {
+ res.data.forEach(friend => {
+ friendData.friends[friend.friendId] = friend;
+ });
+ }
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+
+ function removeFriend(currentFriendId) {
+ dialog.error({
+ title: '警告',
+ content: '你确定删除' + friendData.friends[currentFriendId].remark + '?',
+ positiveText: '确定',
+ onPositiveClick: () => {
+ $http.get($constant.baseURL + "/imChatUserFriend/changeFriend", {
+ friendId: currentFriendId,
+ friendStatus: -1
+ })
+ .then((res) => {
+ delete friendData.friends[currentFriendId];
+ friendData.currentFriendId = null;
+ ElMessage({
+ message: "删除成功！",
+ type: 'success'
+ });
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+ });
+ }
+
+ function getFriendRequests() {
+ $http.get($constant.baseURL + "/imChatUserFriend/getFriend", {friendStatus: 0})
+ .then((res) => {
+ if (!$common.isEmpty(res.data)) {
+ friendData.friendRequests = res.data;
+ ElMessage({
+ message: "您有好友申请待处理！",
+ showClose: true,
+ type: 'success',
+ duration: 0
+ });
+ }
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+
+ function changeFriendStatus(friendId, status, index) {
+ $http.get($constant.baseURL + "/imChatUserFriend/changeFriend", {friendId: friendId, friendStatus: status})
+ .then((res) => {
+ friendData.friendRequests.splice(index, 1);
+ ElMessage({
+ message: "修改成功！",
+ type: 'success'
+ });
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+
+ return {
+ friendData,
+ getImFriend,
+ removeFriend,
+ getFriendRequests,
+ changeFriendStatus
+ }
+}
diff --git a/poetize-im-ui/src/hooks/friendCircle.js b/poetize-im-ui/src/hooks/friendCircle.js
new file mode 100644
index 0000000..60f0bf8
--- /dev/null
+++ b/poetize-im-ui/src/hooks/friendCircle.js
@@ -0,0 +1,168 @@
+import {useStore} from 'vuex';
+
+import {useDialog} from 'naive-ui';
+
+import {nextTick} from 'vue';
+
+import {ElMessage} from "element-plus";
+
+import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
+
+export default function () {
+ const globalProperties = getCurrentInstance().appContext.config.globalProperties;
+ const $common = globalProperties.$common;
+ const $http = globalProperties.$http;
+ const $constant = globalProperties.$constant;
+ const store = useStore();
+ const dialog = useDialog();
+
+ let friendCircleData = reactive({
+ showFriendCircle: false,
+ treeHoleList: [],
+ weiYanDialogVisible: false,
+ isPublic: true,
+ weiYanAvatar: '',
+ weiYanUsername: '',
+ pagination: {
+ current: 1,
+ size: 10,
+ total: 0,
+ userId: null
+ }
+ })
+
+ function launch() {
+ friendCircleData.weiYanDialogVisible = true;
+ }
+
+ function openFriendCircle(userId, avatar, username) {
+ friendCircleData.pagination.userId = userId;
+ friendCircleData.weiYanAvatar = avatar;
+ friendCircleData.weiYanUsername = username;
+ getWeiYan();
+ }
+
+ function deleteTreeHole(id) {
+ dialog.error({
+ title: '警告',
+ content: '确定删除?',
+ positiveText: '确定',
+ onPositiveClick: () => {
+ $http.get($constant.baseURL + "/weiYan/deleteWeiYan", {id: id})
+ .then((res) => {
+ ElMessage({
+ message: "删除成功！",
+ type: 'success'
+ });
+ friendCircleData.pagination.current = 1;
+ friendCircleData.pagination.size = 10;
+ friendCircleData.treeHoleList = [];
+ getWeiYan();
+ })
+ .catch((error) => {
+ ElMessage({
+ message: error.message,
+ type: 'error'
+ });
+ });
+ }
+ });
+ }
+
+ function getWeiYan() {
+ $http.post($constant.baseURL + "/weiYan/listWeiYan", friendCircleData.pagination)
+ .then((res) => {
+ if (!$common.isEmpty(res.data)) {
+ res.data.records.forEach(c => {
+ c.content = c.content.replace(/\n{2,}/g, '');
+ c.content = c.content.replace(/\n/g, '
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 聊天
+
+
+
+
+
+
+ 好友
+
+
+
+
+
+ 群聊
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 系统消息
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{groups[item].groupName}}
+
+ {{groupMessages[item][groupMessages[item].length-1].content.substr(0, 8)}}
+
+
+
+
+
+
+
+
+
+ {{friends[item].remark}}
+
+ {{imMessages[item][imMessages[item].length-1].content.substr(0, 8)}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 好友请求
+
+
+
+ {{Object.keys(friends).length}}位联系人
+
+
+
+
+
+
+
+
+
+
+
+ {{item.remark}}
+
+
+
+
+
+ {{Object.keys(groups).length}}个群聊
+
+
+
+
+
+
+
+
+
+ {{item.groupName}}
+
+
+
+ 群主
+
+
+ 管理员
+
+
+
+
+
+
+
+
+ 系统消息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.createTime}}
+
+
+ {{item.content}}
+
+
+
+
+
+
+ 好友请求
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.username}}
+
+
+ {{item.remark}} | {{item.createTime}}
+
+
+
+ 通过
+
+
+ 拒绝
+
+
+
+
+
+
+
+
+ {{friends[currentFriendId].remark}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 删除好友
+
+
+
+
+
+
+
+ 用户名
+ {{friends[currentFriendId].username}}
+
+
+
+ 性 别
+
+
+
+ 男
+
+
+ 女
+
+
+ 薛定谔的猫
+
+
+
+
+ 简 介
+ {{$common.isEmpty(friends[currentFriendId].introduction)?'暂无简介':friends[currentFriendId].introduction}}
+
+
+
+ 发消息
+
+
+
+
+ 上传图片
+
+
+
+ 修改信息
+
+
+
+
+
+ 提交
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 公开
+ 私密
+
+
+
+
+ 请绑定邮箱，接收留言通知
+
+
+ 邮箱：
+ 验证码：
+ 密码：
+
+
+
+
+
+
+
+
+
+ ![]()
+
+ '); + c.content = $common.faceReg(c.content); + c.content = $common.pictureReg(c.content); + }); + friendCircleData.treeHoleList = friendCircleData.treeHoleList.concat(res.data.records); + friendCircleData.pagination.total = res.data.total; + friendCircleData.showFriendCircle = true; + } + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + + function submitWeiYan(content) { + let weiYan = { + content: content, + isPublic: friendCircleData.isPublic + }; + + $http.post($constant.baseURL + "/weiYan/saveWeiYan", weiYan) + .then((res) => { + friendCircleData.pagination.current = 1; + friendCircleData.pagination.size = 10; + friendCircleData.treeHoleList = []; + friendCircleData.weiYanDialogVisible = false; + getWeiYan(); + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + + function cleanFriendCircle() { + friendCircleData.pagination = { + current: 1, + size: 10, + total: 0, + userId: null + }; + friendCircleData.weiYanAvatar = ''; + friendCircleData.weiYanUsername = ''; + friendCircleData.treeHoleList = []; + friendCircleData.showFriendCircle = false; + } + + function pageWeiYan() { + friendCircleData.pagination.current = friendCircleData.pagination.current + 1; + getWeiYan(); + } + + function addFriend() { + dialog.success({ + title: '好友申请', + content: '确认提交好友申请，添加 ' + friendCircleData.weiYanUsername + ' 为好友？', + positiveText: '确定', + onPositiveClick: () => { + $http.get($constant.baseURL + "/imChatUserFriend/addFriend", {friendId: friendCircleData.pagination.userId}) + .then((res) => { + ElMessage({ + message: "提交成功！", + type: 'success' + }); + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + }); + } + + return { + friendCircleData, + launch, + openFriendCircle, + deleteTreeHole, + submitWeiYan, + pageWeiYan, + cleanFriendCircle, + addFriend + } +} diff --git a/poetize-im-ui/src/hooks/group.js b/poetize-im-ui/src/hooks/group.js new file mode 100644 index 0000000..82702ef --- /dev/null +++ b/poetize-im-ui/src/hooks/group.js @@ -0,0 +1,98 @@ +import {useStore} from 'vuex'; + +import {useDialog} from 'naive-ui'; + +import {nextTick} from 'vue'; + +import {ElMessage} from "element-plus"; + +import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue'; + +export default function () { + const globalProperties = getCurrentInstance().appContext.config.globalProperties; + const $common = globalProperties.$common; + const $http = globalProperties.$http; + const $constant = globalProperties.$constant; + const store = useStore(); + const dialog = useDialog(); + + let groupData = reactive({ + //群组列表 + groups: {}, + //当前群信息 + currentGroupId: null + }) + + function exitGroup(currentGroupId) { + $http.get($constant.baseURL + "/imChatGroupUser/quitGroup", {id: currentGroupId}) + .then((res) => { + delete groupData.groups[currentGroupId]; + groupData.currentGroupId = null; + ElMessage({ + message: "退群成功！", + type: 'success' + }); + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + + function dissolveGroup(currentGroupId) { + $http.get($constant.baseURL + "/imChatGroup/deleteGroup", {id: currentGroupId}) + .then((res) => { + delete groupData.groups[currentGroupId]; + groupData.currentGroupId = null; + ElMessage({ + message: "解散群成功！", + type: 'success' + }); + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + + async function getImGroup() { + await $http.get($constant.baseURL + "/imChatGroup/listGroup") + .then((res) => { + if (!$common.isEmpty(res.data)) { + res.data.forEach(group => { + groupData.groups[group.id] = group; + }); + } + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + + function addGroupTopic() { + $http.get($constant.baseURL + "/imChatGroup/addGroupTopic", {id: groupData.currentGroupId}) + .then((res) => { + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + + return { + groupData, + getImGroup, + addGroupTopic, + exitGroup, + dissolveGroup + } +} diff --git a/poetize-im-ui/src/hooks/imUtil.js b/poetize-im-ui/src/hooks/imUtil.js new file mode 100644 index 0000000..2c437bb --- /dev/null +++ b/poetize-im-ui/src/hooks/imUtil.js @@ -0,0 +1,153 @@ +import {useStore} from 'vuex'; + +import {useDialog} from 'naive-ui'; + +import {nextTick} from 'vue'; + +import {ElMessage} from "element-plus"; + +import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue'; + +export default function () { + const globalProperties = getCurrentInstance().appContext.config.globalProperties; + const $common = globalProperties.$common; + const $http = globalProperties.$http; + const $constant = globalProperties.$constant; + const store = useStore(); + const dialog = useDialog(); + + let imUtilData = reactive({ + //系统消息 + systemMessages: [], + showBodyLeft: true, + //表情包 + imageList: [] + }) + + onMounted(() => { + if ($common.mobile()) { + $(".friend-aside").click(function () { + imUtilData.showBodyLeft = true; + mobileRight(); + }); + + $(".body-right").click(function () { + imUtilData.showBodyLeft = false; + mobileRight(); + }); + } + mobileRight(); + }) + + function changeAside() { + imUtilData.showBodyLeft = !imUtilData.showBodyLeft; + mobileRight(); + } + + function mobileRight() { + if (imUtilData.showBodyLeft && $common.mobile()) { + $(".body-right").addClass("mobile-right"); + } else if (!imUtilData.showBodyLeft && $common.mobile()) { + $(".body-right").removeClass("mobile-right"); + } + } + + function getSystemMessages() { + $http.get($constant.baseURL + "/imChatUserMessage/listSystemMessage") + .then((res) => { + if (!$common.isEmpty(res.data) && !$common.isEmpty(res.data.records)) { + imUtilData.systemMessages = res.data.records; + } + }) + .catch((error) => { + ElMessage({ + message: error.message, + type: 'error' + }); + }); + } + + function hiddenBodyLeft() { + if ($common.mobile()) { + $(".body-right").click(function () { + imUtilData.showBodyLeft = false; + mobileRight(); + }); + } + } + + function imgShow() { + $(".message img").click(function () { + let src = $(this).attr("src"); + $("#bigImg").attr("src", src); + + /** 获取当前点击图片的真实大小，并显示弹出层及大图 */ + $("
'); + content = $common.faceReg(content); + content = $common.pictureReg(content); + return content; + } + + return { + imUtilData, + changeAside, + mobileRight, + getSystemMessages, + hiddenBodyLeft, + imgShow, + getImageList, + parseMessage + } +} diff --git a/poetize-im-ui/src/main.js b/poetize-im-ui/src/main.js new file mode 100644 index 0000000..91035d6 --- /dev/null +++ b/poetize-im-ui/src/main.js @@ -0,0 +1,100 @@ +import {createApp} from 'vue' +import App from './App.vue' +import router from './router' +import store from './store' +import { + create, + NAvatar, + NInput, + NIcon, + NTag, + NDivider, + NButton, + NDrawer, + NCard, + NTabs, + NTabPane, + NSwitch, + NModal, + NBadge, + NPopover, + NImage, + NPopconfirm +} from 'naive-ui' + +import { + ElUpload, + ElButton, + ElRadioGroup, + ElRadioButton +} from 'element-plus' +import 'element-plus/dist/index.css' + +import http from './utils/request' +import common from './utils/common' +import constant from './utils/constant' + +import 'vfonts/FiraCode.css' +import './assets/css/index.css' +import './assets/css/color.css' +import './assets/css/animation.css' + +const naive = create({ + components: [NAvatar, NInput, NIcon, NTag, NDivider, NButton, + NDrawer, NCard, NTabs, NTabPane, NSwitch, NModal, NBadge, + NPopover, NImage, NPopconfirm] +}) + +const app = createApp(App) +app.use(router) +app.use(store) +app.use(naive) + +app.component(ElUpload.name, ElUpload) +app.component(ElButton.name, ElButton) +app.component(ElRadioGroup.name, ElRadioGroup) +app.component(ElRadioButton.name, ElRadioButton) + +app.config.globalProperties.$http = http +app.config.globalProperties.$common = common +app.config.globalProperties.$constant = constant + +router.beforeEach((to, from, next) => { + if (to.meta.requiresAuth) { + if (to.path === "/") { + if (typeof to.query.defaultStoreType !== "undefined") { + localStorage.setItem("defaultStoreType", to.query.defaultStoreType); + } + if (typeof to.query.userToken !== "undefined") { + let userToken = to.query.userToken; + const xhr = new XMLHttpRequest(); + xhr.open('post', constant.baseURL + "/user/token", false); + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + xhr.send("userToken=" + userToken); + let result = JSON.parse(xhr.responseText); + if (!common.isEmpty(result) && result.code === 200) { + store.commit("loadCurrentUser", result.data); + localStorage.setItem("userToken", result.data.accessToken); + window.location.href = constant.imURL; + next(); + } else { + window.location.href = constant.webBaseURL; + } + } else if (Boolean(localStorage.getItem("userToken"))) { + next(); + } else { + window.location.href = constant.webBaseURL; + } + } else { + if (Boolean(localStorage.getItem("userToken"))) { + next(); + } else { + window.location.href = constant.webBaseURL; + } + } + } else { + next(); + } +}) + +app.mount('#app') diff --git a/poetize-im-ui/src/router/index.js b/poetize-im-ui/src/router/index.js new file mode 100644 index 0000000..887fdea --- /dev/null +++ b/poetize-im-ui/src/router/index.js @@ -0,0 +1,20 @@ +import {createRouter, createWebHistory} from 'vue-router' +import constant from "../utils/constant"; + +const routes = [ + { + path: "/", + meta: {requiresAuth: true}, + component: () => import('../components/index') + } +] + +const router = createRouter({ + history: createWebHistory(constant.webHistory), + routes, + scrollBehavior(to, from, savedPosition) { + return {left: 0, top: 0}; + } +}) + +export default router diff --git a/poetize-im-ui/src/store/index.js b/poetize-im-ui/src/store/index.js new file mode 100644 index 0000000..d07fc47 --- /dev/null +++ b/poetize-im-ui/src/store/index.js @@ -0,0 +1,23 @@ +import {createStore} from 'vuex' + + +export default createStore({ + state: { + currentUser: JSON.parse(localStorage.getItem("currentUser") || '{}'), + sysConfig: JSON.parse(localStorage.getItem("sysConfig") || '{}') + }, + getters: {}, + mutations: { + loadCurrentUser(state, user) { + state.currentUser = user; + localStorage.setItem("currentUser", JSON.stringify(user)); + }, + loadSysConfig(state, sysConfig) { + state.sysConfig = sysConfig; + localStorage.setItem("sysConfig", JSON.stringify(sysConfig)); + } + }, + actions: {}, + modules: {}, + plugins: [] +}) diff --git a/poetize-im-ui/src/utils/ajaxUpload.js b/poetize-im-ui/src/utils/ajaxUpload.js new file mode 100644 index 0000000..d302f1f --- /dev/null +++ b/poetize-im-ui/src/utils/ajaxUpload.js @@ -0,0 +1,75 @@ +import common from './common' + +function getError( + action, + option, + xhr +) { + let msg + if (xhr.response) { + msg = `${xhr.response.error || xhr.response}` + } else if (xhr.responseText) { + msg = `${xhr.responseText}` + } else { + msg = `fail to ${action} ${xhr.status}` + } + + return new Error(msg) +} + +function getBody(xhr) { + const text = xhr.responseText || xhr.response + if (!text) { + return text + } + + try { + return JSON.parse(text) + } catch { + return text + } +} + +export default function (option) { + const xhr = new XMLHttpRequest() + const action = option.action + + const formData = new FormData() + if (option.data) { + for (const [key, value] of Object.entries(option.data)) { + if (Array.isArray(value)) formData.append(key, ...value) + else formData.append(key, value) + } + } + formData.append(option.filename, option.file, option.file.name) + + xhr.addEventListener('error', () => { + option.onError(getError(action, option, xhr)) + }) + + xhr.addEventListener('load', () => { + if (xhr.status < 200 || xhr.status >= 300) { + return option.onError(getError(action, option, xhr)) + } + option.onSuccess(getBody(xhr)) + }) + + xhr.open(option.method, action, true) + + if (option.withCredentials && 'withCredentials' in xhr) { + xhr.withCredentials = true + } + + const headers = option.headers || {} + if (headers instanceof Headers) { + headers.forEach((value, key) => xhr.setRequestHeader(key, value)) + } else { + for (const [key, value] of Object.entries(headers)) { + if (common.isEmpty(value)) continue + xhr.setRequestHeader(key, value) + } + } + + xhr.send(formData) + return xhr +} diff --git a/poetize-im-ui/src/utils/common.js b/poetize-im-ui/src/utils/common.js new file mode 100644 index 0000000..7df20c9 --- /dev/null +++ b/poetize-im-ui/src/utils/common.js @@ -0,0 +1,168 @@ +import constant from "./constant"; +import CryptoJS from 'crypto-js'; +import store from '../store'; +import {ElMessage} from "element-plus"; + +export default { + /** + * 判断设备 + */ + mobile() { + let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i); + return flag && flag.length && flag.length > 0; + }, + + /** + * 判断是否为空 + */ + isEmpty(value) { + if (typeof value === "undefined" || value === null || (typeof value === "string" && value.trim() === "") || (Array.prototype.isPrototypeOf(value) && value.length === 0) || (Object.prototype.isPrototypeOf(value) && Object.keys(value).length === 0)) { + return true; + } else { + return false; + } + }, + + /** + * 加密 + */ + encrypt(plaintText) { + let options = { + mode: CryptoJS.mode.ECB, + padding: CryptoJS.pad.Pkcs7 + }; + let key = CryptoJS.enc.Utf8.parse(constant.cryptojs_key); + let encryptedData = CryptoJS.AES.encrypt(plaintText, key, options); + return encryptedData.toString().replace(/\//g, "_").replace(/\+/g, "-"); + }, + + /** + * 解密 + */ + decrypt(encryptedBase64Str) { + let val = encryptedBase64Str.replace(/\-/g, '+').replace(/_/g, '/'); + let options = { + mode: CryptoJS.mode.ECB, + padding: CryptoJS.pad.Pkcs7 + }; + let key = CryptoJS.enc.Utf8.parse(constant.cryptojs_key); + let decryptedData = CryptoJS.AES.decrypt(val, key, options); + return CryptoJS.enc.Utf8.stringify(decryptedData); + }, + + /** + * 表情包转换 + */ + faceReg(content) { + content = content.replace(/\[[^\[^\]]+\]/g, (word) => { + let index = constant.emojiList.indexOf(word.replace("[", "").replace("]", "")); + if (index > -1) { + let url = store.state.sysConfig['webStaticResourcePrefix'] + "emoji/q" + (index + 1) + ".gif"; + return '
+
+
+
+
+
+
diff --git a/poetize-ui/src/assets/css/animation.css b/poetize-ui/src/assets/css/animation.css
new file mode 100644
index 0000000..5ef3988
--- /dev/null
+++ b/poetize-ui/src/assets/css/animation.css
@@ -0,0 +1,211 @@
+/* 以my-animation-开头的class */
+[class*=my-animation-] {
+ animation-duration: 1s;
+ animation-timing-function: ease-out;
+ animation-fill-mode: both;
+}
+
+
+.my-animation-slide-top {
+ animation-name: slide-top
+}
+
+.my-animation-slide-bottom {
+ animation-name: slide-bottom
+}
+
+.my-animation-hideToShow {
+ animation-name: hideToShow
+}
+
+
+/* 上移 */
+@keyframes slide-top {
+ 0% {
+ opacity: 0;
+ transform: translateY(-20%)
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0)
+ }
+}
+
+/* 下移 */
+@keyframes slide-bottom {
+ 0% {
+ opacity: 0;
+ transform: translateY(20%)
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0)
+ }
+}
+
+/* 首图动画：下移 */
+@keyframes header-effect {
+ 0% {
+ opacity: 0;
+ transform: translateY(-50px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* 旋转 */
+@keyframes rotate {
+ 0% {
+ opacity: 1;
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: rotate(360deg);
+ }
+}
+
+/* 显示 */
+@keyframes hideToShow {
+ from {
+ opacity: 0;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+/* 下移 */
+@keyframes my-shake {
+ 0% {
+ opacity: 1;
+ transform: translateY(0px);
+ }
+
+ 30% {
+ opacity: 0.5;
+ transform: translateY(25px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0px);
+ }
+}
+
+/* 上移 */
+@keyframes scatter {
+ 0% {
+ top: 0;
+ }
+
+ 50% {
+ top: -15px;
+ }
+
+ 100% {
+ top: 0;
+ }
+}
+
+/* 放大 */
+@keyframes scale {
+ 0% {
+ transform: scale(1);
+ }
+
+ 50% {
+ transform: scale(1.2);
+ }
+
+ 100% {
+ transform: scale(1);
+ }
+}
+
+/* 放大 */
+@keyframes imgScale {
+ 0% {
+ transform: scale(0.8, 0.8);
+ }
+
+ 70% {
+ transform: scale(1.3, 1.3);
+ }
+
+ 100% {
+ transform: scale(0.8, 0.8);
+ }
+}
+
+/* 渐变 */
+@keyframes jianBian {
+ to {
+ background-position: -2000rem;
+ }
+}
+
+/* 背景位置移动 */
+@keyframes gradientBG {
+ 0% {
+ background-position: 0 50%;
+ }
+
+ 50% {
+ background-position: 100% 50%;
+ }
+
+ 100% {
+ background-position: 0 50%;
+ }
+}
+
+/* 阴影变化 */
+@keyframes weiYanShadowFlashing {
+ 0% {
+ box-shadow: none;
+ }
+
+ 50% {
+ box-shadow: 0 0 15px var(--red);
+ }
+
+ 100% {
+ box-shadow: none;
+ }
+}
+
+/* 有小变大 */
+@keyframes zoomIn {
+ 0% {
+ opacity: 0;
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 50% {
+ opacity: 1;
+ }
+}
+
+/* 由左开向右 */
+@keyframes passing {
+ 0% {
+ transform: translateX(-150%);
+ opacity: 0
+ }
+
+ 50% {
+ transform: translateX(0);
+ opacity: 1
+ }
+
+ 100% {
+ transform: translateX(150%);
+ opacity: 0
+ }
+}
diff --git a/poetize-ui/src/assets/css/color.css b/poetize-ui/src/assets/css/color.css
new file mode 100644
index 0000000..91fdae6
--- /dev/null
+++ b/poetize-ui/src/assets/css/color.css
@@ -0,0 +1,75 @@
+:root {
+ /* 背景 */
+ --background: white;
+ --gradualBackground: linear-gradient(to right bottom, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+ --favoriteBg: #f7f9fe;
+
+ /* 字体 */
+ --fontColor: black;
+ /* 边框 */
+ --borderColor: rgba(0, 0, 0, 0.5);
+ /* 边框 */
+ --borderHoverColor: rgba(110, 110, 110, 0.4);
+ /* 文章字体 */
+ --articleFontColor: #1f1f1f;
+ /* 文章灰色字体 */
+ --articleGreyFontColor: #616161;
+ /* 评论背景颜色 */
+ --commentContent: #F7F9FE;
+
+
+ /* 主题背景 */
+ --themeBackground: orange;
+ /* 主题悬停背景 */
+ --gradualRed: linear-gradient(to right, #ff4b2b, #ff416c);
+
+ /* 导航栏字体 */
+ --toolbarFont: #333333;
+ /* 导航栏背景 */
+ --toolbarBackground: rgba(255, 255, 255, 1);
+ /* 灰色字体 */
+ --greyFont: #797979;
+ --maxGreyFont: #595A5A;
+ /* footer背景 */
+ --gradientBG: linear-gradient(-90deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+ /* 白色遮罩 */
+ --whiteMask: rgba(255, 255, 255, 0.3);
+ /* max白色遮罩 */
+ --maxWhiteMask: rgba(255, 255, 255, 0.5);
+ --maxMaxWhiteMask: rgba(255, 255, 255, 0.7);
+ /* mini白色遮罩 */
+ --miniWhiteMask: rgba(255, 255, 255, 0.15);
+ /* 透明 */
+ --transparent: rgba(0, 0, 0, 0);
+ /* mini黑色遮罩 */
+ --miniMask: rgba(0, 0, 0, 0.15);
+ /* 黑色遮罩 */
+ --mask: rgba(0, 0, 0, 0.3);
+ /* 半透明 */
+ --translucent: rgba(0, 0, 0, 0.5);
+ /* 深黑遮罩 */
+ --maxMask: rgba(0, 0, 0, 0.7);
+
+
+ --white: white;
+
+ --red: red;
+ --lightRed: #ff4b2b;
+ --maxLightRed: #ff416c;
+ --orangeRed: #EF794F;
+
+ --azure: #ECF7FE;
+ --blue: rgb(3, 169, 244);
+
+ --lightGray: #DDDDDD;
+ --maxLightGray: #EEEEEE;
+ --maxMaxLightGray: rgba(242, 242, 242, 0.5);
+
+ --lightGreen: #39c5bb;
+
+ --green: #67C23A;
+ --black: black;
+ --lightYellow: #F4E1C0;
+
+ --globalFont: poetize-font;
+}
diff --git a/poetize-ui/src/assets/css/font-awesome.min.css b/poetize-ui/src/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..540440c
--- /dev/null
+++ b/poetize-ui/src/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
diff --git a/poetize-ui/src/assets/css/index.css b/poetize-ui/src/assets/css/index.css
new file mode 100644
index 0000000..2f3bdaa
--- /dev/null
+++ b/poetize-ui/src/assets/css/index.css
@@ -0,0 +1,306 @@
+/* 通用css */
+* {
+ box-sizing: border-box;
+}
+
+body {
+ color: var(--fontColor);
+ font-family: var(--globalFont), serif;
+ word-break: break-word;
+}
+
+
+/* 图片 */
+.background-image {
+ width: 100vw;
+ height: 100vh;
+ /* 固定位置，不随滚动条滚动 */
+ position: fixed;
+ z-index: -1;
+}
+
+.background-image::before {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, .2);
+ content: '';
+}
+
+.background-image-error {
+ background-color: var(--lightGreen);
+ width: 100vw;
+ height: 100vh;
+ /* 固定位置，不随滚动条滚动 */
+ position: fixed;
+ z-index: -1;
+}
+
+/* 模块化背景色及透明度 */
+.background-opacity {
+ /*background: var(--background);*/
+ /*opacity: 0.88;*/
+}
+
+.my-el-image {
+ width: 100%;
+ height: 100%;
+}
+
+.my-el-image .image-slot {
+ width: 100%;
+ height: 100%;
+}
+
+/* 遮罩 */
+.poem-image::before {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: var(--translucent);
+ content: "";
+}
+
+.user-avatar {
+ cursor: pointer;
+ transition: all 0.3s;
+ user-select: none;
+}
+
+.user-avatar:hover {
+ transform: rotate(360deg);
+}
+
+/* 滚动条 */
+::-webkit-scrollbar {
+ width: 6px;
+ height: 6px;
+}
+
+::-webkit-scrollbar-track {
+ background-color: rgba(73, 177, 245, 0.2);
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #49b1f5;
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.4) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.4) 50%,
+ rgba(255, 255, 255, 0.4) 75%,
+ transparent 75%,
+ transparent
+ );
+ border-radius: 1em;
+}
+
+.el-select-dropdown.el-popper ::-webkit-scrollbar {
+ display: none;
+}
+
+/* 选中样式 */
+::selection {
+ background: var(--lightGreen);
+ color: var(--white);
+}
+
+/* 居中 */
+.myCenter {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.transformCenter {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+
+/* 两边 */
+.myBetween {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+/* 阴影 */
+.shadow-box-mini {
+ box-shadow: 1px 1px 3px var(--mask);
+}
+
+.shadow-box {
+ box-shadow: 0 1px 20px -6px var(--borderColor);
+ transition: all 0.3s ease;
+}
+
+.shadow-box:hover {
+ box-shadow: 0 5px 10px 5px var(--borderHoverColor);
+}
+
+/* el弹出框样式 */
+.el-message {
+ top: 80px !important;
+ border: 0;
+}
+
+.el-message * {
+ color: var(--white) !important;
+ font-weight: 600;
+}
+
+.el-message--success {
+ background: var(--themeBackground);
+}
+
+.el-message--warning {
+ background: var(--gradientBG);
+}
+
+.el-message--error {
+ background: var(--gradualRed);
+}
+
+/* 看板娘 */
+#waifu-toggle, #waifu {
+ z-index: 100;
+}
+
+#waifu-tips {
+ border: unset;
+ animation: unset;
+ width: 200px;
+ min-height: 60px;
+}
+
+#waifu-tool {
+ right: -10px;
+ bottom: 20px;
+ top: unset;
+}
+
+#waifu #live2d {
+ height: 250px;
+ width: 250px;
+}
+
+/* 图标旋转 */
+.iconRotate {
+ animation: rotate 2s linear infinite;
+}
+
+/* 树洞留言 */
+.baberrage-item .baberrage-msg {
+ padding-right: 5px;
+}
+
+.baberrage-item .normal .baberrage-avatar img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+
+.el-upload.el-upload--picture, .el-upload.el-upload--text {
+ width: 100%;
+}
+
+.el-upload-dragger {
+ width: 100% !important;
+ height: 100px !important;
+}
+
+/* 导航栏 */
+.toolbarDrawer {
+ position: relative;
+ background: var(--toolbar) center center / cover no-repeat;
+ letter-spacing: 3px;
+}
+
+.toolbarDrawer .el-drawer__header {
+ font-size: 22px;
+ color: var(--white);
+ text-align: center;
+ position: relative;
+}
+
+.toolbarDrawer::before {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: var(--maxMask);
+ content: "";
+}
+
+.small-menu {
+ color: var(--white);
+ font-size: 20px;
+ user-select: none;
+ position: relative;
+}
+
+.small-menu > li {
+ list-style: none;
+ line-height: 40px;
+ cursor: pointer;
+}
+
+.el-tooltip__popper.is-light {
+ background: var(--lightGreen);
+ border-radius: 10px;
+ color: var(--white);
+ padding: 12px 20px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ line-height: 1.5;
+ font-size: 1.2rem;
+ border: unset;
+}
+
+.el-tooltip__popper .popper__arrow {
+ border-style: unset;
+}
+
+.message-index {
+ z-index: 3000 !important;
+}
+
+.article-copy .el-dialog {
+ border-radius: 15px;
+ margin-top: 5vh !important;
+}
+
+.article-copy .el-dialog__body {
+ padding: 15px 25px 30px;
+}
+
+.index-push .el-dialog {
+ border-radius: 15px;
+ margin-top: 10vh !important;
+}
+
+.index-push .el-dialog__title {
+ font-weight: bold;
+}
+
+
+@media screen and (max-width: 800px) {
+ .el-dialog {
+ width: 70% !important;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ .el-dialog {
+ width: 80% !important;
+ }
+}
+
+@media screen and (max-width: 400px) {
+ .el-dialog {
+ width: 90% !important;
+ }
+}
diff --git a/poetize-ui/src/assets/css/markdown-highlight.css b/poetize-ui/src/assets/css/markdown-highlight.css
new file mode 100644
index 0000000..281b607
--- /dev/null
+++ b/poetize-ui/src/assets/css/markdown-highlight.css
@@ -0,0 +1,380 @@
+/* markdown样式 */
+.entry-content {
+ position: relative;
+}
+
+.entry-content blockquote {
+ margin: 0;
+ padding: 15px 50px;
+ position: relative;
+ word-break: break-word;
+ text-align: center;
+}
+
+.entry-content blockquote:before {
+ content: "\f10d";
+ font-size: 1.5rem;
+ position: absolute;
+ top: 0;
+ left: 0;
+ color: orange;
+ font-family: FontAwesome;
+}
+
+.entry-content blockquote:after {
+ content: '\f10e';
+ font-size: 1.5rem;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ color: orange;
+ font-family: FontAwesome;
+}
+
+.entry-content code:not(.hljs) {
+ background: #fefac7;
+ color: #e67474;
+ word-break: break-word;
+ padding: 4px 6px;
+ border-radius: 5px;
+}
+
+.entry-content ul {
+ list-style: disc;
+ padding: 0 10px 0 35px;
+ color: var(--articleGreyFontColor);
+ border-radius: 10px;
+}
+
+.entry-content ol {
+ list-style: decimal;
+ padding: 0 10px 0 35px;
+ color: var(--articleGreyFontColor);
+ border-radius: 10px;
+}
+
+.entry-content ol li,
+.entry-content ul li {
+ padding: 8px 0;
+ Letter-spacing: 1px;
+ line-height: 24px;
+}
+
+.entry-content h3 {
+ padding-bottom: 8px;
+ border-bottom: 1px dashed #ddd;
+}
+
+.entry-content h1,
+.entry-content h2,
+.entry-content h2,
+.entry-content h3,
+.entry-content h4 {
+ margin-top: 30px;
+ margin-bottom: 20px;
+}
+
+.entry-content h2 {
+ padding-left: 40px;
+}
+
+.entry-content h3 {
+ padding-left: 20px;
+ font-size: 22px;
+}
+
+.entry-content h4 {
+ padding-left: 20px;
+ font-size: 20px;
+}
+
+.entry-content h5 {
+ font-size: 18px;
+ padding-left: 28px;
+}
+
+.entry-content h2:before {
+ content: "🌺";
+ position: absolute;
+ left: 0;
+ font-size: 1.03em;
+ margin-top: -2px;
+}
+
+.entry-content h3:before {
+ content: "#";
+ left: 0;
+ position: absolute;
+ margin-top: 2px;
+ color: #ff6d6d;
+}
+
+.entry-content h4:before {
+ content: "▌";
+ left: 0;
+ position: absolute;
+ color: #ff6d6d;
+}
+
+.entry-content h5:before {
+ content: "🌷";
+ left: 0;
+ position: absolute;
+}
+
+.entry-content a {
+ color: #e67474;
+ position: relative;
+ text-decoration: none;
+}
+
+.entry-content a:hover {
+ color: orange;
+}
+
+.entry-content a:after {
+ content: '';
+ position: absolute;
+ width: 100%;
+ transform: scaleX(0);
+ height: 1.5px;
+ bottom: -2px;
+ left: 0;
+ background-color: orange;
+ transform-origin: bottom right;
+ transition: transform 0.25s ease-out;
+}
+
+.entry-content a:hover:after {
+ transform: scaleX(1);
+ transform-origin: bottom left;
+}
+
+.entry-content p {
+ color: var(--articleFontColor);
+ line-height: 35px;
+ word-break: break-word;
+ font-size: 18px;
+}
+
+.entry-content hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0.5px dashed #fc625d;
+}
+
+.entry-content img {
+ max-width: 100%;
+ border-radius: 5px;
+}
+
+
+/* 高亮代码块 */
+.highlight-wrap {
+ position: relative;
+ background: #21252b;
+ border-radius: 5px;
+ font: 15px/22px "Microsoft YaHei", "Arial";
+ line-height: 1.6;
+ margin-bottom: 1.6em;
+ width: 100%;
+ padding-top: 30px;
+ box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
+}
+
+.highlight-wrap:before {
+ content: "";
+ position: absolute;
+ border-radius: 50%;
+ background: #fc625d;
+ width: 12px;
+ height: 12px;
+ left: 12px;
+ margin-top: -18px;
+ box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
+ z-index: 2;
+}
+
+.highlight-wrap .copy-code {
+ color: #fff;
+ position: absolute;
+ right: 10px;
+ top: 5px;
+ font-size: 16px;
+ z-index: 2;
+}
+
+.highlight-wrap .copy-code:hover {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.highlight-wrap code::-webkit-scrollbar {
+ height: 6px;
+ width: 6px;
+}
+
+.highlight-wrap code {
+ word-break: break-word;
+ border-radius: 0 0 5px 5px;
+}
+
+.highlight-wrap code[data-rel]:before {
+ color: #fff;
+ content: attr(data-rel);
+ height: 30px;
+ line-height: 23px;
+ background: #21252b;
+ font-size: 16px;
+ position: absolute;
+ left: 0;
+ margin-top: -30px;
+ width: 100%;
+ font-family: Ubuntu;
+ font-weight: 700;
+ text-align: center;
+ pointer-events: none;
+ z-index: 1;
+}
+
+.hljs {
+ color: #a9b7c6;
+ background: #1d1f21;
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+}
+
+.hljs-ln-line span::selection,
+.hljs-ln-line::selection {
+ background: #fff;
+ color: #21252b;
+}
+
+.hljs-ln {
+ margin: 6px 0 0;
+ width: 100%;
+}
+
+.hljs-ln-line.hljs-ln-code {
+ padding-left: 25px;
+ padding-right: 10px;
+}
+
+.hljs-ln-line.hljs-ln-code:hover {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.hljs-ln-line.hljs-ln-numbers {
+ user-select: none;
+ text-align: center;
+ color: #888f96;
+ position: absolute;
+ left: 0;
+ width: 30px;
+ background: #1d1f21;
+}
+
+.hljs-comment,
+.hljs-quote {
+ color: #888f96;
+ font-style: italic;
+}
+
+.hljs-doctag,
+.hljs-formula,
+.hljs-keyword {
+ color: #c678dd;
+}
+
+.hljs-deletion,
+.hljs-name,
+.hljs-section,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #e06c75;
+}
+
+.hljs-literal {
+ color: #56b6c2;
+}
+
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string,
+.hljs-regexp,
+.hljs-string {
+ color: #98c379;
+}
+
+.hljs-built_in,
+.hljs-class .hljs-title {
+ color: #e6c07b;
+}
+
+.hljs-attr,
+.hljs-number,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable {
+ color: #d19a66;
+}
+
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-symbol,
+.hljs-title {
+ color: #61aeee;
+}
+
+.hljs-emphasis {
+ font-style: italic;
+}
+
+.hljs-strong {
+ font-weight: 700;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+
+/* 表格 */
+.table-wrapper::-webkit-scrollbar {
+ height: 6px;
+ width: 6px;
+}
+
+.table-wrapper > table {
+ border-collapse: collapse;
+}
+
+.table-wrapper > table th {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.table-wrapper > table tr:nth-child(2n) {
+ background-color: #f8f8f8;
+}
+
+.table-wrapper > table td,
+.table-wrapper > table th {
+ padding: 8px 16px;
+ border: 1px solid #dfe2e5;
+ line-height: 1.5;
+ font-size: 90%;
+ text-align: center;
+}
+
+.table-wrapper > table tbody > tr {
+ transition: all 0.28s ease;
+}
+
+.table-wrapper > table tbody > tr:hover {
+ background-color: rgba(0, 0, 0, 0.2);
+}
diff --git a/poetize-ui/src/assets/css/tocbot.css b/poetize-ui/src/assets/css/tocbot.css
new file mode 100644
index 0000000..aa22d20
--- /dev/null
+++ b/poetize-ui/src/assets/css/tocbot.css
@@ -0,0 +1,76 @@
+.toc {
+ width: 250px;
+ position: fixed;
+ top: calc(100vh / 4);
+ right: 3vh;
+ background: var(--commentContent);
+ border-radius: 8px;
+ z-index: 100;
+ transition: all 1s;
+ padding: 10px 10px 10px 5px;
+ color: var(--maxGreyFont);
+}
+
+.toc::before {
+ content: '🏖️目录';
+ font-size: 24px;
+ line-height: 40px;
+ margin-left: 55px;
+}
+
+.toc > .toc-list {
+ overflow-y: scroll;
+ max-height: 52vh;
+ position: relative;
+ padding-inline-start: 35px !important;
+ padding-right: 5px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.toc > .toc-list::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+}
+
+.toc > .toc-list::-webkit-scrollbar-track {
+ background-color: rgba(73, 177, 245, 0.2);
+}
+
+.toc > .toc-list::-webkit-scrollbar-thumb {
+ background-color: var(--lightGreen);
+ border-radius: 1em;
+}
+
+.toc .toc-list {
+ padding-inline-start: 25px;
+}
+
+.toc a.toc-link {
+ color: currentColor;
+ height: 100%;
+ text-decoration: none;
+}
+
+.toc .is-collapsible {
+ max-height: 1000px;
+ overflow: hidden;
+ transition: all 300ms ease-in-out;
+}
+
+.toc .is-collapsed {
+ max-height: 0;
+}
+
+.toc .toc-link {
+ margin: 4px 0;
+ display: block;
+}
+
+.toc .is-active-link {
+ font-weight: 700;
+ color: var(--white) !important;
+ background: var(--lightGreen);
+ padding: 4px 8px;
+ border-radius: 5px;
+}
diff --git a/poetize-ui/src/assets/fonts/fontawesome-webfont.eot b/poetize-ui/src/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..e9f60ca
Binary files /dev/null and b/poetize-ui/src/assets/fonts/fontawesome-webfont.eot differ
diff --git a/poetize-ui/src/assets/fonts/fontawesome-webfont.svg b/poetize-ui/src/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..855c845
--- /dev/null
+++ b/poetize-ui/src/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,2671 @@
+
+
+
diff --git a/poetize-ui/src/assets/fonts/fontawesome-webfont.ttf b/poetize-ui/src/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..35acda2
Binary files /dev/null and b/poetize-ui/src/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/poetize-ui/src/assets/fonts/fontawesome-webfont.woff b/poetize-ui/src/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..400014a
Binary files /dev/null and b/poetize-ui/src/assets/fonts/fontawesome-webfont.woff differ
diff --git a/poetize-ui/src/assets/fonts/fontawesome-webfont.woff2 b/poetize-ui/src/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..4d13fc6
Binary files /dev/null and b/poetize-ui/src/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/poetize-ui/src/components/about.vue b/poetize-ui/src/components/about.vue
new file mode 100644
index 0000000..6682f8d
--- /dev/null
+++ b/poetize-ui/src/components/about.vue
@@ -0,0 +1,190 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/admin.vue b/poetize-ui/src/components/admin/admin.vue
new file mode 100644
index 0000000..f68ba04
--- /dev/null
+++ b/poetize-ui/src/components/admin/admin.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/commentList.vue b/poetize-ui/src/components/admin/commentList.vue
new file mode 100644
index 0000000..3f6895b
--- /dev/null
+++ b/poetize-ui/src/components/admin/commentList.vue
@@ -0,0 +1,160 @@
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/common/myHeader.vue b/poetize-ui/src/components/admin/common/myHeader.vue
new file mode 100644
index 0000000..bc6b30c
--- /dev/null
+++ b/poetize-ui/src/components/admin/common/myHeader.vue
@@ -0,0 +1,113 @@
+
+
+
+
+ 搜索
+ 清除参数
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/common/sidebar.vue b/poetize-ui/src/components/admin/common/sidebar.vue
new file mode 100644
index 0000000..4a6971c
--- /dev/null
+++ b/poetize-ui/src/components/admin/common/sidebar.vue
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/configList.vue b/poetize-ui/src/components/admin/configList.vue
new file mode 100644
index 0000000..88163b0
--- /dev/null
+++ b/poetize-ui/src/components/admin/configList.vue
@@ -0,0 +1,194 @@
+
+ 后台管理
+
+
+
+
+ 首页
+
+
+
+
+
+
+ 退出
+
+
+
+
+
+
+
+ 私有
+ 公开
+
+
+
+
+
+ 编辑
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/loveList.vue b/poetize-ui/src/components/admin/loveList.vue
new file mode 100644
index 0000000..ad96437
--- /dev/null
+++ b/poetize-ui/src/components/admin/loveList.vue
@@ -0,0 +1,212 @@
+
+
+ 新增配置
+
+
+
+ 名称
+
+
+ 键名
+
+
+ 键值
+
+
+
+
+
+
+ 私有
+ 公开
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/main.vue b/poetize-ui/src/components/admin/main.vue
new file mode 100644
index 0000000..2a4e5af
--- /dev/null
+++ b/poetize-ui/src/components/admin/main.vue
@@ -0,0 +1,274 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{scope.row.status === false ? '禁用' : '启用'}}
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/postEdit.vue b/poetize-ui/src/components/admin/postEdit.vue
new file mode 100644
index 0000000..bd4b52f
--- /dev/null
+++ b/poetize-ui/src/components/admin/postEdit.vue
@@ -0,0 +1,375 @@
+
+
+
+
+ 统计信息
+
+
+
+
+
+
+
+
+ 总览
+
+
+
+
+ 总访问量（每个IP每天记一次）:
+
+ {{historyInfo.ip_history_count}}
+
+
+
+
+
+ 省份访问TOP10
+
+
+
+
+
+
+
+
+
+
+
+
+ IP访问TOP10
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 今日访问
+
+
+
+
+ 今日访问量：
+
+ {{historyInfo.ip_count_today}}
+
+
+
+
+
+ 今日访问省份统计
+
+
+
+
+
+
+
+
+
+
+
+
+ 今日访问用户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 昨日访问
+
+
+
+
+ 昨日访问量：
+
+ {{historyInfo.ip_count_yest}}
+
+
+
+
+
+ 昨日访问用户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 文章信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{article.commentStatus === false ? '否' : '是'}}
+
+
+
+
+
+ {{article.recommendStatus === false ? '否' : '是'}}
+
+
+
+
+
+ {{article.viewStatus === false ? '否' : '是'}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/postList.vue b/poetize-ui/src/components/admin/postList.vue
new file mode 100644
index 0000000..1523e92
--- /dev/null
+++ b/poetize-ui/src/components/admin/postList.vue
@@ -0,0 +1,304 @@
+
+
+
+
+ 保存
+ 重置所有修改
+
+
+
+
+
+
+ {{scope.row.viewStatus === false ? '不可见' : '可见'}}
+
+
+
+
+
+
+
+
+ {{scope.row.commentStatus === false ? '否' : '是'}}
+
+
+
+
+
+ {{scope.row.recommendStatus === false ? '否' : '是'}}
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/resourceList.vue b/poetize-ui/src/components/admin/resourceList.vue
new file mode 100644
index 0000000..bfc0886
--- /dev/null
+++ b/poetize-ui/src/components/admin/resourceList.vue
@@ -0,0 +1,274 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 清除参数
+ 新增文章
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/resourcePathList.vue b/poetize-ui/src/components/admin/resourcePathList.vue
new file mode 100644
index 0000000..0fef6e8
--- /dev/null
+++ b/poetize-ui/src/components/admin/resourcePathList.vue
@@ -0,0 +1,393 @@
+
+
+
+
+
+
+ {{scope.row.status === false ? '禁用' : '启用'}}
+
+
+
+
+
+
+
+
+
+ {{Math.round(scope.row.size / 1024)}}
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+ 搜索
+ 新增资源
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 存储平台：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/sortList.vue b/poetize-ui/src/components/admin/sortList.vue
new file mode 100644
index 0000000..f6386f7
--- /dev/null
+++ b/poetize-ui/src/components/admin/sortList.vue
@@ -0,0 +1,323 @@
+
+
+
+
+
+
+
+
+
+ {{scope.row.status === false ? '禁用' : '启用'}}
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 新增资源聚合
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+ 标题：
+ 分类：
+ 简介：
+ 封面：
+
+
+
+
+
+
+ 链接：
+
+
+
+
+
+
+ 资源类型：
+ 备注：
+
+
+
+
+
+
+
+
+ 导航栏分类
+ 普通分类
+
+
+
+
+
+ 编辑分类
+
+
+ 查看标签
+
+
+ 新增标签
+
+
+ 删除
+
+
+
+
+
+
+
+ {{sort.sortName}}
+
+
+
+
+ 编辑标签
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/treeHoleList.vue b/poetize-ui/src/components/admin/treeHoleList.vue
new file mode 100644
index 0000000..f00d91d
--- /dev/null
+++ b/poetize-ui/src/components/admin/treeHoleList.vue
@@ -0,0 +1,137 @@
+
+
+ 新增分类
+
+
+
+ 分类名称
+
+
+ 分类描述
+
+
+ 分类优先级
+
+
+
+
+
+
+ 导航栏分类
+ 普通分类
+
+
+
+
+ 标签名称
+
+
+ 标签描述
+
+
+
+
+
+
+
+ 留言列表
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/userList.vue b/poetize-ui/src/components/admin/userList.vue
new file mode 100644
index 0000000..144dc53
--- /dev/null
+++ b/poetize-ui/src/components/admin/userList.vue
@@ -0,0 +1,316 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/verify.vue b/poetize-ui/src/components/admin/verify.vue
new file mode 100644
index 0000000..7248ebb
--- /dev/null
+++ b/poetize-ui/src/components/admin/verify.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+ {{scope.row.userStatus === false ? '禁用' : '启用'}}
+
+
+
+
+
+
+
+
+ 男
+
+
+ 女
+
+
+ 保密
+
+
+
+
+
+
+ 站长
+
+
+ 管理员
+
+
+ 普通用户
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 清除参数
+
+
+
+
+
+
+
+ 管理员
+ 普通用户
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/webEdit.vue b/poetize-ui/src/components/admin/webEdit.vue
new file mode 100644
index 0000000..8964051
--- /dev/null
+++ b/poetize-ui/src/components/admin/webEdit.vue
@@ -0,0 +1,552 @@
+
+
+
+
+
+
+
+ 账号
+
+
+
+
+ 密码
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/admin/welcome.vue b/poetize-ui/src/components/admin/welcome.vue
new file mode 100644
index 0000000..be01db7
--- /dev/null
+++ b/poetize-ui/src/components/admin/welcome.vue
@@ -0,0 +1,106 @@
+
+
+
+
+ 基础信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存基本信息
+
+
+
+
+ 公告
+
+
+ {{notice}}
+
+
+
+ + 公告
+
+
+
+ 保存公告
+
+
+
+
+ 随机名称
+
+
+ {{name}}
+
+
+
+ + 随机名称
+
+
+
+ 保存随机名称
+
+
+
+
+ 随机头像
+
+
+
+ + 随机头像
+
+
+
+
+ {{avatar}}
+
+
+
+
+
+
+ 保存随机头像
+
+
+
+
+ 随机封面
+
+
+
+ + 随机封面
+
+
+
+
+ {{cover}}
+
+
+
+
+
+
+ 保存随机封面
+
+
+ 重置所有修改
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/article.vue b/poetize-ui/src/components/article.vue
new file mode 100644
index 0000000..6855288
--- /dev/null
+++ b/poetize-ui/src/components/article.vue
@@ -0,0 +1,831 @@
+
+
+
+ + 欢 + 迎 + 光 + 临 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/articleList.vue b/poetize-ui/src/components/articleList.vue
new file mode 100644
index 0000000..f4753af
--- /dev/null
+++ b/poetize-ui/src/components/articleList.vue
@@ -0,0 +1,349 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ $store.state.webInfo.webName }}是指运行在{{ $constant.host }}域名及相关子域名上的网站，本条款描述了{{ $store.state.webInfo.webName }}的网站版权声明： +
+-
+
- + {{ $store.state.webInfo.webName }}提供的所有文章、展示的图片素材等内容部分来源于互联网平台，仅供学习参考。如有侵犯您的版权，请联系{{ $store.state.webInfo.webName }}负责人，{{ $store.state.webInfo.webName }}承诺将在一个工作日内改正。 + +
- + {{ $store.state.webInfo.webName }}不保证网站内容的全部准确性、安全性和完整性，请您在阅读、下载及使用过程中自行确认，{{ $store.state.webInfo.webName }}亦不承担上述资源对您造成的任何形式的损失或伤害。 + +
- 未经{{ $store.state.webInfo.webName }}允许，不得盗链、盗用本站内容和资源。 +
- + {{ $store.state.webInfo.webName }}旨在为广大用户提供更多的信息；{{ $store.state.webInfo.webName }}不保证向用户提供的外部链接的准确性和完整性，该外部链接指向的不由本站实际控制的任何网页上的内容，{{ $store.state.webInfo.webName }}对其合法性亦概不负责，亦不承担任何法律责任。 + +
- + {{ $store.state.webInfo.webName }}中的文章/视频（包括转载文章/视频）的版权仅归原作者所有，若作者有版权声明或文章从其它网站转载而附带有原所有站的版权声明者，其版权归属以附带声明为准；文章仅代表作者本人的观点，与{{ $store.state.webInfo.webName }}立场无关。 + +
- + {{ $store.state.webInfo.webName }}自行编写排版的文章均采用 + + 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 + + +
-
+ 许可协议标识：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{tips}}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/comment/comment.vue b/poetize-ui/src/components/comment/comment.vue
new file mode 100644
index 0000000..11454e8
--- /dev/null
+++ b/poetize-ui/src/components/comment/comment.vue
@@ -0,0 +1,431 @@
+
+
+
+ 发现
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 遇事不决，可问春风
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ article.articleTitle }}
+ {{ article.articleTitle }}
+
+ {{ article.articleContent }}
+
+
+
+
+ {{ article.sort.sortName }}
+
+
+ {{ article.label.labelName }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/comment/commentBox.vue b/poetize-ui/src/components/comment/commentBox.vue
new file mode 100644
index 0000000..11d09ac
--- /dev/null
+++ b/poetize-ui/src/components/comment/commentBox.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+ 留言
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Comments |
+ {{ total }} 条留言
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.username }}
+ 主人翁
+ {{ $common.getDateDiff(item.createTime) }}
+
+
+ {{item.childComments.total}} 回复
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ childItem.username }}
+ 主人翁
+ {{ $common.getDateDiff(childItem.createTime) }}
+
+
+ 回复
+
+
+
+ @{{ childItem.parentUsername }} :
+
+
+
+
+
+
+ 展开
+
+
+ 来发第一个留言啦~
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/comment/graffiti.vue b/poetize-ui/src/components/comment/graffiti.vue
new file mode 100644
index 0000000..a45a65b
--- /dev/null
+++ b/poetize-ui/src/components/comment/graffiti.vue
@@ -0,0 +1,408 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/card.vue b/poetize-ui/src/components/common/card.vue
new file mode 100644
index 0000000..9afb44a
--- /dev/null
+++ b/poetize-ui/src/components/common/card.vue
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+
+
+
+
+
+ 画笔颜色
+
+
+
+
+
+
+
+
+ 画笔大小
+
+
+
+
+
+
+
+
+ 操作
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/emoji.vue b/poetize-ui/src/components/common/emoji.vue
new file mode 100644
index 0000000..a6e99b3
--- /dev/null
+++ b/poetize-ui/src/components/common/emoji.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
+
+
+ 遇事不决，可问春风
+
+
+
+
+ 🔥
+
+ {{resourcePath.title}}
+
+
+ {{resourcePath.introduction}}
+
+
+
+
+ 发布于 {{ $common.getDateDiff(resourcePath.createTime) }}
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/loader.vue b/poetize-ui/src/components/common/loader.vue
new file mode 100644
index 0000000..7083d8f
--- /dev/null
+++ b/poetize-ui/src/components/common/loader.vue
@@ -0,0 +1,66 @@
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/myFooter.vue b/poetize-ui/src/components/common/myFooter.vue
new file mode 100644
index 0000000..deaa94f
--- /dev/null
+++ b/poetize-ui/src/components/common/myFooter.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/photo.vue b/poetize-ui/src/components/common/photo.vue
new file mode 100644
index 0000000..f6a5a40
--- /dev/null
+++ b/poetize-ui/src/components/common/photo.vue
@@ -0,0 +1,155 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/printer.vue b/poetize-ui/src/components/common/printer.vue
new file mode 100644
index 0000000..b16009a
--- /dev/null
+++ b/poetize-ui/src/components/common/printer.vue
@@ -0,0 +1,121 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{resourcePath.title}}
+
+ {{resourcePath.title}}
+
+
+ Date: {{$common.getDateDiff(resourcePath.createTime)}}
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/proButton.vue b/poetize-ui/src/components/common/proButton.vue
new file mode 100644
index 0000000..5c379c7
--- /dev/null
+++ b/poetize-ui/src/components/common/proButton.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/proPage.vue b/poetize-ui/src/components/common/proPage.vue
new file mode 100644
index 0000000..44d5be7
--- /dev/null
+++ b/poetize-ui/src/components/common/proPage.vue
@@ -0,0 +1,131 @@
+
+ {{info}}
+ {{info}}
+ {{info}}
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/proTag.vue b/poetize-ui/src/components/common/proTag.vue
new file mode 100644
index 0000000..e76adb8
--- /dev/null
+++ b/poetize-ui/src/components/common/proTag.vue
@@ -0,0 +1,39 @@
+
+ -
+
- + 👈 + + +
- + {{index}} + + + +
- + {{current - (realButtonSize - index)}} + + + +
- + {{current - (Math.ceil(realButtonSize/2) - index)}} + + +
- + 👉 + +
+ 🔖 {{info}}
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/process.vue b/poetize-ui/src/components/common/process.vue
new file mode 100644
index 0000000..8498d03
--- /dev/null
+++ b/poetize-ui/src/components/common/process.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/sortArticle.vue b/poetize-ui/src/components/common/sortArticle.vue
new file mode 100644
index 0000000..84fbe6e
--- /dev/null
+++ b/poetize-ui/src/components/common/sortArticle.vue
@@ -0,0 +1,264 @@
+
+
+
+
+
+
+
+ {{$common.getDateDiff(treeHole.createTime)}}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/treeHole.vue b/poetize-ui/src/components/common/treeHole.vue
new file mode 100644
index 0000000..3bb5822
--- /dev/null
+++ b/poetize-ui/src/components/common/treeHole.vue
@@ -0,0 +1,273 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 遇事不决，可问春风
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ article.articleTitle }}
+ {{ article.articleTitle }}
+
+ {{ article.articleContent }}
+
+
+
+
+ {{ article.sort.sortName }}
+
+
+ {{ article.label.labelName }}
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/twoPoem.vue b/poetize-ui/src/components/common/twoPoem.vue
new file mode 100644
index 0000000..3bfc58a
--- /dev/null
+++ b/poetize-ui/src/components/common/twoPoem.vue
@@ -0,0 +1,141 @@
+
+ -
+
-
+ ++
+ + + + ++++😃 {{treeHole.createTime}}++ ++
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/uploadPicture.vue b/poetize-ui/src/components/common/uploadPicture.vue
new file mode 100644
index 0000000..2c37b33
--- /dev/null
+++ b/poetize-ui/src/components/common/uploadPicture.vue
@@ -0,0 +1,198 @@
+
+
+
+ 鬼畜全明星
+ {{isHitokoto?hitokoto.from:guShi.origin}}
+ {{isHitokoto?hitokoto.hitokoto:guShi.content}}
++ {{isHitokoto?hitokoto.from_who:guShi.author}} +
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/videoPlayer.vue b/poetize-ui/src/components/common/videoPlayer.vue
new file mode 100644
index 0000000..b426e9e
--- /dev/null
+++ b/poetize-ui/src/components/common/videoPlayer.vue
@@ -0,0 +1,175 @@
+
+
+
+
+
+ 拖拽上传 / 点击上传
+
+ 一次最多上传{{maxNumber}}张图片，且每张图片不超过{{maxSize}}M！
+
+
+
+
+ 一次最多上传{{maxNumber}}个文件，且每个文件不超过{{maxSize}}M！
+
+
+
+
+
+ 上传
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/common/zombie.vue b/poetize-ui/src/components/common/zombie.vue
new file mode 100644
index 0000000..8b4d162
--- /dev/null
+++ b/poetize-ui/src/components/common/zombie.vue
@@ -0,0 +1,785 @@
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/favorite.vue b/poetize-ui/src/components/favorite.vue
new file mode 100644
index 0000000..fbf5f82
--- /dev/null
+++ b/poetize-ui/src/components/favorite.vue
@@ -0,0 +1,353 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{$store.state.webInfo.webName}}
+大爷进来玩啊~~~
+网页有点慢，等一下就好啦~
+
+
+ loading...
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/friend.vue b/poetize-ui/src/components/friend.vue
new file mode 100644
index 0000000..4a56bc6
--- /dev/null
+++ b/poetize-ui/src/components/friend.vue
@@ -0,0 +1,359 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{key}}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.title}}
+
+
+ {{item.introduction}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/funny.vue b/poetize-ui/src/components/funny.vue
new file mode 100644
index 0000000..a3b8d61
--- /dev/null
+++ b/poetize-ui/src/components/funny.vue
@@ -0,0 +1,289 @@
+
+
+
+
+
+
+ +
+ +
+
+
+ ![]()
+
+ ![]()
+
+
+
+
+
+ ![]()
+
+
+
+ 有朋自远方来
+
+
+
+
+
+
+ 名称：
+ 简介：
+ 封面：
+ 网址：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+ 欢迎交换友链
+🌸本站信息
+
+
+ ++网站名称: {{$constant.friendWebName}}+网址: {{$constant.friendUrl}}+头像: {{$constant.friendAvatar}}+描述: {{$constant.friendIntroduction}}+网站封面: {{$constant.friendCover}}+
🌸申请方式
+
+
+
+ ++点击上方信封✨✨✨+不会添加带有广告营销和没有实质性内容的友链🚫🚫🚫+申请之前请将本网站添加为您的友链哦🎟️🎟️🎟️+
+ +
♥️青出于蓝
++ +
🥇友情链接
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/home.vue b/poetize-ui/src/components/home.vue
new file mode 100644
index 0000000..5396021
--- /dev/null
+++ b/poetize-ui/src/components/home.vue
@@ -0,0 +1,696 @@
+
+
+
+
+
+
+
+ {{index + 1}}号选手：{{item.classify}}
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/index.vue b/poetize-ui/src/components/index.vue
new file mode 100644
index 0000000..94c0b6d
--- /dev/null
+++ b/poetize-ui/src/components/index.vue
@@ -0,0 +1,647 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/letter.vue b/poetize-ui/src/components/letter.vue
new file mode 100644
index 0000000..f30f084
--- /dev/null
+++ b/poetize-ui/src/components/letter.vue
@@ -0,0 +1,629 @@
+
+
+
+
+
+
+
+
+
+
+ + {{a}} +
+
+
+
+
+
+
+
+
+ + {{ scope.content }}| +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ notice }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{sort.sortName}}
+
+
+
+ MORE
+
+
+
+
+
+
+ 下一页
+
+
+ ~~到底啦~~
+
+
+
+
+
+
+
+
+
+
+
+ {{ push['标题'] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/love.vue b/poetize-ui/src/components/love.vue
new file mode 100644
index 0000000..45d4100
--- /dev/null
+++ b/poetize-ui/src/components/love.vue
@@ -0,0 +1,1258 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/message.vue b/poetize-ui/src/components/message.vue
new file mode 100644
index 0000000..48154a7
--- /dev/null
+++ b/poetize-ui/src/components/message.vue
@@ -0,0 +1,183 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{love.manName}}
+
+
+ ![心心]()
+
+
+
+
+ {{love.womanName}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 这是我们一起走过的
+
+
+ 第
+ {{timing.year}}
+ 年
+ {{timing.month}}
+ 月
+ {{timing.day}}
+ 日
+ {{timing.hour}}
+ 时
+ {{timing.minute}}
+ 分
+ {{timing.second}}
+ 秒
+
+
+ {{love.countdownTitle}}: {{countdownChange}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 点点滴滴
+
+
+ ☀️今朝有酒今朝醉
+
+
+
+
+
+
+
+
+
+
+
+ 时光相册
+
+
+ 📸记录美好瞬间
+
+
+
+
+
+
+
+
+
+
+ 祝福板
+
+
+ 📋写下对我们的祝福
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{photoPagination.classify}}
+
+
+
+
+
+ 下一页
+
+
+ ~~到底啦~~
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.manName}}
+
+
+ ![心心]()
+
+
+
+
+ {{item.womanName}}
+
+
+
+
+
+ 换一换
+
+
+
+
+
+
+
+ 申请入住
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+ 背景封面
+
+
+
+
+
+
+
+
+
+
+ 男生头像
+
+
+
+
+
+
+
+
+
+
+ 女生头像
+
+
+
+
+
+
+
+
+
+
+ 男生昵称
+
+
+
+
+
+
+ 女生昵称
+
+
+
+
+
+
+ 计时时间
+
+
+
+
+
+
+
+
+ 倒计时标题
+
+
+
+
+
+
+ 倒计时时间
+
+
+
+
+
+
+
+
+ 告白信
+
+
+
+
+
+
+
+
+ ![]()
+
+ 欢迎入住表白墙
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/myAside.vue b/poetize-ui/src/components/myAside.vue
new file mode 100644
index 0000000..348b004
--- /dev/null
+++ b/poetize-ui/src/components/myAside.vue
@@ -0,0 +1,490 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/sort.vue b/poetize-ui/src/components/sort.vue
new file mode 100644
index 0000000..0f3286c
--- /dev/null
+++ b/poetize-ui/src/components/sort.vue
@@ -0,0 +1,204 @@
+
+
+
+
+
+
+
+
+
+
+ {{webInfo.webName}}
+
+
+
+ 朋友圈
+
+
+ 文章
+ {{ $store.getters.articleTotal }}
+
+
+ 分类
+ {{ sortInfo.length }}
+
+
+ 访问量
+ {{ webInfo.historyAllCount }}
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+
+
+
+
+
+
+
+ 🔥推荐文章
+
+
+
+
+
+
+
+
+
+
+
+
+ {{article.username}}
+
+
+
+
+
+ {{ article.articleTitle }}
+
+
+ {{ article.createTime }}
+
+
+
+
+
+
+
+ 速览
+
+ {{sort.sortName}}
+
+
+
+
+
+
+
+
+ 分类
+
+
+
+
+ {{ s }}
+
+
+
+ 🧨赞赏名单
+
+
+
+
+ 赞赏
+
+
+
+
+
+
+ 1. 感谢老铁送来的666
+ 2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/travel.vue b/poetize-ui/src/components/travel.vue
new file mode 100644
index 0000000..f77ce61
--- /dev/null
+++ b/poetize-ui/src/components/travel.vue
@@ -0,0 +1,234 @@
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/user.vue b/poetize-ui/src/components/user.vue
new file mode 100644
index 0000000..391fb69
--- /dev/null
+++ b/poetize-ui/src/components/user.vue
@@ -0,0 +1,863 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/components/weiYan.vue b/poetize-ui/src/components/weiYan.vue
new file mode 100644
index 0000000..bbc6239
--- /dev/null
+++ b/poetize-ui/src/components/weiYan.vue
@@ -0,0 +1,203 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 手机号：
+ 验证码：
+ 密码：
+
+
+ 邮箱：
+ 验证码：
+ 密码：
+
+
+
+
+
+
+ 手机号
+ 邮箱
+
+
+
+
+ 手机号：
+ 验证码：
+ 新密码：
+
+
+ 邮箱：
+ 验证码：
+ 新密码：
+
+
+
+
+ 邮箱：
+ 验证码：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/poetize-ui/src/main.js b/poetize-ui/src/main.js
new file mode 100644
index 0000000..8d6c669
--- /dev/null
+++ b/poetize-ui/src/main.js
@@ -0,0 +1,38 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+import ElementUI from 'element-ui'
+import http from './utils/request'
+import common from './utils/common'
+import constant from './utils/constant'
+import mavonEditor from 'mavon-editor'
+//引入js
+import './utils/live2d'
+import './utils/title'
+//引入css
+import './assets/css/animation.css'
+import './assets/css/index.css'
+import './assets/css/tocbot.css'
+import './assets/css/color.css'
+import './assets/css/markdown-highlight.css'
+import './assets/css/font-awesome.min.css'
+import 'mavon-editor/dist/css/index.css'
+
+import {vueBaberrage} from 'vue-baberrage'
+
+Vue.use(ElementUI)
+Vue.use(vueBaberrage)
+Vue.use(mavonEditor)
+
+Vue.prototype.$http = http
+Vue.prototype.$common = common
+Vue.prototype.$constant = constant
+
+Vue.config.productionTip = false
+
+new Vue({
+ router,
+ store,
+ render: h => h(App)
+}).$mount('#app')
diff --git a/poetize-ui/src/router/index.js b/poetize-ui/src/router/index.js
new file mode 100644
index 0000000..041ad89
--- /dev/null
+++ b/poetize-ui/src/router/index.js
@@ -0,0 +1,150 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+
+const originalPush = VueRouter.prototype.push;
+VueRouter.prototype.push = function push(location) {
+ return originalPush.call(this, location).catch(err => err);
+}
+
+Vue.use(VueRouter)
+
+const routes = [
+ {
+ path: '/',
+ component: () => import('../components/home'),
+ children: [{
+ path: "/",
+ name: "index",
+ component: () => import('../components/index')
+ }, {
+ path: "/sort",
+ name: "sort",
+ component: () => import('../components/sort')
+ }, {
+ path: "/article/:id",
+ name: "article",
+ component: () => import('../components/article')
+ }, {
+ path: "/weiYan",
+ name: "weiYan",
+ component: () => import('../components/weiYan')
+ }, {
+ path: "/love",
+ name: "love",
+ component: () => import('../components/love')
+ }, {
+ path: "/favorite",
+ name: "favorite",
+ component: () => import('../components/favorite')
+ }, {
+ path: "/travel",
+ name: "travel",
+ component: () => import('../components/travel')
+ }, {
+ path: "/message",
+ name: "message",
+ component: () => import('../components/message')
+ }, {
+ path: "/about",
+ name: "about",
+ component: () => import('../components/about')
+ }, {
+ path: "/user",
+ name: "user",
+ component: () => import('../components/user')
+ }, {
+ path: "/letter",
+ name: "letter",
+ component: () => import('../components/letter')
+ }]
+ },
+ {
+ path: '/admin',
+ redirect: '/welcome',
+ meta: {requiresAuth: true},
+ component: () => import('../components/admin/admin'),
+ children: [{
+ path: '/welcome',
+ name: 'welcome',
+ component: () => import('../components/admin/welcome')
+ }, {
+ path: '/main',
+ name: 'main',
+ component: () => import('../components/admin/main')
+ }, {
+ path: '/webEdit',
+ name: 'webEdit',
+ component: () => import('../components/admin/webEdit')
+ }, {
+ path: '/userList',
+ name: 'userList',
+ component: () => import('../components/admin/userList')
+ }, {
+ path: '/postList',
+ name: 'postList',
+ component: () => import('../components/admin/postList')
+ }, {
+ path: '/postEdit',
+ name: 'postEdit',
+ component: () => import('../components/admin/postEdit')
+ }, {
+ path: '/sortList',
+ name: 'sortList',
+ component: () => import('../components/admin/sortList')
+ }, {
+ path: '/configList',
+ name: 'configList',
+ component: () => import('../components/admin/configList')
+ }, {
+ path: '/commentList',
+ name: 'commentList',
+ component: () => import('../components/admin/commentList')
+ }, {
+ path: '/treeHoleList',
+ name: 'treeHoleList',
+ component: () => import('../components/admin/treeHoleList')
+ }, {
+ path: '/resourceList',
+ name: 'resourceList',
+ component: () => import('../components/admin/resourceList')
+ }, {
+ path: '/loveList',
+ name: 'loveList',
+ component: () => import('../components/admin/loveList')
+ }, {
+ path: '/resourcePathList',
+ name: 'resourcePathList',
+ component: () => import('../components/admin/resourcePathList')
+ }]
+ },
+ {
+ path: '/verify',
+ name: 'verify',
+ component: () => import('../components/admin/verify')
+ }
+]
+
+const router = new VueRouter({
+ mode: "history",
+ routes: routes,
+ scrollBehavior(to, from, savedPosition) {
+ return {x: 0, y: 0}
+ }
+})
+
+router.beforeEach((to, from, next) => {
+ if (to.matched.some(record => record.meta.requiresAuth)) {
+ if (!Boolean(localStorage.getItem("adminToken"))) {
+ next({
+ path: '/verify',
+ query: {redirect: to.fullPath}
+ });
+ } else {
+ next();
+ }
+ } else {
+ next();
+ }
+})
+
+export default router
diff --git a/poetize-ui/src/store/index.js b/poetize-ui/src/store/index.js
new file mode 100644
index 0000000..cb048f1
--- /dev/null
+++ b/poetize-ui/src/store/index.js
@@ -0,0 +1,75 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+ state: {
+ toolbar: JSON.parse(localStorage.getItem("toolbar") || '{"visible": false, "enter": true}'),
+ sortInfo: JSON.parse(localStorage.getItem("sortInfo") || '[]'),
+ currentUser: JSON.parse(localStorage.getItem("currentUser") || '{}'),
+ currentAdmin: JSON.parse(localStorage.getItem("currentAdmin") || '{}'),
+ sysConfig: JSON.parse(localStorage.getItem("sysConfig") || '{}'),
+ webInfo: JSON.parse(localStorage.getItem("webInfo") || '{"webName": "", "webTitle": [], "notices": [], "randomCover": [], "footer": "", "backgroundImage": "", "avatar": ""}')
+ },
+ getters: {
+ articleTotal: state => {
+ if (state.sortInfo !== null && state.sortInfo.length !== 0) {
+ if (state.sortInfo.length === 1) {
+ return state.sortInfo[0].countOfSort;
+ } else {
+ return state.sortInfo.reduce((prev, curr) => {
+ if (typeof prev === "number") {
+ return prev + curr.countOfSort;
+ } else {
+ return prev.countOfSort + curr.countOfSort;
+ }
+ });
+ }
+ } else {
+ return 0;
+ }
+ },
+ navigationBar: state => {
+ if (state.sortInfo !== null && state.sortInfo.length !== 0) {
+ return state.sortInfo.filter(f => f.sortType === 0);
+ } else {
+ return [];
+ }
+ }
+ },
+ mutations: {
+ changeToolbarStatus(state, toolbarState) {
+ state.toolbar = toolbarState;
+ localStorage.setItem("toolbar", JSON.stringify(toolbarState));
+ },
+ loadSortInfo(state, sortInfo) {
+ if (sortInfo !== null && sortInfo.length !== 0) {
+ state.sortInfo = sortInfo.sort((s1, s2) => s1.priority - s2.priority);
+ localStorage.setItem("sortInfo", JSON.stringify(sortInfo.sort((s1, s2) => s1.priority - s2.priority)));
+ }
+ },
+ loadCurrentUser(state, user) {
+ state.currentUser = user;
+ localStorage.setItem("currentUser", JSON.stringify(user));
+ },
+ loadSysConfig(state, sysConfig) {
+ state.sysConfig = sysConfig;
+ localStorage.setItem("sysConfig", JSON.stringify(sysConfig));
+ },
+ loadCurrentAdmin(state, user) {
+ state.currentAdmin = user;
+ localStorage.setItem("currentAdmin", JSON.stringify(user));
+ },
+ loadWebInfo(state, webInfo) {
+ webInfo.webTitle = webInfo.webTitle.split('');
+ webInfo.notices = JSON.parse(webInfo.notices);
+ webInfo.randomCover = JSON.parse(webInfo.randomCover);
+ state.webInfo = webInfo;
+ localStorage.setItem("webInfo", JSON.stringify(webInfo));
+ }
+ },
+ actions: {},
+ modules: {},
+ plugins: []
+})
diff --git a/poetize-ui/src/utils/ajaxUpload.js b/poetize-ui/src/utils/ajaxUpload.js
new file mode 100644
index 0000000..77ee2da
--- /dev/null
+++ b/poetize-ui/src/utils/ajaxUpload.js
@@ -0,0 +1,77 @@
+function getError(action, option, xhr) {
+ let msg;
+ if (xhr.response) {
+ msg = `${xhr.response.error || xhr.response}`;
+ } else if (xhr.responseText) {
+ msg = `${xhr.responseText}`;
+ } else {
+ msg = `fail to ${action} ${xhr.status}`;
+ }
+
+ return new Error(msg);
+}
+
+function getBody(xhr) {
+ const text = xhr.responseText || xhr.response;
+ if (!text) {
+ return text;
+ }
+
+ try {
+ return JSON.parse(text);
+ } catch (e) {
+ return text;
+ }
+}
+
+export default function upload(option) {
+ const xhr = new XMLHttpRequest();
+ const action = option.action;
+
+ if (xhr.upload) {
+ xhr.upload.onprogress = function progress(e) {
+ if (e.total > 0) {
+ e.percent = e.loaded / e.total * 100;
+ }
+ option.onProgress(e);
+ };
+ }
+
+ const formData = new FormData();
+
+ if (option.data) {
+ Object.keys(option.data).forEach(key => {
+ formData.append(key, option.data[key]);
+ });
+ }
+
+ formData.append(option.filename, option.file, option.file.name);
+
+ xhr.onerror = function error(e) {
+ option.onError(e);
+ };
+
+ xhr.onload = function onload() {
+ if (xhr.status < 200 || xhr.status >= 300) {
+ return option.onError(getError(action, option, xhr));
+ }
+
+ option.onSuccess(getBody(xhr));
+ };
+
+ xhr.open('post', action, true);
+
+ if (option.withCredentials && 'withCredentials' in xhr) {
+ xhr.withCredentials = true;
+ }
+
+ const headers = option.headers || {};
+
+ for (let item in headers) {
+ if (headers.hasOwnProperty(item) && headers[item] !== null) {
+ xhr.setRequestHeader(item, headers[item]);
+ }
+ }
+ xhr.send(formData);
+ return xhr;
+}
diff --git a/poetize-ui/src/utils/bubble.js b/poetize-ui/src/utils/bubble.js
new file mode 100644
index 0000000..3f3c9d6
--- /dev/null
+++ b/poetize-ui/src/utils/bubble.js
@@ -0,0 +1,98 @@
+if (document.querySelector(".author-content.author-content-item.single")) {
+ const canvas = document.createElement("canvas");
+ canvas.id = "header_canvas";
+ canvas.style.position = "absolute";
+ canvas.style.bottom = "0";
+ canvas.width = 844;
+ canvas.height = 346;
+ document.querySelector(".author-content.author-content-item.single").appendChild(canvas);
+ const parent = document.querySelector(".author-content.author-content-item.single").parentNode;
+ parent.className = "thumbnail_canvas";
+ (function () {
+ var canvas,
+ ctx,
+ width,
+ height,
+ bubbles,
+ animateHeader = true;
+ initHeader();
+
+ function initHeader() {
+ canvas = document.getElementById("header_canvas");
+ window_resize();
+ if (canvas) {
+ ctx = canvas.getContext("2d");
+ //建立泡泡
+ bubbles = [];
+ var num = width * 0.04; //气泡数量
+ for (var i = 0; i < num; i++) {
+ var c = new Bubble();
+ bubbles.push(c);
+ }
+ animate();
+ }
+ }
+
+ function animate() {
+ if (animateHeader) {
+ ctx.clearRect(0, 0, width, height);
+ for (var i in bubbles) {
+ bubbles[i].draw();
+ }
+ }
+ requestAnimationFrame(animate);
+ }
+
+ function window_resize() {
+ //canvas铺满窗口
+ //width = window.innerWidth;
+ //height = window.innerHeight;
+
+ //如果需要铺满内容可以换下面这个
+ const panel = document.querySelector(".thumbnail_canvas");
+ if (panel) {
+ width = panel.offsetWidth;
+ height = panel.offsetHeight;
+
+ canvas.width = width;
+ canvas.height = height;
+ }
+ }
+
+ window.onresize = function () {
+ window_resize();
+ };
+
+ function Bubble() {
+ var _this = this;
+ (function () {
+ _this.pos = {};
+ init();
+ })();
+
+ function init() {
+ _this.pos.x = Math.random() * width;
+ _this.pos.y = height + Math.random() * 100;
+ _this.alpha = 0.1 + Math.random() * 0.5; //气泡透明度
+ _this.alpha_change = 0.0002 + Math.random() * 0.0005; //气泡透明度变化速度
+ _this.scale = 0.2 + Math.random() * 0.8; //气泡大小
+ _this.scale_change = Math.random() * 0.002; //气泡大小变化速度
+ _this.speed = 0.1 + Math.random() * 0.4; //气泡上升速度
+ }
+
+ //气泡
+ this.draw = function () {
+ if (_this.alpha <= 0) {
+ init();
+ }
+ _this.pos.y -= _this.speed;
+ _this.alpha -= _this.alpha_change;
+ _this.scale += _this.scale_change;
+ ctx.beginPath();
+ ctx.arc(_this.pos.x, _this.pos.y, _this.scale * 10, 0, 2 * Math.PI, false);
+ ctx.fillStyle = "rgba(255,255,255," + _this.alpha + ")";
+ ctx.fill();
+ };
+ }
+ })();
+}
diff --git a/poetize-ui/src/utils/common.js b/poetize-ui/src/utils/common.js
new file mode 100644
index 0000000..6930d0a
--- /dev/null
+++ b/poetize-ui/src/utils/common.js
@@ -0,0 +1,372 @@
+import constant from "./constant";
+import CryptoJS from 'crypto-js';
+import store from '../store';
+
+export default {
+ pushNotification(notices, isNotification) {
+ if (isNotification) {
+ if (this.isEmpty(notices)) {
+ return [];
+ } else {
+ return notices.filter(f => "推送标题：" !== f.substr(0, 5) &&
+ "推送封面：" !== f.substr(0, 5) &&
+ "推送链接：" !== f.substr(0, 5));
+ }
+ } else {
+ let push = {};
+ notices.forEach(notice => {
+ if ("推送标题：" === notice.substr(0, 5)) {
+ push['标题'] = notice.substr(5);
+ } else if ("推送封面：" === notice.substr(0, 5)) {
+ push['封面'] = notice.substr(5);
+ } else if ("推送链接：" === notice.substr(0, 5)) {
+ push['链接'] = notice.substr(5);
+ }
+ });
+ return push;
+ }
+ },
+
+ mobile() {
+ let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
+ return flag && flag.length && flag.length > 0;
+ },
+
+ /**
+ * 判断是否为空
+ */
+ isEmpty(value) {
+ if (typeof value === "undefined" || value === null || (typeof value === "string" && value.trim() === "") || (Array.prototype.isPrototypeOf(value) && value.length === 0) || (Object.prototype.isPrototypeOf(value) && Object.keys(value).length === 0)) {
+ return true;
+ } else {
+ return false;
+ }
+ },
+
+ /**
+ * 加密
+ */
+ encrypt(plaintText) {
+ let options = {
+ mode: CryptoJS.mode.ECB,
+ padding: CryptoJS.pad.Pkcs7
+ };
+ let key = CryptoJS.enc.Utf8.parse(constant.cryptojs_key);
+ let encryptedData = CryptoJS.AES.encrypt(plaintText, key, options);
+ return encryptedData.toString().replace(/\//g, "_").replace(/\+/g, "-");
+ },
+
+ /**
+ * 解密
+ */
+ decrypt(encryptedBase64Str) {
+ let val = encryptedBase64Str.replace(/\-/g, '+').replace(/_/g, '/');
+ let options = {
+ mode: CryptoJS.mode.ECB,
+ padding: CryptoJS.pad.Pkcs7
+ };
+ let key = CryptoJS.enc.Utf8.parse(constant.cryptojs_key);
+ let decryptedData = CryptoJS.AES.decrypt(val, key, options);
+ return CryptoJS.enc.Utf8.stringify(decryptedData);
+ },
+
+ /**
+ * 表情包转换
+ */
+ faceReg(content) {
+ content = content.replace(/\[[^\[^\]]+\]/g, (word) => {
+ let index = constant.emojiList.indexOf(word.replace("[", "").replace("]", ""));
+ if (index > -1) {
+ let url = store.state.sysConfig['webStaticResourcePrefix'] + "emoji/q" + (index + 1) + ".gif";
+ return '
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 公开
+ 私密
+
+
+ 夜には^300いつも^200寒いよね、^600でも、^600手を^200繋いでいると、^600暖か^200くなるよ！
どんなに^300寒い夜も、^600君と^300二人でいれば、^600ちっとも^300寒くない！
^1000H^200ao
"], + typeSpeed: 100, + backSpeed: 50 + }); + + $('#open').find("span").eq(0).css('background-position', "0 -150px"); + + aparted = true; + + var music = document.getElementById('music2'); + if (music.paused) { + music.play(); + $('#music_btn2').css("opacity", "1"); + } + } + +}); + +function playPause() { + var music = document.getElementById('music2'); + var music_btn = $('#music_btn2'); + + if (music.paused) { + music.play(); + music_btn.css("opacity", "1"); + } else { + music.pause(); + music_btn.css("opacity", "0.2"); + } +} + + +window.onload = function () { + + var currentUrl = window.location.href; + var firstIndex = currentUrl.indexOf("#"); + if (firstIndex <= 0) window.location.href = currentUrl + "#contact"; + + $('#music2').attr('src', bgmsrc); + + document.addEventListener('touchstart', function (event) { + if (event.touches.length > 1) event.preventDefault(); + }); + + var lastTouchEnd = 0; + + document.addEventListener('touchend', function (event) { + + var now = (new Date()).getTime(); + if (now - lastTouchEnd <= 300) event.preventDefault(); + lastTouchEnd = now; + + }, false); + + document.addEventListener('gesturestart', function (event) { + event.preventDefault(); + }); + + $('body').css('opacity', '1'); + $('#jsi-cherry-container').css('z-index', '-99'); + +} diff --git a/poetize-ui/src/utils/live2d.js b/poetize-ui/src/utils/live2d.js new file mode 100644 index 0000000..e2186ce --- /dev/null +++ b/poetize-ui/src/utils/live2d.js @@ -0,0 +1,336 @@ +/* + * Live2D Widget + * https://github.com/stevenjoezhang/live2d-widget + */ + + +import constant from "./constant"; + + +// 注意：live2d_path 参数应使用绝对路径 +const live2d_path = constant.live2d_path; + +// 加载 waifu.css live2d.min.js +if (screen.width > 768) { + Promise.all([ + loadExternalResource(live2d_path + "waifu.css", "css"), + loadExternalResource(live2d_path + "live2d.min.js", "js") + ]).then(() => { + initWidget({ + waifuPath: constant.baseURL + constant.waifuPath, + cdnPath: constant.cdnPath + }); + }); +} + +// 封装异步加载资源的方法 +function loadExternalResource(url, type) { + return new Promise((resolve, reject) => { + let tag; + + if (type === "css") { + tag = document.createElement("link"); + tag.rel = "stylesheet"; + tag.href = url; + } else if (type === "js") { + tag = document.createElement("script"); + tag.src = url; + } + + if (tag) { + tag.onload = () => resolve(url); + tag.onerror = () => reject(url); + document.head.appendChild(tag); + } + }); +} + +function initWidget(config) { + document.body.insertAdjacentHTML("beforeend", `
+ 看板娘
+
`);
+ const toggle = document.getElementById("waifu-toggle");
+ toggle.addEventListener("click", () => {
+ toggle.classList.remove("waifu-toggle-active");
+ if (toggle.getAttribute("first-time")) {
+ loadWidget(config);
+ toggle.removeAttribute("first-time");
+ } else {
+ localStorage.removeItem("waifu-display");
+ document.getElementById("waifu").style.display = "";
+ setTimeout(() => {
+ document.getElementById("waifu").style.bottom = 0;
+ }, 0);
+ }
+ });
+ if (localStorage.getItem("waifu-display") && Date.now() - localStorage.getItem("waifu-display") <= 86400000) {
+ toggle.setAttribute("first-time", true);
+ setTimeout(() => {
+ toggle.classList.add("waifu-toggle-active");
+ }, 0);
+ } else {
+ loadWidget(config);
+ }
+}
+
+function loadWidget(config) {
+ // 配置路径
+ let {waifuPath, cdnPath} = config;
+ if (!cdnPath.endsWith("/")) cdnPath += "/";
+ let modelList, idx = 0;
+
+ // 插入html
+ localStorage.removeItem("waifu-display");
+ localStorage.removeItem("waifu-text");
+ document.body.insertAdjacentHTML("beforeend", `
+
+
+
+
`);
+ setTimeout(() => {
+ document.getElementById("waifu").style.bottom = 0;
+ }, 0);
+
+ // 检测用户活动状态，并在空闲时显示消息
+ let userAction = false,
+ userActionTimer,
+ messageTimer,
+ messageArray = [
+ "我是一个特别固执的人，我从来不会在意别人跟我说什么，让我去做，让我去怎么做，我不管。如果，你也可以像我一样，那我觉得，这件事情，太酷辣!!!",
+ "我厉害，你给我大拇哥！",
+ "那些说我们的网站土的人，说抄袭的人，说我们文章拉的人，说我吃饱了撑的人，你给我大拇哥！",
+ "好久不见，日子过得好快呢……",
+ "嘤嘤嘤～",
+ "嗨～快来逗我玩吧！",
+ "退、退、退",
+ "很喜欢上班，有种上坟的感觉。",
+ "很喜欢放假，有种刑满释放的感觉。",
+ "很喜欢看评论，有一种批阅奏折的感觉。",
+ "很喜欢发工资，有一种领低保的感觉。",
+ "记得把我加入 Adblock 白名单哦！"
+ ];
+ window.addEventListener("mousemove", () => userAction = true);
+ window.addEventListener("keydown", () => userAction = true);
+ setInterval(() => {
+ if (userAction) {
+ userAction = false;
+ clearInterval(userActionTimer);
+ userActionTimer = null;
+ } else if (!userActionTimer) {
+ userActionTimer = setInterval(() => {
+ showMessage(randomSelection(messageArray), 6000, 9);
+ }, 20000);
+ }
+ }, 1000);
+
+ // 监听器
+ (function registerEventListener() {
+ document.querySelector("#waifu-tool .fa-comment").addEventListener("click", showHitokoto);
+ document.querySelector("#waifu-tool .fa-street-view").addEventListener("click", loadRandModel);
+ document.querySelector("#waifu-tool .fa-mouse-pointer").addEventListener("click", changeMouseAnimation);
+ document.querySelector("#waifu-tool .fa-times").addEventListener("click", () => {
+ localStorage.setItem("waifu-display", Date.now());
+ showMessage("愿你有一天能与重要的人重逢。", 2000, 11);
+ document.getElementById("waifu").style.bottom = "-500px";
+ setTimeout(() => {
+ document.getElementById("waifu").style.display = "none";
+ document.getElementById("waifu-toggle").classList.add("waifu-toggle-active");
+ }, 3000);
+ });
+
+ const devtools = () => {
+ };
+ console.log("%c", devtools);
+ devtools.toString = () => {
+ showMessage("哈哈，你打开了控制台，是想要看看我的小秘密吗？", 6000, 9);
+ };
+ window.addEventListener("copy", () => {
+ showMessage("你都复制了些什么呀，转载要记得加上出处哦！", 6000, 9);
+ });
+ window.addEventListener("visibilitychange", () => {
+ if (!document.hidden) showMessage("哇，你终于回来了～", 6000, 9);
+ });
+
+ localStorage.setItem("showMouseAnimation", "1");
+ document.querySelector("body").addEventListener("click", mouseAnimation);
+ })();
+
+ // 欢迎页
+ (function welcomeMessage() {
+ let text;
+ if (location.pathname === "/") { // 如果是主页
+ const now = new Date().getHours();
+ if (now > 5 && now <= 7) text = "早上好！一日之计在于晨，美好的一天就要开始了。";
+ else if (now > 7 && now <= 11) text = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！";
+ else if (now > 11 && now <= 13) text = "中午了，工作了一个上午，现在是午餐时间！";
+ else if (now > 13 && now <= 17) text = "午后很容易犯困呢，今天的运动目标完成了吗？";
+ else if (now > 17 && now <= 19) text = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红～";
+ else if (now > 19 && now <= 21) text = "晚上好，今天过得怎么样？";
+ else if (now > 21 && now <= 23) text = ["已经这么晚了呀，早点休息吧，晚安～", "深夜时要爱护眼睛呀！"];
+ else text = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？";
+ } else if (document.referrer !== "") {
+ const referrer = new URL(document.referrer),
+ domain = referrer.hostname.split(".")[1];
+ if (location.hostname === referrer.hostname) text = `欢迎阅读「${document.title.split(" - ")[0]}」`;
+ else if (domain === "baidu") text = `Hello！来自 百度搜索 的朋友
+
+
+
+
+
+ 你是搜索 ${referrer.search.split("&wd=")[1].split("&")[0]} 找到的我吗？`; + else if (domain === "so") text = `Hello！来自 360搜索 的朋友
你是搜索 ${referrer.search.split("&q=")[1].split("&")[0]} 找到的我吗？`; + else if (domain === "google") text = `Hello！来自 谷歌搜索 的朋友
欢迎阅读「${document.title.split(" - ")[0]}」`; + else text = `Hello！来自 ${referrer.hostname} 的朋友`; + } else { + text = `欢迎阅读「${document.title.split(" - ")[0]}」`; + } + showMessage(text, 7000, 8); + })(); + + // 初始化模型 + (function initModel() { + let modelId = localStorage.getItem("modelId"); + if (modelId === null) { + // 首次访问加载 指定模型 的 指定材质 + modelId = 5; // 模型 ID + } + loadModel(modelId); + fetch(waifuPath) + .then(response => response.json()) + .then(result => { + window.addEventListener("mouseover", event => { + for (let {selector, text} of result.mouseover) { + if (!event.target.matches(selector)) continue; + text = randomSelection(text); + text = text.replace("{text}", event.target.innerText); + showMessage(text, 4000, 8); + return; + } + }); + window.addEventListener("click", event => { + for (let {selector, text} of result.click) { + if (!event.target.matches(selector)) continue; + text = randomSelection(text); + text = text.replace("{text}", event.target.innerText); + showMessage(text, 4000, 8); + return; + } + }); + result.seasons.forEach(({date, text}) => { + const now = new Date(), + after = date.split("-")[0], + before = date.split("-")[1] || after; + if ((after.split("/")[0] <= now.getMonth() + 1 && now.getMonth() + 1 <= before.split("/")[0]) && (after.split("/")[1] <= now.getDate() && now.getDate() <= before.split("/")[1])) { + text = randomSelection(text); + text = text.replace("{year}", now.getFullYear()); + messageArray.push(text); + } + }); + }); + })(); + + // 模型集合 + async function loadModelList() { + const response = await fetch(`${cdnPath}model_list.json`); + modelList = await response.json(); + } + + // 载入模型 + async function loadModel(modelId, message) { + localStorage.setItem("modelId", modelId); + showMessage(message, 4000, 10); + if (!modelList) await loadModelList(); + // const target = randomSelection(modelList.models[modelId]); + const target = "HyperdimensionNeptunia/blanc_swimwear"; + loadlive2d("live2d", `${cdnPath}model/${target}/index.json`); + } + + // 换肤 + async function loadRandModel() { + const modelId = localStorage.getItem("modelId"); + if (!modelList) await loadModelList(); + const target = randomSelection(modelList.models[modelId]); + loadlive2d("live2d", `${cdnPath}model/${target}/index.json`); + showMessage("我的新衣服好看嘛？", 4000, 10); + } + + // 换人 + async function loadOtherModel() { + let modelId = localStorage.getItem("modelId"); + if (!modelList) await loadModelList(); + const index = (++modelId >= modelList.models.length) ? 0 : modelId; + loadModel(index, modelList.messages[index]); + } + + // 转换鼠标动画 + function changeMouseAnimation() { + if (localStorage.getItem("showMouseAnimation") === "0") { + localStorage.setItem("showMouseAnimation", "1"); + document.querySelector("body").addEventListener("click", mouseAnimation); + showMessage("哈哈，要牢记社会主义核心价值观哦！", 6000, 9); + } else { + localStorage.setItem("showMouseAnimation", "0"); + document.querySelector("body").removeEventListener("click", mouseAnimation); + showMessage("今天你爱国了吗？", 6000, 9); + } + } + + // 鼠标动画 + function mouseAnimation(e) { + let list = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"); + let span = $("").text(list[idx]); + idx = (idx + 1) % list.length; + let x = e.pageX, y = e.pageY; + span.css({ + "z-index": 1000, + "top": y - 20, + "left": x, + "position": "absolute", + "pointer-events": "none", + "font-weight": "bold", + "color": "#ff6651" + }); + $("body").append(span); + span.animate({"top": y - 180, "opacity": 0}, 1500, function () { + span.remove(); + }); + } + + // 随机选择 + function randomSelection(obj) { + return Array.isArray(obj) ? obj[Math.floor(Math.random() * obj.length)] : obj; + } + + // 随机词 + function showHitokoto() { + // 增加 hitokoto.cn 的 API + fetch(constant.hitokoto) + .then(response => response.json()) + .then(result => { + const text = `这句一言来自 「${result.from}」，是 ${result.creator} 在 hitokoto.cn 投稿的。`; + showMessage(result.hitokoto, 6000, 9); + setTimeout(() => { + showMessage(text, 4000, 9); + }, 6000); + }); + } + + // 显示消息 + function showMessage(text, timeout, priority) { + if (!text || (localStorage.getItem("waifu-text") && localStorage.getItem("waifu-text") > priority)) return; + if (messageTimer) { + clearTimeout(messageTimer); + messageTimer = null; + } + text = randomSelection(text); + localStorage.setItem("waifu-text", priority); + const tips = document.getElementById("waifu-tips"); + tips.innerHTML = text; + tips.classList.add("waifu-tips-active"); + messageTimer = setTimeout(() => { + localStorage.removeItem("waifu-text"); + tips.classList.remove("waifu-tips-active"); + }, timeout); + } +} diff --git a/poetize-ui/src/utils/mousedown.js b/poetize-ui/src/utils/mousedown.js new file mode 100644 index 0000000..2f57aaa --- /dev/null +++ b/poetize-ui/src/utils/mousedown.js @@ -0,0 +1,133 @@ +export default function () { + // 动画效果 + var canvasEl = document.querySelector("#mousedown"); + if (canvasEl) { + var ctx = canvasEl.getContext("2d", {willReadFrequently: true}) + , numberOfParticules = 30 + , pointerX = 0 + , pointerY = 0 + , tap = "mousedown" + , colors = ["#FF1461", "#18FF92", "#5A87FF", "#FBF38C"] + , setCanvasSize = debounce(function () { + canvasEl.width = 2 * window.innerWidth, + canvasEl.height = 2 * window.innerHeight, + canvasEl.style.width = window.innerWidth + "px", + canvasEl.style.height = window.innerHeight + "px", + canvasEl.getContext("2d", {willReadFrequently: true}).scale(2, 2) + }, 500) + , render = anime({ + duration: 1 / 0, + update: function () { + ctx.clearRect(0, 0, canvasEl.width, canvasEl.height) + } + }); + document.addEventListener(tap, function (e) { + "sidebar" !== e.target.id && "toggle-sidebar" !== e.target.id && "A" !== e.target.nodeName && "IMG" !== e.target.nodeName && (render.play(), + updateCoords(e), + animateParticules(pointerX, pointerY)) + }, !1), + setCanvasSize(), + window.addEventListener("resize", setCanvasSize, !1) + } + + function updateCoords(e) { + pointerX = (e.clientX || e.touches[0].clientX) - canvasEl.getBoundingClientRect().left, + pointerY = e.clientY || e.touches[0].clientY - canvasEl.getBoundingClientRect().top + } + + function setParticuleDirection(e) { + var t = anime.random(0, 360) * Math.PI / 180 + , a = anime.random(50, 180) + , n = [-1, 1][anime.random(0, 1)] * a; + return { + x: e.x + n * Math.cos(t), + y: e.y + n * Math.sin(t) + } + } + + function createParticule(e, t) { + var a = {}; + return a.x = e, + a.y = t, + a.color = colors[anime.random(0, colors.length - 1)], + a.radius = anime.random(16, 32), + a.endPos = setParticuleDirection(a), + a.draw = function () { + ctx.beginPath(), + ctx.arc(a.x, a.y, a.radius, 0, 2 * Math.PI, !0), + ctx.fillStyle = a.color, + ctx.fill() + } + , + a + } + + function createCircle(e, t) { + var a = {}; + return a.x = e, + a.y = t, + a.color = "#F00", + a.radius = .1, + a.alpha = .5, + a.lineWidth = 6, + a.draw = function () { + ctx.globalAlpha = a.alpha, + ctx.beginPath(), + ctx.arc(a.x, a.y, a.radius, 0, 2 * Math.PI, !0), + ctx.lineWidth = a.lineWidth, + ctx.strokeStyle = a.color, + ctx.stroke(), + ctx.globalAlpha = 1 + } + , + a + } + + function renderParticule(e) { + for (var t = 0; t < e.animatables.length; t++) + e.animatables[t].target.draw() + } + + function animateParticules(e, t) { + for (var a = createCircle(e, t), n = [], i = 0; i < numberOfParticules; i++) + n.push(createParticule(e, t)); + anime.timeline().add({ + targets: n, + x: function (e) { + return e.endPos.x + }, + y: function (e) { + return e.endPos.y + }, + radius: .1, + duration: anime.random(1200, 1800), + easing: "easeOutExpo", + update: renderParticule + }).add({ + targets: a, + radius: anime.random(80, 160), + lineWidth: 0, + alpha: { + value: 0, + easing: "linear", + duration: anime.random(600, 800) + }, + duration: anime.random(1200, 1800), + easing: "easeOutExpo", + update: renderParticule, + offset: 0 + }) + } + + function debounce(fn, delay) { + var timer + return function () { + var context = this + var args = arguments + clearTimeout(timer) + timer = setTimeout(function () { + fn.apply(context, args) + }, delay) + } + } +} diff --git a/poetize-ui/src/utils/request.js b/poetize-ui/src/utils/request.js new file mode 100644 index 0000000..a30e1ff --- /dev/null +++ b/poetize-ui/src/utils/request.js @@ -0,0 +1,140 @@ +import axios from "axios"; +import constant from "./constant"; +//处理url参数 +import qs from "qs"; + +import store from "../store"; + + +axios.defaults.baseURL = constant.baseURL; + + +// 添加请求拦截器 +axios.interceptors.request.use(function (config) { + // 在发送请求之前做些什么 + return config; +}, function (error) { + // 对请求错误做些什么 + return Promise.reject(error); +}); + +// 添加响应拦截器 +axios.interceptors.response.use(function (response) { + if (response.data !== null && response.data.hasOwnProperty("code") && response.data.code !== 200) { + if (response.data.code === 300) { + store.commit("loadCurrentUser", {}); + localStorage.removeItem("userToken"); + store.commit("loadCurrentAdmin", {}); + localStorage.removeItem("adminToken"); + window.location.href = constant.webURL + "/user"; + } + return Promise.reject(new Error(response.data.message)); + } else { + return response; + } +}, function (error) { + // 对响应错误做点什么 + return Promise.reject(error); +}); + +// 当data为URLSearchParams对象时设置为application/x-www-form-urlencoded;charset=utf-8 +// 当data为普通对象时，会被设置为application/json;charset=utf-8 + + +export default { + post(url, params = {}, isAdmin = false, json = true) { + let config; + if (isAdmin) { + config = { + headers: {"Authorization": localStorage.getItem("adminToken")} + }; + } else { + config = { + headers: {"Authorization": localStorage.getItem("userToken")} + }; + } + + return new Promise((resolve, reject) => { + axios + .post(url, json ? params : qs.stringify(params), config) + .then(res => { + resolve(res.data); + }) + .catch(err => { + reject(err); + }); + }); + }, + + get(url, params = {}, isAdmin = false) { + let headers; + if (isAdmin) { + headers = {"Authorization": localStorage.getItem("adminToken")}; + } else { + headers = {"Authorization": localStorage.getItem("userToken")}; + } + + return new Promise((resolve, reject) => { + axios.get(url, { + params: params, + headers: headers + }).then(res => { + resolve(res.data); + }).catch(err => { + reject(err) + }) + }); + }, + + upload(url, param, isAdmin = false, option) { + let config; + if (isAdmin) { + config = { + headers: {"Authorization": localStorage.getItem("adminToken"), "Content-Type": "multipart/form-data"}, + timeout: 60000 + }; + } else { + config = { + headers: {"Authorization": localStorage.getItem("userToken"), "Content-Type": "multipart/form-data"}, + timeout: 60000 + }; + } + if (typeof option !== "undefined") { + config.onUploadProgress = progressEvent => { + if (progressEvent.total > 0) { + progressEvent.percent = progressEvent.loaded / progressEvent.total * 100; + } + option.onProgress(progressEvent); + }; + } + + return new Promise((resolve, reject) => { + axios + .post(url, param, config) + .then(res => { + resolve(res.data); + }) + .catch(err => { + reject(err); + }); + }); + }, + + uploadQiniu(url, param) { + let config = { + headers: {"Content-Type": "multipart/form-data"}, + timeout: 60000 + }; + + return new Promise((resolve, reject) => { + axios + .post(url, param, config) + .then(res => { + resolve(res.data); + }) + .catch(err => { + reject(err); + }); + }); + } +} diff --git a/poetize-ui/src/utils/sakura.js b/poetize-ui/src/utils/sakura.js new file mode 100644 index 0000000..7ff8e4a --- /dev/null +++ b/poetize-ui/src/utils/sakura.js @@ -0,0 +1,132 @@ +var stop; +var img = new Image(); +img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUgAAAEwCAYAAADVZeifAAAACXBIWXMAAACYAAAAmAGiyIKYAAAHG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDFDMjQxQjYyNjIwNjgxMTgwODNEMjE2MDAzOTU1NDQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozNDVjOWViOC04NDc4LTFkNDctOGRjMi0yZDkyOGNhYTYxZWQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjAzN2ZiMGItNTU5Mi0xYjRkLWJjZGQtOWU4NGExMDJiMGM2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTA5VDE0OjQ5OjM3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0wOVQxNDo1MToyNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0wOVQxNDo1MToyNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyMjVlZWE3LTEyY2QtMTY0NC04ZDAzLWFjOTE2ZTAxZDQ1YyIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDoxRDIwNUFGNjZCRDlFNTExOUM5REMwMzg2RjlEQjFGNyIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYmMzNjIzMy1hOWNkLWNiNDQtODViYi0zZTgyMjEwYmIxMjYiIHN0RXZ0OndoZW49IjIwMTgtMDUtMDlUMTQ6NTE6MjUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjAzN2ZiMGItNTU5Mi0xYjRkLWJjZGQtOWU4NGExMDJiMGM2IiBzdEV2dDp3aGVuPSIyMDE4LTA1LTA5VDE0OjUxOjI1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2Vx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"; + +function Sakura(x, y, s, r, fn) { + this.x = x; + this.y = y; + this.s = s; + this.r = r; + this.fn = fn; +} + +Sakura.prototype.draw = function (cxt) { + cxt.save(); + cxt.translate(this.x, this.y); + cxt.rotate(this.r); + cxt.drawImage(img, 0, 0, 25 * this.s, 30 * this.s); + cxt.restore(); +} +Sakura.prototype.update = function () { + this.x = this.fn.x(this.x, this.y); + this.y = this.fn.y(this.y, this.y); + this.r = this.fn.r(this.r); + if (this.x > window.innerWidth || this.x < 0 || this.y > window.innerHeight || this.y < 0) { + this.r = getRandom('fnr'); + if (Math.random() > 0.4) { + this.x = getRandom('x'); + this.y = 0; + this.s = getRandom('s'); + this.r = getRandom('r'); + } else { + this.x = window.innerWidth; + this.y = getRandom('y'); + this.s = getRandom('s'); + this.r = getRandom('r'); + } + } +} +SakuraList = function () { + this.list = []; +} +SakuraList.prototype.push = function (sakura) { + this.list.push(sakura); +} +SakuraList.prototype.update = function () { + for (var i = 0, len = this.list.length; i < len; i++) { + this.list[i].update(); + } +} +SakuraList.prototype.draw = function (cxt) { + for (var i = 0, len = this.list.length; i < len; i++) { + this.list[i].draw(cxt); + } +} +SakuraList.prototype.get = function (i) { + return this.list[i]; +} +SakuraList.prototype.size = function () { + return this.list.length; +} + +function getRandom(option) { + var ret, random; + switch (option) { + case 'x': + ret = Math.random() * window.innerWidth; + break; + case 'y': + ret = Math.random() * window.innerHeight; + break; + case 's': + ret = Math.random(); + break; + case 'r': + ret = Math.random() * 6; + break; + case 'fnx': + random = -0.5 + Math.random(); + ret = function (x, y) { + return x + 0.5 * random - 1.7; + }; + break; + case 'fny': + random = 1.5 + Math.random() * 0.7 + ret = function (x, y) { + return y + random; + }; + break; + case 'fnr': + random = Math.random() * 0.03; + ret = function (r) { + return r + random; + }; + break; + } + return ret; +} + +function startSakura() { + requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame; + var canvas = document.createElement('canvas'), cxt; + canvas.height = window.innerHeight; + canvas.width = window.innerWidth; + canvas.setAttribute('style', 'position: fixed;left: 0;top: 0;pointer-events: none;'); + canvas.setAttribute('id', 'canvas_sakura'); + document.getElementsByTagName('body')[0].appendChild(canvas); + cxt = canvas.getContext("2d", {willReadFrequently: true}); + var sakuraList = new SakuraList(); + for (var i = 0; i < 50; i++) { + var sakura, randomX, randomY, randomS, randomR, randomFnx, randomFny, randomFnR; + randomX = getRandom('x'); + randomY = getRandom('y'); + randomR = getRandom('r'); + randomS = getRandom('s'); + randomFnx = getRandom('fnx'); + randomFny = getRandom('fny'); + randomFnR = getRandom('fnr'); + sakura = new Sakura(randomX, randomY, randomS, randomR, {x: randomFnx, y: randomFny, r: randomFnR}); + sakura.draw(cxt); + sakuraList.push(sakura); + } + stop = requestAnimationFrame(function () { + cxt.clearRect(0, 0, canvas.width, canvas.height); + sakuraList.update(); + sakuraList.draw(cxt); + stop = requestAnimationFrame(arguments.callee); + }) +} + +img.onload = function () { + startSakura(); +} diff --git a/poetize-ui/src/utils/title.js b/poetize-ui/src/utils/title.js new file mode 100644 index 0000000..06b35b6 --- /dev/null +++ b/poetize-ui/src/utils/title.js @@ -0,0 +1,6 @@ +let titleTime, OriginTitile = document.title; +document.addEventListener("visibilitychange", (function () { + document.hidden ? (document.title = "w(ﾟДﾟ)w 不要走！再看看嘛！", clearTimeout(titleTime)) : (document.title = "♪(^∇^*)欢迎肥来！", titleTime = setTimeout((function () { + document.title = OriginTitile + }), 2e3)) +})); diff --git a/poetize-ui/src/utils/twopeople.js b/poetize-ui/src/utils/twopeople.js new file mode 100644 index 0000000..7a80bcf --- /dev/null +++ b/poetize-ui/src/utils/twopeople.js @@ -0,0 +1,710 @@ +// + +// Made with Zdog +var BokehShape = Zdog.Shape.subclass({ + bokehSize: 5, + bokehLimit: 64 +}); +BokehShape.prototype.updateBokeh = function () { + // bokeh 0 -> 1 + this.bokeh = Math.abs(this.sortValue) / this.bokehLimit; + this.bokeh = Math.max(0, Math.min(1, this.bokeh)); + return this.bokeh; +}; +BokehShape.prototype.getLineWidth = function () { + return this.stroke + this.bokehSize * this.bokeh * this.bokeh; +}; +BokehShape.prototype.getBokehAlpha = function () { + var alpha = 1 - this.bokeh; + alpha *= alpha; + return alpha * 0.8 + 0.2; +}; +BokehShape.prototype.renderCanvasDot = function (ctx) { + this.updateBokeh(); + ctx.globalAlpha = this.getBokehAlpha(); // set opacity + Zdog.Shape.prototype.renderCanvasDot.apply(this, arguments); + ctx.globalAlpha = 1; // reset +}; +BokehShape.prototype.renderPath = function (ctx, renderer) { + this.updateBokeh(); + // set opacity + if (renderer.isCanvas) { + ctx.globalAlpha = this.getBokehAlpha(); + } + Zdog.Shape.prototype.renderPath.apply(this, arguments); + // reset opacity + if (renderer.isCanvas) { + ctx.globalAlpha = 1; + } +}; +var TAU = Zdog.TAU; + +function makeMadeline(isGood, colors, options) { + var rotor = new Zdog.Anchor(options); + var body = new Zdog.Group({ + addTo: rotor, + rotate: {x: -TAU / 8}, + translate: {z: -48}, + updateSort: true + }); + var head = new Zdog.Anchor({ + addTo: body, + translate: {y: -11, z: -2}, + rotate: {x: TAU / 8} + }); + // face + var face = new Zdog.Ellipse({ + diameter: 6, + addTo: head, + translate: {z: 4}, + stroke: 8, + color: colors.skin + }); + var eyeGroup = new Zdog.Group({ + addTo: face, + translate: {z: face.stroke / 2 - 0.5} + }); + // eyes + [-1, 1].forEach(function (xSide) { + // cheek blush + if (isGood) { + new Zdog.Ellipse({ + width: 2, + height: 1.3, + addTo: eyeGroup, + translate: {x: 4.5 * xSide, y: 3, z: -1}, + rotate: {y: -TAU / 16 * xSide}, + stroke: 1, + color: '#FA8', + fill: true + }); + } + var eyeX = 3.5 * xSide; + // eye + new Zdog.Ellipse({ + width: 0.75, + height: 1.5, + addTo: eyeGroup, + color: colors.eye, + translate: {x: eyeX}, + stroke: 2, + fill: true + }); + // eye brow + new Zdog.Ellipse({ + addTo: eyeGroup, + height: 3, + width: 1.2, + quarters: 2, + translate: {x: eyeX, y: -3}, + rotate: {z: -TAU / 4 + 0.15 * xSide * (isGood ? 1 : -1)}, + color: colors.hair, + stroke: 1, + fill: false, + closed: true + }); + }); + // hair ball + new Zdog.Shape({ + path: [ + {x: -1}, + {x: 1}, + {z: -4}], + addTo: head, + translate: {y: -4, z: -1}, + stroke: 18, + color: colors.hair + }); + var bang = new Zdog.Shape({ + path: [ + {}, + { + arc: [ + {z: 4, y: 4}, + {z: 0, y: 8}] + }], + addTo: head, + translate: {x: 2, y: -7.5, z: 6}, + rotate: {x: 0.5, z: -0.5}, + stroke: 4, + color: colors.hair, + closed: false + }); + bang.copy({ + translate: {x: 5, y: -6, z: 5}, + rotate: {x: -0.3, z: -0.5} + }); + bang.copy({ + translate: {x: 5, y: -6, z: 3}, + rotate: {y: -0.7, z: -1} + }); + // left side + bang.copy({ + translate: {x: -2, y: -7.5, z: 6}, + rotate: {x: 0, z: TAU / 16 * 6} + }); + bang.copy({ + translate: {x: -5, y: -6, z: 5}, + rotate: {x: 0, z: TAU / 4} + }); + bang.copy({ + translate: {x: -5, y: -6, z: 3}, + rotate: {y: 0.7, z: 1} + }); + // hair cover + new Zdog.Shape({ + path: [ + {x: -3}, + {x: 3}], + addTo: head, + stroke: 7, + translate: {y: -8, z: 5}, + color: colors.hair + }); + // trail locks + var trailLock = new Zdog.Shape({ + path: [ + {y: -4, z: 0}, + { + bezier: [ + {y: -10, z: -14}, + {y: 0, z: -16}, + {y: 0, z: -26}] + }], + addTo: head, + translate: {z: -4, y: 0}, + stroke: 10, + color: colors.hair, + closed: false + }); + trailLock.copy({ + translate: {x: -3, z: -4}, + rotate: {z: -TAU / 8}, + stroke: 8 + }); + trailLock.copy({ + translate: {x: 3, z: -4}, + rotate: {z: TAU / 8}, + stroke: 8 + }); + trailLock.copy({ + translate: {y: 2}, + // rotate: { z: TAU/2 }, + scale: {y: 0.5}, + stroke: 8 + }); + // ----- torso ----- // + + // 2nd rib + var torsoRib = new Zdog.Ellipse({ + width: 12, + height: 10, + addTo: body, + rotate: {x: -TAU / 4}, + translate: {y: -1}, + stroke: 6, + color: colors.parkaLight, + fill: true + }); + + // neck rib + torsoRib.copy({ + width: 6, + height: 6, + translate: {y: -5} + }); + + // 3rd rib + torsoRib.copy({ + translate: {y: 3} + }); + + // 4th rib + torsoRib.copy({ + translate: {y: 7}, + color: colors.parkaDark + }); + + // waist + new Zdog.Ellipse({ + width: 10, + height: 8, + addTo: body, + rotate: {x: -TAU / 4}, + translate: {y: 11}, + stroke: 4, + color: colors.tight, + fill: true + }); + + + // arms + [-1, 1].forEach(function (xSide) { + var isLeft = xSide == 1; + // shoulder ball + new Zdog.Shape({ + addTo: body, + stroke: 6, + translate: {x: 6 * xSide, y: -5, z: -1}, + color: colors.parkaLight + }); + + + var shoulderJoint = new Zdog.Anchor({ + addTo: body, + translate: {x: 9 * xSide, y: -3, z: -2}, + rotate: isLeft ? {x: TAU / 8 * 3, z: -TAU / 32} : {z: TAU / 16 * 2, x: -TAU / 16 * 2} + }); + + + // top shoulder rib + var armRib = new Zdog.Ellipse({ + diameter: 2, + rotate: {x: -TAU / 4}, + addTo: shoulderJoint, + translate: {x: 0 * xSide}, + stroke: 6, + color: colors.parkaLight, + fill: true + }); + + armRib.copy({ + translate: {y: 4} + }); + + + var elbowJoint = new Zdog.Anchor({ + addTo: shoulderJoint, + translate: {y: 8}, + rotate: isLeft ? {} : {z: TAU / 8} + }); + + + armRib.copy({ + addTo: elbowJoint, + translate: {x: 0, y: 0} + }); + + armRib.copy({ + addTo: elbowJoint, + translate: {y: 4}, + color: colors.parkaDark + }); + + + // hand + new Zdog.Shape({ + addTo: elbowJoint, + translate: {y: 9, z: -1}, + stroke: 8, + color: colors.skin + }); + + + // ----- legs ----- // + var knee = {y: 7}; + var thigh = new Zdog.Shape({ + path: [{y: 0}, knee], + addTo: body, + translate: {x: 4 * xSide, y: 13}, + rotate: isLeft ? {} : {x: TAU / 16 * 3, z: TAU / 16}, + stroke: 8, + color: colors.tight + }); + + + var shin = new Zdog.Shape({ + path: [{y: 0}, {y: 8}], + addTo: thigh, + stroke: 6, + translate: knee, + rotate: isLeft ? {} : {x: -TAU / 16 * 5}, + color: colors.tight + }); + + + }); + + // butt + new Zdog.Shape({ + path: [ + {x: -3}, + {x: 3}], + + visible: false, + addTo: body, + translate: {y: 11, z: -2}, + stroke: 8, + color: colors.tight + }); + + +} + +window.makeBird = function (options) { + + var spin = options.spin || 0; + + var arrow = new Zdog.Anchor({ + addTo: options.addTo, + scale: 2 / 3, + rotate: {z: spin} + }); + + + var bird = new Zdog.Group({ + addTo: arrow, + translate: {x: 87}, + rotate: {x: -spin} + }); + + + // bird body + new Zdog.Shape({ + path: [ + {x: -3, y: 0}, + { + arc: [ + {x: -2, y: 1.5}, + {x: 0, y: 1.5}] + }, + + { + arc: [ + {x: 2, y: 1.5}, + {x: 2, y: 0}] + }], + + + addTo: bird, + translate: {x: 0.5}, + stroke: 3, + color: options.color, + fill: true + }); + + + // bird head + new Zdog.Shape({ + translate: {x: 4, y: -1}, + addTo: bird, + stroke: 4, + color: options.color + }); + + + // beak + new Zdog.Shape({ + path: [ + {x: 0, y: -1}, + {x: 3, y: 0}, + {x: 0, y: 1}], + + addTo: bird, + translate: {x: 5, y: -1}, + stroke: 1, + color: options.color, + fill: true + }); + + + // tail feather + new Zdog.Shape({ + path: [ + {x: -3, z: -2}, + {x: 0, z: 0}, + {x: -3, z: 2}], + + addTo: bird, + translate: {x: -4, y: 0}, + stroke: 2, + color: options.color, + fill: true + }); + + + var wing = new Zdog.Shape({ + path: [ + {x: 3, y: 0}, + {x: -1, y: -9}, + { + arc: [ + {x: -5, y: -4}, + {x: -3, y: 0}] + }], + + + addTo: bird, + translate: {z: -1.5}, + rotate: {x: TAU / 8}, + stroke: 1, + color: options.color, + fill: true + }); + + + wing.copy({ + translate: {z: 1.5}, + scale: {z: -1}, + rotate: {x: -TAU / 8} + }); + + +}; + +// -------------------------- demo -------------------------- // + +var illoElem = document.querySelector('.illo'); +var w = 160; +var h = 160; +var minWindowSize = Math.min(window.innerWidth, window.innerHeight); +var zoom = Math.min(5, Math.floor(minWindowSize / w)); +illoElem.setAttribute('width', w * zoom); +illoElem.setAttribute('height', h * zoom); + +var isSpinning = true; +var TAU = Zdog.TAU; + +var illo = new Zdog.Illustration({ + element: illoElem, + zoom: zoom, + rotate: {y: -TAU / 4}, + dragRotate: true, + onDragStart: function () { + isSpinning = false; + } +}); + + +var madColor = { + skin: '#FD9', + hair: '#D53', + parkaLight: '#67F', + parkaDark: '#35D', + tight: '#742', + eye: '#333' +}; + +var badColor = { + skin: '#EBC', + hair: '#D4B', + parkaLight: '#85A', + parkaDark: '#527', + tight: '#412', + eye: '#D02' +}; + + +var glow = 'hsla(60, 100%, 80%, 0.3)'; +var featherGold = '#FE5'; + +// -- illustration shapes --- // + +makeMadeline(true, madColor, { + addTo: illo +}); + +makeMadeline(false, badColor, { + addTo: illo, + rotate: {y: TAU / 2} +}); + + +// ----- feather ----- // + +var feather = new Zdog.Group({ + addTo: illo, + rotate: {y: -TAU / 4} +}); + + +(function () { + + var featherPartCount = 8; + var radius = 12; + var angleX = TAU / featherPartCount / 2; + var sector = TAU * radius / 2 / featherPartCount; + + for (var i = 0; i < featherPartCount; i++) { + var curve = Math.cos(i / featherPartCount * TAU * 3 / 4 + TAU * 1 / 4); + var x = 4 - curve * 2; + var y0 = sector / 2; + // var y2 = -sector/2; + var isLast = i == featherPartCount - 1; + var y3 = isLast ? sector * -1 : -y0; + var z1 = -radius + 2 + curve * -1.5; + var z2 = isLast ? -radius : -radius; + var barb = new Zdog.Shape({ + path: [ + {x: 0, y: y0, z: -radius}, + {x: x, y: -sector / 2, z: z1}, + {x: x, y: -sector * 3 / 4, z: z1}, + {x: 0, y: y3, z: z2}], + + addTo: feather, + rotate: {x: angleX * -i + TAU / 8}, + stroke: 1, + color: featherGold, + fill: true + }); + + barb.copy({ + scale: {x: -1} + }); + + } + + // rachis + var rachis = new Zdog.Ellipse({ + addTo: feather, + diameter: radius * 2, + quarters: 2, + rotate: {y: -TAU / 4}, + stroke: 2, + color: featherGold + }); + + rachis.copy({ + stroke: 8, + color: glow, + rotate: {y: -TAU / 4, x: -0.5} + }); + +})(); + +// ----- rods ----- // + +(function () { + + var rodCount = 14; + for (var i = 0; i < rodCount; i++) { + var zRotor = new Zdog.Anchor({ + addTo: illo, + rotate: {z: TAU / rodCount * i} + }); + + + var y0 = 32; + var y1 = y0 + 2 + Math.random() * 24; + new BokehShape({ + path: [ + {y: y0}, + {y: y1}], + + addTo: zRotor, + rotate: {x: (Math.random() * 2 - 1) * TAU / 8}, + color: madColor.skin, + stroke: 1, + bokehSize: 6, + bokehLimit: 70 + }); + + } + +})(); + +// dots + +(function () { + var dotCount = 64; + + for (var i = 0; i < dotCount; i++) { + var yRotor = new Zdog.Anchor({ + addTo: illo, + rotate: {y: TAU / dotCount * i} + }); + + + new BokehShape({ + path: [ + {z: 40 * (1 - Math.random() * Math.random()) + 32}], + + addTo: yRotor, + rotate: {x: (Math.random() * 2 - 1) * TAU * 3 / 16}, + color: badColor.skin, + stroke: 1 + Math.random(), + bokehSize: 6, + bokehLimit: 74 + }); + + } + +})(); + +// ----- birds ----- // + +var birdRotor = new Zdog.Anchor({ + addTo: illo, + rotate: {y: TAU * -1 / 8} +}); + + +makeBird({ + addTo: birdRotor, + color: madColor.parkaLight, + spin: TAU / 2 +}); + + +makeBird({ + addTo: birdRotor, + color: featherGold, + spin: -TAU * 3 / 8 +}); + + +makeBird({ + addTo: birdRotor, + color: 'white', + spin: -TAU / 4 +}); + + +makeBird({ + addTo: birdRotor, + color: madColor.hair, + spin: -TAU / 8 +}); + + +makeBird({ + addTo: birdRotor, + color: madColor.parkaDark, + spin: TAU / 8 +}); + + +// -- animate --- // + +var isSpinning = true; +var rotateSpeed = -TAU / 60; +var xClock = 0; +var then = new Date() - 1 / 60; + +function animate() { + update(); + illo.renderGraph(); + requestAnimationFrame(animate); +} + +animate(); + +// -- update -- // + +function update() { + var now = new Date(); + var delta = now - then; + // auto rotate + if (isSpinning) { + var theta = rotateSpeed / 60 * delta * -1; + illo.rotate.y += theta; + xClock += theta / 4; + illo.rotate.x = Math.sin(xClock) * TAU / 12; + } + + illo.updateGraph(); + + then = now; +} + +//# sourceURL=pen.js diff --git a/poetize-ui/src/utils/zdog.js b/poetize-ui/src/utils/zdog.js new file mode 100644 index 0000000..a79cecd --- /dev/null +++ b/poetize-ui/src/utils/zdog.js @@ -0,0 +1,2236 @@ +/*! + * Zdog v1.1.1 + * Round, flat, designer-friendly pseudo-3D engine + * Licensed MIT + * https://zzz.dog + * Copyright 2019 Metafizzy + */ + +/** + * Boilerplate & utils + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(); + } else { + // browser global + root.Zdog = factory(); + } +}(this, function factory() { + + var Zdog = {}; + + Zdog.TAU = Math.PI * 2; + + Zdog.extend = function (a, b) { + for (var prop in b) { + a[prop] = b[prop]; + } + return a; + }; + + Zdog.lerp = function (a, b, alpha) { + return (b - a) * alpha + a; + }; + + Zdog.modulo = function (num, div) { + return ((num % div) + div) % div; + }; + + var powerMultipliers = { + 2: function (a) { + return a * a; + }, + 3: function (a) { + return a * a * a; + }, + 4: function (a) { + return a * a * a * a; + }, + 5: function (a) { + return a * a * a * a * a; + }, + }; + + Zdog.easeInOut = function (alpha, power) { + if (power == 1) { + return alpha; + } + alpha = Math.max(0, Math.min(1, alpha)); + var isFirstHalf = alpha < 0.5; + var slope = isFirstHalf ? alpha : 1 - alpha; + slope /= 0.5; + // make easing steeper with more multiples + var powerMultiplier = powerMultipliers[power] || powerMultipliers[2]; + var curve = powerMultiplier(slope); + curve /= 2; + return isFirstHalf ? curve : 1 - curve; + }; + + return Zdog; + +})); +/** + * CanvasRenderer + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(); + } else { + // browser global + root.Zdog.CanvasRenderer = factory(); + } +}(this, function factory() { + + var CanvasRenderer = {isCanvas: true}; + + CanvasRenderer.begin = function (ctx) { + ctx.beginPath(); + }; + + CanvasRenderer.move = function (ctx, elem, point) { + ctx.moveTo(point.x, point.y); + }; + + CanvasRenderer.line = function (ctx, elem, point) { + ctx.lineTo(point.x, point.y); + }; + + CanvasRenderer.bezier = function (ctx, elem, cp0, cp1, end) { + ctx.bezierCurveTo(cp0.x, cp0.y, cp1.x, cp1.y, end.x, end.y); + }; + + CanvasRenderer.closePath = function (ctx) { + ctx.closePath(); + }; + + CanvasRenderer.setPath = function () { + }; + + CanvasRenderer.renderPath = function (ctx, elem, pathCommands, isClosed) { + this.begin(ctx, elem); + pathCommands.forEach(function (command) { + command.render(ctx, elem, CanvasRenderer); + }); + if (isClosed) { + this.closePath(ctx, elem); + } + }; + + CanvasRenderer.stroke = function (ctx, elem, isStroke, color, lineWidth) { + if (!isStroke) { + return; + } + ctx.strokeStyle = color; + ctx.lineWidth = lineWidth; + ctx.stroke(); + }; + + CanvasRenderer.fill = function (ctx, elem, isFill, color) { + if (!isFill) { + return; + } + ctx.fillStyle = color; + ctx.fill(); + }; + + CanvasRenderer.end = function () { + }; + + return CanvasRenderer; + +})); +/** + * SvgRenderer + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(); + } else { + // browser global + root.Zdog.SvgRenderer = factory(); + } +}(this, function factory() { + + var SvgRenderer = {isSvg: true}; + +// round path coordinates to 3 decimals + var round = SvgRenderer.round = function (num) { + return Math.round(num * 1000) / 1000; + }; + + function getPointString(point) { + return round(point.x) + ',' + round(point.y) + ' '; + } + + SvgRenderer.begin = function () { + }; + + SvgRenderer.move = function (svg, elem, point) { + return 'M' + getPointString(point); + }; + + SvgRenderer.line = function (svg, elem, point) { + return 'L' + getPointString(point); + }; + + SvgRenderer.bezier = function (svg, elem, cp0, cp1, end) { + return 'C' + getPointString(cp0) + getPointString(cp1) + + getPointString(end); + }; + + SvgRenderer.closePath = function (/* elem */) { + return 'Z'; + }; + + SvgRenderer.setPath = function (svg, elem, pathValue) { + elem.setAttribute('d', pathValue); + }; + + SvgRenderer.renderPath = function (svg, elem, pathCommands, isClosed) { + var pathValue = ''; + pathCommands.forEach(function (command) { + pathValue += command.render(svg, elem, SvgRenderer); + }); + if (isClosed) { + pathValue += this.closePath(svg, elem); + } + this.setPath(svg, elem, pathValue); + }; + + SvgRenderer.stroke = function (svg, elem, isStroke, color, lineWidth) { + if (!isStroke) { + return; + } + elem.setAttribute('stroke', color); + elem.setAttribute('stroke-width', lineWidth); + }; + + SvgRenderer.fill = function (svg, elem, isFill, color) { + var fillColor = isFill ? color : 'none'; + elem.setAttribute('fill', fillColor); + }; + + SvgRenderer.end = function (svg, elem) { + svg.appendChild(elem); + }; + + return SvgRenderer; + +})); +/** + * Vector + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Vector = factory(Zdog); + } + +}(this, function factory(utils) { + + function Vector(position) { + this.set(position); + } + + var TAU = utils.TAU; + +// 'pos' = 'position' + Vector.prototype.set = function (pos) { + this.x = pos && pos.x || 0; + this.y = pos && pos.y || 0; + this.z = pos && pos.z || 0; + return this; + }; + +// set coordinates without sanitizing +// vec.write({ y: 2 }) only sets y coord + Vector.prototype.write = function (pos) { + if (!pos) { + return this; + } + this.x = pos.x != undefined ? pos.x : this.x; + this.y = pos.y != undefined ? pos.y : this.y; + this.z = pos.z != undefined ? pos.z : this.z; + return this; + }; + + Vector.prototype.rotate = function (rotation) { + if (!rotation) { + return; + } + this.rotateZ(rotation.z); + this.rotateY(rotation.y); + this.rotateX(rotation.x); + return this; + }; + + Vector.prototype.rotateZ = function (angle) { + rotateProperty(this, angle, 'x', 'y'); + }; + + Vector.prototype.rotateX = function (angle) { + rotateProperty(this, angle, 'y', 'z'); + }; + + Vector.prototype.rotateY = function (angle) { + rotateProperty(this, angle, 'x', 'z'); + }; + + function rotateProperty(vec, angle, propA, propB) { + if (!angle || angle % TAU === 0) { + return; + } + var cos = Math.cos(angle); + var sin = Math.sin(angle); + var a = vec[propA]; + var b = vec[propB]; + vec[propA] = a * cos - b * sin; + vec[propB] = b * cos + a * sin; + } + + Vector.prototype.isSame = function (pos) { + if (!pos) { + return false; + } + return this.x === pos.x && this.y === pos.y && this.z === pos.z; + }; + + Vector.prototype.add = function (pos) { + if (!pos) { + return this; + } + this.x += pos.x || 0; + this.y += pos.y || 0; + this.z += pos.z || 0; + return this; + }; + + Vector.prototype.subtract = function (pos) { + if (!pos) { + return this; + } + this.x -= pos.x || 0; + this.y -= pos.y || 0; + this.z -= pos.z || 0; + return this; + }; + + Vector.prototype.multiply = function (pos) { + if (pos == undefined) { + return this; + } + // multiple all values by same number + if (typeof pos == 'number') { + this.x *= pos; + this.y *= pos; + this.z *= pos; + } else { + // multiply object + this.x *= pos.x != undefined ? pos.x : 1; + this.y *= pos.y != undefined ? pos.y : 1; + this.z *= pos.z != undefined ? pos.z : 1; + } + return this; + }; + + Vector.prototype.transform = function (translation, rotation, scale) { + this.multiply(scale); + this.rotate(rotation); + this.add(translation); + return this; + }; + + Vector.prototype.lerp = function (pos, alpha) { + this.x = utils.lerp(this.x, pos.x || 0, alpha); + this.y = utils.lerp(this.y, pos.y || 0, alpha); + this.z = utils.lerp(this.z, pos.z || 0, alpha); + return this; + }; + + Vector.prototype.magnitude = function () { + var sum = this.x * this.x + this.y * this.y + this.z * this.z; + return getMagnitudeSqrt(sum); + }; + + function getMagnitudeSqrt(sum) { + // PERF: check if sum ~= 1 and skip sqrt + if (Math.abs(sum - 1) < 0.00000001) { + return 1; + } + return Math.sqrt(sum); + } + + Vector.prototype.magnitude2d = function () { + var sum = this.x * this.x + this.y * this.y; + return getMagnitudeSqrt(sum); + }; + + Vector.prototype.copy = function () { + return new Vector(this); + }; + + return Vector; + +})); +/** + * Anchor + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), require('./vector'), + require('./canvas-renderer'), require('./svg-renderer')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Anchor = factory(Zdog, Zdog.Vector, Zdog.CanvasRenderer, + Zdog.SvgRenderer); + } +}(this, function factory(utils, Vector, CanvasRenderer, SvgRenderer) { + + var TAU = utils.TAU; + var onePoint = {x: 1, y: 1, z: 1}; + + function Anchor(options) { + this.create(options || {}); + } + + Anchor.prototype.create = function (options) { + this.children = []; + // set defaults & options + utils.extend(this, this.constructor.defaults); + this.setOptions(options); + + // transform + this.translate = new Vector(options.translate); + this.rotate = new Vector(options.rotate); + this.scale = new Vector(onePoint).multiply(this.scale); + // origin + this.origin = new Vector(); + this.renderOrigin = new Vector(); + + if (this.addTo) { + this.addTo.addChild(this); + } + }; + + Anchor.defaults = {}; + + Anchor.optionKeys = Object.keys(Anchor.defaults).concat([ + 'rotate', + 'translate', + 'scale', + 'addTo', + ]); + + Anchor.prototype.setOptions = function (options) { + var optionKeys = this.constructor.optionKeys; + + for (var key in options) { + if (optionKeys.indexOf(key) != -1) { + this[key] = options[key]; + } + } + }; + + Anchor.prototype.addChild = function (shape) { + if (this.children.indexOf(shape) != -1) { + return; + } + shape.remove(); // remove previous parent + shape.addTo = this; // keep parent reference + this.children.push(shape); + }; + + Anchor.prototype.removeChild = function (shape) { + var index = this.children.indexOf(shape); + if (index != -1) { + this.children.splice(index, 1); + } + }; + + Anchor.prototype.remove = function () { + if (this.addTo) { + this.addTo.removeChild(this); + } + }; + +// ----- update ----- // + + Anchor.prototype.update = function () { + // update self + this.reset(); + // update children + this.children.forEach(function (child) { + child.update(); + }); + this.transform(this.translate, this.rotate, this.scale); + }; + + Anchor.prototype.reset = function () { + this.renderOrigin.set(this.origin); + }; + + Anchor.prototype.transform = function (translation, rotation, scale) { + this.renderOrigin.transform(translation, rotation, scale); + // transform children + this.children.forEach(function (child) { + child.transform(translation, rotation, scale); + }); + }; + + Anchor.prototype.updateGraph = function () { + this.update(); + this.updateFlatGraph(); + this.flatGraph.forEach(function (item) { + item.updateSortValue(); + }); + // z-sort + this.flatGraph.sort(Anchor.shapeSorter); + }; + + Anchor.shapeSorter = function (a, b) { + return a.sortValue - b.sortValue; + }; + +// custom getter to check for flatGraph before using it + Object.defineProperty(Anchor.prototype, 'flatGraph', { + get: function () { + if (!this._flatGraph) { + this.updateFlatGraph(); + } + return this._flatGraph; + }, + set: function (graph) { + this._flatGraph = graph; + }, + }); + + Anchor.prototype.updateFlatGraph = function () { + this.flatGraph = this.getFlatGraph(); + }; + +// return Array of self & all child graph items + Anchor.prototype.getFlatGraph = function () { + var flatGraph = [this]; + return this.addChildFlatGraph(flatGraph); + }; + + Anchor.prototype.addChildFlatGraph = function (flatGraph) { + this.children.forEach(function (child) { + var childFlatGraph = child.getFlatGraph(); + Array.prototype.push.apply(flatGraph, childFlatGraph); + }); + return flatGraph; + }; + + Anchor.prototype.updateSortValue = function () { + this.sortValue = this.renderOrigin.z; + }; + +// ----- render ----- // + + Anchor.prototype.render = function () { + }; + +// TODO refactor out CanvasRenderer so its not a dependency within anchor.js + Anchor.prototype.renderGraphCanvas = function (ctx) { + if (!ctx) { + throw new Error('ctx is ' + ctx + '. ' + + 'Canvas context required for render. Check .renderGraphCanvas( ctx ).'); + } + this.flatGraph.forEach(function (item) { + item.render(ctx, CanvasRenderer); + }); + }; + + Anchor.prototype.renderGraphSvg = function (svg) { + if (!svg) { + throw new Error('svg is ' + svg + '. ' + + 'SVG required for render. Check .renderGraphSvg( svg ).'); + } + this.flatGraph.forEach(function (item) { + item.render(svg, SvgRenderer); + }); + }; + +// ----- misc ----- // + + Anchor.prototype.copy = function (options) { + // copy options + var itemOptions = {}; + var optionKeys = this.constructor.optionKeys; + optionKeys.forEach(function (key) { + itemOptions[key] = this[key]; + }, this); + // add set options + utils.extend(itemOptions, options); + var ItemClass = this.constructor; + return new ItemClass(itemOptions); + }; + + Anchor.prototype.copyGraph = function (options) { + var clone = this.copy(options); + this.children.forEach(function (child) { + child.copyGraph({ + addTo: clone, + }); + }); + return clone; + }; + + Anchor.prototype.normalizeRotate = function () { + this.rotate.x = utils.modulo(this.rotate.x, TAU); + this.rotate.y = utils.modulo(this.rotate.y, TAU); + this.rotate.z = utils.modulo(this.rotate.z, TAU); + }; + +// ----- subclass ----- // + + function getSubclass(Super) { + return function (defaults) { + // create constructor + function Item(options) { + this.create(options || {}); + } + + Item.prototype = Object.create(Super.prototype); + Item.prototype.constructor = Item; + + Item.defaults = utils.extend({}, Super.defaults); + utils.extend(Item.defaults, defaults); + // create optionKeys + Item.optionKeys = Super.optionKeys.slice(0); + // add defaults keys to optionKeys, dedupe + Object.keys(Item.defaults).forEach(function (key) { + if (!Item.optionKeys.indexOf(key) != 1) { + Item.optionKeys.push(key); + } + }); + + Item.subclass = getSubclass(Item); + + return Item; + }; + } + + Anchor.subclass = getSubclass(Anchor); + + return Anchor; + +})); +/** + * Dragger + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(); + } else { + // browser global + root.Zdog.Dragger = factory(); + } +}(this, function factory() { + +// quick & dirty drag event stuff +// messes up if multiple pointers/touches + +// check for browser window #85 + var hasWindow = typeof window != 'undefined'; +// event support, default to mouse events + var downEvent = 'mousedown'; + var moveEvent = 'mousemove'; + var upEvent = 'mouseup'; + if (hasWindow) { + if (window.PointerEvent) { + // PointerEvent, Chrome + downEvent = 'pointerdown'; + moveEvent = 'pointermove'; + upEvent = 'pointerup'; + } else if ('ontouchstart' in window) { + // Touch Events, iOS Safari + downEvent = 'touchstart'; + moveEvent = 'touchmove'; + upEvent = 'touchend'; + } + } + + function noop() { + } + + function Dragger(options) { + this.create(options || {}); + } + + Dragger.prototype.create = function (options) { + this.onDragStart = options.onDragStart || noop; + this.onDragMove = options.onDragMove || noop; + this.onDragEnd = options.onDragEnd || noop; + + this.bindDrag(options.startElement); + }; + + Dragger.prototype.bindDrag = function (element) { + element = this.getQueryElement(element); + if (!element) { + return; + } + // disable browser gestures #53 + element.style.touchAction = 'none'; + element.addEventListener(downEvent, this); + }; + + Dragger.prototype.getQueryElement = function (element) { + if (typeof element == 'string') { + // with string, query selector + element = document.querySelector(element); + } + return element; + }; + + Dragger.prototype.handleEvent = function (event) { + var method = this['on' + event.type]; + if (method) { + method.call(this, event); + } + }; + + Dragger.prototype.onmousedown = + Dragger.prototype.onpointerdown = function (event) { + this.dragStart(event, event); + }; + + Dragger.prototype.ontouchstart = function (event) { + this.dragStart(event, event.changedTouches[0]); + }; + + Dragger.prototype.dragStart = function (event, pointer) { + event.preventDefault(); + this.dragStartX = pointer.pageX; + this.dragStartY = pointer.pageY; + if (hasWindow) { + window.addEventListener(moveEvent, this); + window.addEventListener(upEvent, this); + } + this.onDragStart(pointer); + }; + + Dragger.prototype.ontouchmove = function (event) { + // HACK, moved touch may not be first + this.dragMove(event, event.changedTouches[0]); + }; + + Dragger.prototype.onmousemove = + Dragger.prototype.onpointermove = function (event) { + this.dragMove(event, event); + }; + + Dragger.prototype.dragMove = function (event, pointer) { + event.preventDefault(); + var moveX = pointer.pageX - this.dragStartX; + var moveY = pointer.pageY - this.dragStartY; + this.onDragMove(pointer, moveX, moveY); + }; + + Dragger.prototype.onmouseup = + Dragger.prototype.onpointerup = + Dragger.prototype.ontouchend = + Dragger.prototype.dragEnd = function (/* event */) { + window.removeEventListener(moveEvent, this); + window.removeEventListener(upEvent, this); + this.onDragEnd(); + }; + + return Dragger; + +})); +/** + * Illustration + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), require('./anchor'), + require('./dragger')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Illustration = factory(Zdog, Zdog.Anchor, Zdog.Dragger); + } +}(this, function factory(utils, Anchor, Dragger) { + + function noop() { + } + + var TAU = utils.TAU; + + var Illustration = Anchor.subclass({ + element: undefined, + centered: true, + zoom: 1, + dragRotate: false, + resize: false, + onPrerender: noop, + onDragStart: noop, + onDragMove: noop, + onDragEnd: noop, + onResize: noop, + }); + + utils.extend(Illustration.prototype, Dragger.prototype); + + Illustration.prototype.create = function (options) { + Anchor.prototype.create.call(this, options); + Dragger.prototype.create.call(this, options); + this.setElement(this.element); + this.setDragRotate(this.dragRotate); + this.setResize(this.resize); + }; + + Illustration.prototype.setElement = function (element) { + element = this.getQueryElement(element); + if (!element) { + throw new Error('Zdog.Illustration element required. Set to ' + element); + } + + var nodeName = element.nodeName.toLowerCase(); + if (nodeName == 'canvas') { + this.setCanvas(element); + } else if (nodeName == 'svg') { + this.setSvg(element); + } + }; + + Illustration.prototype.setSize = function (width, height) { + width = Math.round(width); + height = Math.round(height); + if (this.isCanvas) { + this.setSizeCanvas(width, height); + } else if (this.isSvg) { + this.setSizeSvg(width, height); + } + }; + + Illustration.prototype.setResize = function (resize) { + this.resize = resize; + // create resize event listener + if (!this.resizeListener) { + this.resizeListener = this.onWindowResize.bind(this); + } + // add/remove event listener + if (resize) { + window.addEventListener('resize', this.resizeListener); + this.onWindowResize(); + } else { + window.removeEventListener('resize', this.resizeListener); + } + }; + +// TODO debounce this? + Illustration.prototype.onWindowResize = function () { + this.setMeasuredSize(); + this.onResize(this.width, this.height); + }; + + Illustration.prototype.setMeasuredSize = function () { + var width, height; + var isFullscreen = this.resize == 'fullscreen'; + if (isFullscreen) { + width = window.innerWidth; + height = window.innerHeight; + } else { + var rect = this.element.getBoundingClientRect(); + width = rect.width; + height = rect.height; + } + this.setSize(width, height); + }; + +// ----- render ----- // + + Illustration.prototype.renderGraph = function (item) { + if (this.isCanvas) { + this.renderGraphCanvas(item); + } else if (this.isSvg) { + this.renderGraphSvg(item); + } + }; + +// combo method + Illustration.prototype.updateRenderGraph = function (item) { + this.updateGraph(); + this.renderGraph(item); + }; + +// ----- canvas ----- // + + Illustration.prototype.setCanvas = function (element) { + this.element = element; + this.isCanvas = true; + // update related properties + this.ctx = this.element.getContext('2d'); + // set initial size + this.setSizeCanvas(element.width, element.height); + }; + + Illustration.prototype.setSizeCanvas = function (width, height) { + this.width = width; + this.height = height; + // up-rez for hi-DPI devices + var pixelRatio = this.pixelRatio = window.devicePixelRatio || 1; + this.element.width = this.canvasWidth = width * pixelRatio; + this.element.height = this.canvasHeight = height * pixelRatio; + var needsHighPixelRatioSizing = pixelRatio > 1 && !this.resize; + if (needsHighPixelRatioSizing) { + this.element.style.width = width + 'px'; + this.element.style.height = height + 'px'; + } + }; + + Illustration.prototype.renderGraphCanvas = function (item) { + item = item || this; + this.prerenderCanvas(); + Anchor.prototype.renderGraphCanvas.call(item, this.ctx); + this.postrenderCanvas(); + }; + + Illustration.prototype.prerenderCanvas = function () { + var ctx = this.ctx; + ctx.lineCap = 'round'; + ctx.lineJoin = 'round'; + ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight); + ctx.save(); + if (this.centered) { + var centerX = this.width / 2 * this.pixelRatio; + var centerY = this.height / 2 * this.pixelRatio; + ctx.translate(centerX, centerY); + } + var scale = this.pixelRatio * this.zoom; + ctx.scale(scale, scale); + this.onPrerender(ctx); + }; + + Illustration.prototype.postrenderCanvas = function () { + this.ctx.restore(); + }; + +// ----- svg ----- // + + Illustration.prototype.setSvg = function (element) { + this.element = element; + this.isSvg = true; + this.pixelRatio = 1; + // set initial size from width & height attributes + var width = element.getAttribute('width'); + var height = element.getAttribute('height'); + this.setSizeSvg(width, height); + }; + + Illustration.prototype.setSizeSvg = function (width, height) { + this.width = width; + this.height = height; + var viewWidth = width / this.zoom; + var viewHeight = height / this.zoom; + var viewX = this.centered ? -viewWidth / 2 : 0; + var viewY = this.centered ? -viewHeight / 2 : 0; + this.element.setAttribute('viewBox', viewX + ' ' + viewY + ' ' + + viewWidth + ' ' + viewHeight); + if (this.resize) { + // remove size attributes, let size be determined by viewbox + this.element.removeAttribute('width'); + this.element.removeAttribute('height'); + } else { + this.element.setAttribute('width', width); + this.element.setAttribute('height', height); + } + }; + + Illustration.prototype.renderGraphSvg = function (item) { + item = item || this; + empty(this.element); + this.onPrerender(this.element); + Anchor.prototype.renderGraphSvg.call(item, this.element); + }; + + function empty(element) { + while (element.firstChild) { + element.removeChild(element.firstChild); + } + } + +// ----- drag ----- // + + Illustration.prototype.setDragRotate = function (item) { + if (!item) { + return; + } else if (item === true) { + /* eslint consistent-this: "off" */ + item = this; + } + this.dragRotate = item; + + this.bindDrag(this.element); + }; + + Illustration.prototype.dragStart = function (/* event, pointer */) { + this.dragStartRX = this.dragRotate.rotate.x; + this.dragStartRY = this.dragRotate.rotate.y; + Dragger.prototype.dragStart.apply(this, arguments); + }; + + Illustration.prototype.dragMove = function (event, pointer) { + var moveX = pointer.pageX - this.dragStartX; + var moveY = pointer.pageY - this.dragStartY; + var displaySize = Math.min(this.width, this.height); + var moveRY = moveX / displaySize * TAU; + var moveRX = moveY / displaySize * TAU; + this.dragRotate.rotate.x = this.dragStartRX - moveRX; + this.dragRotate.rotate.y = this.dragStartRY - moveRY; + Dragger.prototype.dragMove.apply(this, arguments); + }; + + return Illustration; + +})); +/** + * PathCommand + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./vector')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.PathCommand = factory(Zdog.Vector); + } +}(this, function factory(Vector) { + + function PathCommand(method, points, previousPoint) { + this.method = method; + this.points = points.map(mapVectorPoint); + this.renderPoints = points.map(mapNewVector); + this.previousPoint = previousPoint; + this.endRenderPoint = this.renderPoints[this.renderPoints.length - 1]; + // arc actions come with previous point & corner point + // but require bezier control points + if (method == 'arc') { + this.controlPoints = [new Vector(), new Vector()]; + } + } + + function mapVectorPoint(point) { + if (point instanceof Vector) { + return point; + } else { + return new Vector(point); + } + } + + function mapNewVector(point) { + return new Vector(point); + } + + PathCommand.prototype.reset = function () { + // reset renderPoints back to orignal points position + var points = this.points; + this.renderPoints.forEach(function (renderPoint, i) { + var point = points[i]; + renderPoint.set(point); + }); + }; + + PathCommand.prototype.transform = function (translation, rotation, scale) { + this.renderPoints.forEach(function (renderPoint) { + renderPoint.transform(translation, rotation, scale); + }); + }; + + PathCommand.prototype.render = function (ctx, elem, renderer) { + return this[this.method](ctx, elem, renderer); + }; + + PathCommand.prototype.move = function (ctx, elem, renderer) { + return renderer.move(ctx, elem, this.renderPoints[0]); + }; + + PathCommand.prototype.line = function (ctx, elem, renderer) { + return renderer.line(ctx, elem, this.renderPoints[0]); + }; + + PathCommand.prototype.bezier = function (ctx, elem, renderer) { + var cp0 = this.renderPoints[0]; + var cp1 = this.renderPoints[1]; + var end = this.renderPoints[2]; + return renderer.bezier(ctx, elem, cp0, cp1, end); + }; + + var arcHandleLength = 9 / 16; + + PathCommand.prototype.arc = function (ctx, elem, renderer) { + var prev = this.previousPoint; + var corner = this.renderPoints[0]; + var end = this.renderPoints[1]; + var cp0 = this.controlPoints[0]; + var cp1 = this.controlPoints[1]; + cp0.set(prev).lerp(corner, arcHandleLength); + cp1.set(end).lerp(corner, arcHandleLength); + return renderer.bezier(ctx, elem, cp0, cp1, end); + }; + + return PathCommand; + +})); +/** + * Shape + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), require('./vector'), + require('./path-command'), require('./anchor')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Shape = factory(Zdog, Zdog.Vector, Zdog.PathCommand, Zdog.Anchor); + } +}(this, function factory(utils, Vector, PathCommand, Anchor) { + + var Shape = Anchor.subclass({ + stroke: 1, + fill: false, + color: '#333', + closed: true, + visible: true, + path: [{}], + front: {z: 1}, + backface: true, + }); + + Shape.prototype.create = function (options) { + Anchor.prototype.create.call(this, options); + this.updatePath(); + // front + this.front = new Vector(options.front || this.front); + this.renderFront = new Vector(this.front); + this.renderNormal = new Vector(); + }; + + var actionNames = [ + 'move', + 'line', + 'bezier', + 'arc', + ]; + + Shape.prototype.updatePath = function () { + this.setPath(); + this.updatePathCommands(); + }; + +// place holder for Ellipse, Rect, etc. + Shape.prototype.setPath = function () { + }; + +// parse path into PathCommands + Shape.prototype.updatePathCommands = function () { + var previousPoint; + this.pathCommands = this.path.map(function (pathPart, i) { + // pathPart can be just vector coordinates -> { x, y, z } + // or path instruction -> { arc: [ {x0,y0,z0}, {x1,y1,z1} ] } + var keys = Object.keys(pathPart); + var method = keys[0]; + var points = pathPart[method]; + // default to line if no instruction + var isInstruction = keys.length == 1 && actionNames.indexOf(method) != -1; + if (!isInstruction) { + method = 'line'; + points = pathPart; + } + // munge single-point methods like line & move without arrays + var isLineOrMove = method == 'line' || method == 'move'; + var isPointsArray = Array.isArray(points); + if (isLineOrMove && !isPointsArray) { + points = [points]; + } + + // first action is always move + method = i === 0 ? 'move' : method; + // arcs require previous last point + var command = new PathCommand(method, points, previousPoint); + // update previousLastPoint + previousPoint = command.endRenderPoint; + return command; + }); + }; + +// ----- update ----- // + + Shape.prototype.reset = function () { + this.renderOrigin.set(this.origin); + this.renderFront.set(this.front); + // reset command render points + this.pathCommands.forEach(function (command) { + command.reset(); + }); + }; + + Shape.prototype.transform = function (translation, rotation, scale) { + // calculate render points backface visibility & cone/hemisphere shapes + this.renderOrigin.transform(translation, rotation, scale); + this.renderFront.transform(translation, rotation, scale); + this.renderNormal.set(this.renderOrigin).subtract(this.renderFront); + // transform points + this.pathCommands.forEach(function (command) { + command.transform(translation, rotation, scale); + }); + // transform children + this.children.forEach(function (child) { + child.transform(translation, rotation, scale); + }); + }; + + Shape.prototype.updateSortValue = function () { + // sort by average z of all points + // def not geometrically correct, but works for me + var pointCount = this.pathCommands.length; + var firstPoint = this.pathCommands[0].endRenderPoint; + var lastPoint = this.pathCommands[pointCount - 1].endRenderPoint; + // ignore the final point if self closing shape + var isSelfClosing = pointCount > 2 && firstPoint.isSame(lastPoint); + if (isSelfClosing) { + pointCount -= 1; + } + + var sortValueTotal = 0; + for (var i = 0; i < pointCount; i++) { + sortValueTotal += this.pathCommands[i].endRenderPoint.z; + } + this.sortValue = sortValueTotal / pointCount; + }; + +// ----- render ----- // + + Shape.prototype.render = function (ctx, renderer) { + var length = this.pathCommands.length; + if (!this.visible || !length) { + return; + } + // do not render if hiding backface + this.isFacingBack = this.renderNormal.z > 0; + if (!this.backface && this.isFacingBack) { + return; + } + if (!renderer) { + throw new Error('Zdog renderer required. Set to ' + renderer); + } + // render dot or path + var isDot = length == 1; + if (renderer.isCanvas && isDot) { + this.renderCanvasDot(ctx, renderer); + } else { + this.renderPath(ctx, renderer); + } + }; + + var TAU = utils.TAU; +// Safari does not render lines with no size, have to render circle instead + Shape.prototype.renderCanvasDot = function (ctx) { + var lineWidth = this.getLineWidth(); + if (!lineWidth) { + return; + } + ctx.fillStyle = this.getRenderColor(); + var point = this.pathCommands[0].endRenderPoint; + ctx.beginPath(); + var radius = lineWidth / 2; + ctx.arc(point.x, point.y, radius, 0, TAU); + ctx.fill(); + }; + + Shape.prototype.getLineWidth = function () { + if (!this.stroke) { + return 0; + } + if (this.stroke == true) { + return 1; + } + return this.stroke; + }; + + Shape.prototype.getRenderColor = function () { + // use backface color if applicable + var isBackfaceColor = typeof this.backface == 'string' && this.isFacingBack; + var color = isBackfaceColor ? this.backface : this.color; + return color; + }; + + Shape.prototype.renderPath = function (ctx, renderer) { + var elem = this.getRenderElement(ctx, renderer); + var isTwoPoints = this.pathCommands.length == 2 && + this.pathCommands[1].method == 'line'; + var isClosed = !isTwoPoints && this.closed; + var color = this.getRenderColor(); + + renderer.renderPath(ctx, elem, this.pathCommands, isClosed); + renderer.stroke(ctx, elem, this.stroke, color, this.getLineWidth()); + renderer.fill(ctx, elem, this.fill, color); + renderer.end(ctx, elem); + }; + + var svgURI = 'http://www.w3.org/2000/svg'; + + Shape.prototype.getRenderElement = function (ctx, renderer) { + if (!renderer.isSvg) { + return; + } + if (!this.svgElement) { + // create svgElement + this.svgElement = document.createElementNS(svgURI, 'path'); + this.svgElement.setAttribute('stroke-linecap', 'round'); + this.svgElement.setAttribute('stroke-linejoin', 'round'); + } + return this.svgElement; + }; + + return Shape; + +})); +/** + * Group + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./anchor')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Group = factory(Zdog.Anchor); + } +}(this, function factory(Anchor) { + + var Group = Anchor.subclass({ + updateSort: false, + visible: true, + }); + +// ----- update ----- // + + Group.prototype.updateSortValue = function () { + var sortValueTotal = 0; + this.flatGraph.forEach(function (item) { + item.updateSortValue(); + sortValueTotal += item.sortValue; + }); + // average sort value of all points + // def not geometrically correct, but works for me + this.sortValue = sortValueTotal / this.flatGraph.length; + + if (this.updateSort) { + this.flatGraph.sort(Anchor.shapeSorter); + } + }; + +// ----- render ----- // + + Group.prototype.render = function (ctx, renderer) { + if (!this.visible) { + return; + } + + this.flatGraph.forEach(function (item) { + item.render(ctx, renderer); + }); + }; + +// actual group flatGraph only used inside group + Group.prototype.updateFlatGraph = function () { + // do not include self + var flatGraph = []; + this.flatGraph = this.addChildFlatGraph(flatGraph); + }; + +// do not include children, group handles rendering & sorting internally + Group.prototype.getFlatGraph = function () { + return [this]; + }; + + return Group; + +})); +/** + * Rect + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./shape')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Rect = factory(Zdog.Shape); + } +}(this, function factory(Shape) { + + var Rect = Shape.subclass({ + width: 1, + height: 1, + }); + + Rect.prototype.setPath = function () { + var x = this.width / 2; + var y = this.height / 2; + /* eslint key-spacing: "off" */ + this.path = [ + {x: -x, y: -y}, + {x: x, y: -y}, + {x: x, y: y}, + {x: -x, y: y}, + ]; + }; + + return Rect; + +})); +/** + * RoundedRect + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./shape')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.RoundedRect = factory(Zdog.Shape); + } +}(this, function factory(Shape) { + + var RoundedRect = Shape.subclass({ + width: 1, + height: 1, + cornerRadius: 0.25, + closed: false, + }); + + RoundedRect.prototype.setPath = function () { + /* eslint + id-length: [ "error", { "min": 2, "exceptions": [ "x", "y" ] }], + key-spacing: "off" */ + var xA = this.width / 2; + var yA = this.height / 2; + var shortSide = Math.min(xA, yA); + var cornerRadius = Math.min(this.cornerRadius, shortSide); + var xB = xA - cornerRadius; + var yB = yA - cornerRadius; + var path = [ + // top right corner + {x: xB, y: -yA}, + { + arc: [ + {x: xA, y: -yA}, + {x: xA, y: -yB}, + ] + }, + ]; + // bottom right corner + if (yB) { + path.push({x: xA, y: yB}); + } + path.push({ + arc: [ + {x: xA, y: yA}, + {x: xB, y: yA}, + ] + }); + // bottom left corner + if (xB) { + path.push({x: -xB, y: yA}); + } + path.push({ + arc: [ + {x: -xA, y: yA}, + {x: -xA, y: yB}, + ] + }); + // top left corner + if (yB) { + path.push({x: -xA, y: -yB}); + } + path.push({ + arc: [ + {x: -xA, y: -yA}, + {x: -xB, y: -yA}, + ] + }); + + // back to top right corner + if (xB) { + path.push({x: xB, y: -yA}); + } + + this.path = path; + }; + + return RoundedRect; + +})); +/** + * Ellipse + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./shape')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Ellipse = factory(Zdog.Shape); + } + +}(this, function factory(Shape) { + + var Ellipse = Shape.subclass({ + diameter: 1, + width: undefined, + height: undefined, + quarters: 4, + closed: false, + }); + + Ellipse.prototype.setPath = function () { + var width = this.width != undefined ? this.width : this.diameter; + var height = this.height != undefined ? this.height : this.diameter; + var x = width / 2; + var y = height / 2; + this.path = [ + {x: 0, y: -y}, + { + arc: [ // top right + {x: x, y: -y}, + {x: x, y: 0}, + ] + }, + ]; + // bottom right + if (this.quarters > 1) { + this.path.push({ + arc: [ + {x: x, y: y}, + {x: 0, y: y}, + ] + }); + } + // bottom left + if (this.quarters > 2) { + this.path.push({ + arc: [ + {x: -x, y: y}, + {x: -x, y: 0}, + ] + }); + } + // top left + if (this.quarters > 3) { + this.path.push({ + arc: [ + {x: -x, y: -y}, + {x: 0, y: -y}, + ] + }); + } + }; + + return Ellipse; + +})); +/** + * Shape + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), require('./shape')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Polygon = factory(Zdog, Zdog.Shape); + } +}(this, function factory(utils, Shape) { + + var Polygon = Shape.subclass({ + sides: 3, + radius: 0.5, + }); + + var TAU = utils.TAU; + + Polygon.prototype.setPath = function () { + this.path = []; + for (var i = 0; i < this.sides; i++) { + var theta = i / this.sides * TAU - TAU / 4; + var x = Math.cos(theta) * this.radius; + var y = Math.sin(theta) * this.radius; + this.path.push({x: x, y: y}); + } + }; + + return Polygon; + +})); +/** + * Hemisphere composite shape + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), require('./vector'), + require('./anchor'), require('./ellipse')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Hemisphere = factory(Zdog, Zdog.Vector, Zdog.Anchor, Zdog.Ellipse); + } +}(this, function factory(utils, Vector, Anchor, Ellipse) { + + var Hemisphere = Ellipse.subclass({ + fill: true, + }); + + var TAU = utils.TAU; + + Hemisphere.prototype.create = function (/* options */) { + // call super + Ellipse.prototype.create.apply(this, arguments); + // composite shape, create child shapes + this.apex = new Anchor({ + addTo: this, + translate: {z: this.diameter / 2}, + }); + // vector used for calculation + this.renderCentroid = new Vector(); + }; + + Hemisphere.prototype.updateSortValue = function () { + // centroid of hemisphere is 3/8 between origin and apex + this.renderCentroid.set(this.renderOrigin) + .lerp(this.apex.renderOrigin, 3 / 8); + this.sortValue = this.renderCentroid.z; + }; + + Hemisphere.prototype.render = function (ctx, renderer) { + this.renderDome(ctx, renderer); + // call super + Ellipse.prototype.render.apply(this, arguments); + }; + + Hemisphere.prototype.renderDome = function (ctx, renderer) { + if (!this.visible) { + return; + } + var elem = this.getDomeRenderElement(ctx, renderer); + var contourAngle = Math.atan2(this.renderNormal.y, this.renderNormal.x); + var domeRadius = this.diameter / 2 * this.renderNormal.magnitude(); + var x = this.renderOrigin.x; + var y = this.renderOrigin.y; + + if (renderer.isCanvas) { + // canvas + var startAngle = contourAngle + TAU / 4; + var endAngle = contourAngle - TAU / 4; + ctx.beginPath(); + ctx.arc(x, y, domeRadius, startAngle, endAngle); + } else if (renderer.isSvg) { + // svg + contourAngle = (contourAngle - TAU / 4) / TAU * 360; + this.domeSvgElement.setAttribute('d', 'M ' + -domeRadius + ',0 A ' + + domeRadius + ',' + domeRadius + ' 0 0 1 ' + domeRadius + ',0'); + this.domeSvgElement.setAttribute('transform', + 'translate(' + x + ',' + y + ' ) rotate(' + contourAngle + ')'); + } + + renderer.stroke(ctx, elem, this.stroke, this.color, this.getLineWidth()); + renderer.fill(ctx, elem, this.fill, this.color); + renderer.end(ctx, elem); + }; + + var svgURI = 'http://www.w3.org/2000/svg'; + + Hemisphere.prototype.getDomeRenderElement = function (ctx, renderer) { + if (!renderer.isSvg) { + return; + } + if (!this.domeSvgElement) { + // create svgElement + this.domeSvgElement = document.createElementNS(svgURI, 'path'); + this.domeSvgElement.setAttribute('stroke-linecap', 'round'); + this.domeSvgElement.setAttribute('stroke-linejoin', 'round'); + } + return this.domeSvgElement; + }; + + return Hemisphere; + +})); +/** + * Cylinder composite shape + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), + require('./path-command'), require('./shape'), require('./group'), + require('./ellipse')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Cylinder = factory(Zdog, Zdog.PathCommand, Zdog.Shape, + Zdog.Group, Zdog.Ellipse); + } +}(this, function factory(utils, PathCommand, Shape, Group, Ellipse) { + + function noop() { + } + +// ----- CylinderGroup ----- // + + var CylinderGroup = Group.subclass({ + color: '#333', + updateSort: true, + }); + + CylinderGroup.prototype.create = function () { + Group.prototype.create.apply(this, arguments); + this.pathCommands = [ + new PathCommand('move', [{}]), + new PathCommand('line', [{}]), + ]; + }; + + CylinderGroup.prototype.render = function (ctx, renderer) { + this.renderCylinderSurface(ctx, renderer); + Group.prototype.render.apply(this, arguments); + }; + + CylinderGroup.prototype.renderCylinderSurface = function (ctx, renderer) { + if (!this.visible) { + return; + } + // render cylinder surface + var elem = this.getRenderElement(ctx, renderer); + var frontBase = this.frontBase; + var rearBase = this.rearBase; + var scale = frontBase.renderNormal.magnitude(); + var strokeWidth = frontBase.diameter * scale + frontBase.getLineWidth(); + // set path command render points + this.pathCommands[0].renderPoints[0].set(frontBase.renderOrigin); + this.pathCommands[1].renderPoints[0].set(rearBase.renderOrigin); + + if (renderer.isCanvas) { + ctx.lineCap = 'butt'; // nice + } + renderer.renderPath(ctx, elem, this.pathCommands); + renderer.stroke(ctx, elem, true, this.color, strokeWidth); + renderer.end(ctx, elem); + + if (renderer.isCanvas) { + ctx.lineCap = 'round'; // reset + } + }; + + var svgURI = 'http://www.w3.org/2000/svg'; + + CylinderGroup.prototype.getRenderElement = function (ctx, renderer) { + if (!renderer.isSvg) { + return; + } + if (!this.svgElement) { + // create svgElement + this.svgElement = document.createElementNS(svgURI, 'path'); + } + return this.svgElement; + }; + +// prevent double-creation in parent.copyGraph() +// only create in Cylinder.create() + CylinderGroup.prototype.copyGraph = noop; + +// ----- CylinderEllipse ----- // + + var CylinderEllipse = Ellipse.subclass(); + + CylinderEllipse.prototype.copyGraph = noop; + +// ----- Cylinder ----- // + + var Cylinder = Shape.subclass({ + diameter: 1, + length: 1, + frontFace: undefined, + fill: true, + }); + + var TAU = utils.TAU; + + Cylinder.prototype.create = function (/* options */) { + // call super + Shape.prototype.create.apply(this, arguments); + // composite shape, create child shapes + // CylinderGroup to render cylinder surface then bases + this.group = new CylinderGroup({ + addTo: this, + color: this.color, + visible: this.visible, + }); + var baseZ = this.length / 2; + var baseColor = this.backface || true; + // front outside base + this.frontBase = this.group.frontBase = new Ellipse({ + addTo: this.group, + diameter: this.diameter, + translate: {z: baseZ}, + rotate: {y: TAU / 2}, + color: this.color, + stroke: this.stroke, + fill: this.fill, + backface: this.frontFace || baseColor, + visible: this.visible, + }); + // back outside base + this.rearBase = this.group.rearBase = this.frontBase.copy({ + translate: {z: -baseZ}, + rotate: {y: 0}, + backface: baseColor, + }); + }; + +// Cylinder shape does not render anything + Cylinder.prototype.render = function () { + }; + +// ----- set child properties ----- // + + var childProperties = ['stroke', 'fill', 'color', 'visible']; + childProperties.forEach(function (property) { + // use proxy property for custom getter & setter + var _prop = '_' + property; + Object.defineProperty(Cylinder.prototype, property, { + get: function () { + return this[_prop]; + }, + set: function (value) { + this[_prop] = value; + // set property on children + if (this.frontBase) { + this.frontBase[property] = value; + this.rearBase[property] = value; + this.group[property] = value; + } + }, + }); + }); + +// TODO child property setter for backface, frontBaseColor, & rearBaseColor + + return Cylinder; + +})); +/** + * Cone composite shape + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), require('./vector'), + require('./path-command'), require('./anchor'), require('./ellipse')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Cone = factory(Zdog, Zdog.Vector, Zdog.PathCommand, + Zdog.Anchor, Zdog.Ellipse); + } +}(this, function factory(utils, Vector, PathCommand, Anchor, Ellipse) { + + var Cone = Ellipse.subclass({ + length: 1, + fill: true, + }); + + var TAU = utils.TAU; + + Cone.prototype.create = function (/* options */) { + // call super + Ellipse.prototype.create.apply(this, arguments); + // composite shape, create child shapes + this.apex = new Anchor({ + addTo: this, + translate: {z: this.length}, + }); + + // vectors used for calculation + this.renderApex = new Vector(); + this.renderCentroid = new Vector(); + this.tangentA = new Vector(); + this.tangentB = new Vector(); + + this.surfacePathCommands = [ + new PathCommand('move', [{}]), // points set in renderConeSurface + new PathCommand('line', [{}]), + new PathCommand('line', [{}]), + ]; + }; + + Cone.prototype.updateSortValue = function () { + // center of cone is one third of its length + this.renderCentroid.set(this.renderOrigin) + .lerp(this.apex.renderOrigin, 1 / 3); + this.sortValue = this.renderCentroid.z; + }; + + Cone.prototype.render = function (ctx, renderer) { + this.renderConeSurface(ctx, renderer); + Ellipse.prototype.render.apply(this, arguments); + }; + + Cone.prototype.renderConeSurface = function (ctx, renderer) { + if (!this.visible) { + return; + } + this.renderApex.set(this.apex.renderOrigin) + .subtract(this.renderOrigin); + + var scale = this.renderNormal.magnitude(); + var apexDistance = this.renderApex.magnitude2d(); + var normalDistance = this.renderNormal.magnitude2d(); + // eccentricity + var eccenAngle = Math.acos(normalDistance / scale); + var eccen = Math.sin(eccenAngle); + var radius = this.diameter / 2 * scale; + // does apex extend beyond eclipse of face + var isApexVisible = radius * eccen < apexDistance; + if (!isApexVisible) { + return; + } + // update tangents + var apexAngle = Math.atan2(this.renderNormal.y, this.renderNormal.x) + + TAU / 2; + var projectLength = apexDistance / eccen; + var projectAngle = Math.acos(radius / projectLength); + // set tangent points + var tangentA = this.tangentA; + var tangentB = this.tangentB; + + tangentA.x = Math.cos(projectAngle) * radius * eccen; + tangentA.y = Math.sin(projectAngle) * radius; + + tangentB.set(this.tangentA); + tangentB.y *= -1; + + tangentA.rotateZ(apexAngle); + tangentB.rotateZ(apexAngle); + tangentA.add(this.renderOrigin); + tangentB.add(this.renderOrigin); + + this.setSurfaceRenderPoint(0, tangentA); + this.setSurfaceRenderPoint(1, this.apex.renderOrigin); + this.setSurfaceRenderPoint(2, tangentB); + + // render + var elem = this.getSurfaceRenderElement(ctx, renderer); + renderer.renderPath(ctx, elem, this.surfacePathCommands); + renderer.stroke(ctx, elem, this.stroke, this.color, this.getLineWidth()); + renderer.fill(ctx, elem, this.fill, this.color); + renderer.end(ctx, elem); + }; + + var svgURI = 'http://www.w3.org/2000/svg'; + + Cone.prototype.getSurfaceRenderElement = function (ctx, renderer) { + if (!renderer.isSvg) { + return; + } + if (!this.surfaceSvgElement) { + // create svgElement + this.surfaceSvgElement = document.createElementNS(svgURI, 'path'); + this.surfaceSvgElement.setAttribute('stroke-linecap', 'round'); + this.surfaceSvgElement.setAttribute('stroke-linejoin', 'round'); + } + return this.surfaceSvgElement; + }; + + Cone.prototype.setSurfaceRenderPoint = function (index, point) { + var renderPoint = this.surfacePathCommands[index].renderPoints[0]; + renderPoint.set(point); + }; + + return Cone; + +})); +/** + * Box composite shape + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory(require('./boilerplate'), require('./anchor'), + require('./shape'), require('./rect')); + } else { + // browser global + var Zdog = root.Zdog; + Zdog.Box = factory(Zdog, Zdog.Anchor, Zdog.Shape, Zdog.Rect); + } +}(this, function factory(utils, Anchor, Shape, Rect) { + +// ----- BoxRect ----- // + + var BoxRect = Rect.subclass(); +// prevent double-creation in parent.copyGraph() +// only create in Box.create() + BoxRect.prototype.copyGraph = function () { + }; + +// ----- Box ----- // + + var TAU = utils.TAU; + var faceNames = [ + 'frontFace', + 'rearFace', + 'leftFace', + 'rightFace', + 'topFace', + 'bottomFace', + ]; + + var boxDefaults = utils.extend({}, Shape.defaults); + delete boxDefaults.path; + faceNames.forEach(function (faceName) { + boxDefaults[faceName] = true; + }); + utils.extend(boxDefaults, { + width: 1, + height: 1, + depth: 1, + fill: true, + }); + + var Box = Anchor.subclass(boxDefaults); + + Box.prototype.create = function (options) { + Anchor.prototype.create.call(this, options); + this.updatePath(); + // HACK reset fill to trigger face setter + this.fill = this.fill; + }; + + Box.prototype.updatePath = function () { + // reset all faces to trigger setters + faceNames.forEach(function (faceName) { + this[faceName] = this[faceName]; + }, this); + }; + + faceNames.forEach(function (faceName) { + var _faceName = '_' + faceName; + Object.defineProperty(Box.prototype, faceName, { + get: function () { + return this[_faceName]; + }, + set: function (value) { + this[_faceName] = value; + this.setFace(faceName, value); + }, + }); + }); + + Box.prototype.setFace = function (faceName, value) { + var rectProperty = faceName + 'Rect'; + var rect = this[rectProperty]; + // remove if false + if (!value) { + this.removeChild(rect); + return; + } + // update & add face + var options = this.getFaceOptions(faceName); + options.color = typeof value == 'string' ? value : this.color; + + if (rect) { + // update previous + rect.setOptions(options); + } else { + // create new + rect = this[rectProperty] = new BoxRect(options); + } + rect.updatePath(); + this.addChild(rect); + }; + + Box.prototype.getFaceOptions = function (faceName) { + return { + frontFace: { + width: this.width, + height: this.height, + translate: {z: this.depth / 2}, + }, + rearFace: { + width: this.width, + height: this.height, + translate: {z: -this.depth / 2}, + rotate: {y: TAU / 2}, + }, + leftFace: { + width: this.depth, + height: this.height, + translate: {x: -this.width / 2}, + rotate: {y: -TAU / 4}, + }, + rightFace: { + width: this.depth, + height: this.height, + translate: {x: this.width / 2}, + rotate: {y: TAU / 4}, + }, + topFace: { + width: this.width, + height: this.depth, + translate: {y: -this.height / 2}, + rotate: {x: -TAU / 4}, + }, + bottomFace: { + width: this.width, + height: this.depth, + translate: {y: this.height / 2}, + rotate: {x: TAU / 4}, + }, + }[faceName]; + }; + +// ----- set face properties ----- // + + var childProperties = ['color', 'stroke', 'fill', 'backface', 'front', + 'visible']; + childProperties.forEach(function (property) { + // use proxy property for custom getter & setter + var _prop = '_' + property; + Object.defineProperty(Box.prototype, property, { + get: function () { + return this[_prop]; + }, + set: function (value) { + this[_prop] = value; + faceNames.forEach(function (faceName) { + var rect = this[faceName + 'Rect']; + var isFaceColor = typeof this[faceName] == 'string'; + var isColorUnderwrite = property == 'color' && isFaceColor; + if (rect && !isColorUnderwrite) { + rect[property] = value; + } + }, this); + }, + }); + }); + + return Box; + +})); +/** + * Index + */ + +(function (root, factory) { + // module definition + if (typeof module == 'object' && module.exports) { + // CommonJS + module.exports = factory( + require('./boilerplate'), + require('./canvas-renderer'), + require('./svg-renderer'), + require('./vector'), + require('./anchor'), + require('./dragger'), + require('./illustration'), + require('./path-command'), + require('./shape'), + require('./group'), + require('./rect'), + require('./rounded-rect'), + require('./ellipse'), + require('./polygon'), + require('./hemisphere'), + require('./cylinder'), + require('./cone'), + require('./box') + ); + } else if (typeof define == 'function' && define.amd) { + /* globals define */ // AMD + define('zdog', [], root.Zdog); + } +})(this, function factory(Zdog, CanvasRenderer, SvgRenderer, Vector, Anchor, + Dragger, Illustration, PathCommand, Shape, Group, Rect, RoundedRect, + Ellipse, Polygon, Hemisphere, Cylinder, Cone, Box) { + + Zdog.CanvasRenderer = CanvasRenderer; + Zdog.SvgRenderer = SvgRenderer; + Zdog.Vector = Vector; + Zdog.Anchor = Anchor; + Zdog.Dragger = Dragger; + Zdog.Illustration = Illustration; + Zdog.PathCommand = PathCommand; + Zdog.Shape = Shape; + Zdog.Group = Group; + Zdog.Rect = Rect; + Zdog.RoundedRect = RoundedRect; + Zdog.Ellipse = Ellipse; + Zdog.Polygon = Polygon; + Zdog.Hemisphere = Hemisphere; + Zdog.Cylinder = Cylinder; + Zdog.Cone = Cone; + Zdog.Box = Box; + + return Zdog; +}); diff --git a/poetize-ui/vue.config.js b/poetize-ui/vue.config.js new file mode 100644 index 0000000..a1d1001 --- /dev/null +++ b/poetize-ui/vue.config.js @@ -0,0 +1,23 @@ +const CompressionPlugin = require('compression-webpack-plugin') + +module.exports = { + devServer: { + port: 80, + https: false, + open: false + }, + lintOnSave: false, + productionSourceMap: false, + configureWebpack: { + plugins: [ + new CompressionPlugin({ + algorithm: 'gzip', + test: /\.js$|\.html$|\.css$/, + filename: '[path].gz[query]', + minRatio: 1, + threshold: 10240, + deleteOriginalAssets: false + }) + ] + } +}