oipage 1.6.0 → 1.7.0-alpha.1

package/bin/website-htmls/dialogs/imageSize/index.js

@@ -1,53 +1,53 @@
-import { defineElement, ref } from "zipaper"
-import template from "./index.html"
-import style from "./index.scss";
-
-export default defineElement({
-    template,
-    data() {
-        return {
-            title: this._props.title,
-            width: this._props.width,
-            height: this._props.height,
-
-            newWidth: ref(this._props.width),
-            newHeight: ref(this._props.height),
-
-            changeType: ref('center-middle')
-        }
-    },
-    methods: {
-        calcHeight() {
-            if (this.title == '图像大小') {
-                this.newHeight = +(this.newWidth * this.height / this.width).toFixed(0);
-            }
-        },
-
-        calcWidth() {
-            if (this.title == '图像大小') {
-                this.newWidth = +(this.newHeight * this.width / this.height).toFixed(0);
-            }
-        },
-
-        doChangeType: function (event, target) {
-            this.changeType = target.getAttribute('val');
-        },
-
-        // 确定
-        doSubmit: function () {
-            this.$closeDialog({
-                width: +this.newWidth,
-                height: +this.newHeight,
-                changeType: this.changeType
-            });
-        },
-
-        // 取消
-        doClose: function () {
-            this.$closeDialog();
-        }
-    },
-    style: {
-        content: style
-    }
-})
+import { defineElement, ref } from "zipaper"
+import template from "./index.html"
+import style from "./index.scss";
+
+export default defineElement({
+    template,
+    data() {
+        return {
+            title: this._props.title,
+            width: this._props.width,
+            height: this._props.height,
+
+            newWidth: ref(this._props.width),
+            newHeight: ref(this._props.height),
+
+            changeType: ref('center-middle')
+        }
+    },
+    methods: {
+        calcHeight() {
+            if (this.title == '图像大小') {
+                this.newHeight = +(this.newWidth * this.height / this.width).toFixed(0);
+            }
+        },
+
+        calcWidth() {
+            if (this.title == '图像大小') {
+                this.newWidth = +(this.newHeight * this.width / this.height).toFixed(0);
+            }
+        },
+
+        doChangeType: function (event, target) {
+            this.changeType = target.getAttribute('val');
+        },
+
+        // 确定
+        doSubmit: function () {
+            this.$closeDialog({
+                width: +this.newWidth,
+                height: +this.newHeight,
+                changeType: this.changeType
+            });
+        },
+
+        // 取消
+        doClose: function () {
+            this.$closeDialog();
+        }
+    },
+    style: {
+        content: style
+    }
+})

package/bin/website-htmls/dialogs/imageSize/index.scss

@@ -1,139 +1,139 @@
-#dialog-root>.content.imageSize {
-    border: 1px solid gray;
-    min-height: 300px;
-    width: 300px;
-    background-color: white;
-
-    &>h2 {
-        font-size: 12px;
-        padding-left: 30px;
-        background-image: url('./images/image-editor.png');
-        background-size: auto 80%;
-        background-repeat: no-repeat;
-        background-position: 3px center;
-        border-bottom: 1px solid gray;
-        line-height: 30px;
-        height: 30px;
-        user-select: none;
-    }
-
-    &>div.right-btn {
-        display: flex;
-
-        &>div {
-            &:first-child {
-                flex-grow: 1;
-                padding: 10px 0 10px 10px;
-            }
-
-            &:last-child {
-                text-align: center;
-                flex-grow: 0;
-                flex-shrink: 0;
-                flex-basis: 70px;
-
-                &>button {
-                    height: 30px;
-                    border-radius: 15px;
-                    width: 50px;
-                    margin-top: 10px;
-
-                    &:hover {
-                        background-color: rgb(127, 131, 131);
-                        cursor: pointer;
-                    }
-                }
-
-            }
-        }
-    }
-
-    fieldset {
-        margin-top: 10px;
-        font-size: 12px;
-    }
-
-    ul {
-
-        &[lock='yes'] {
-            background-image: url('./images/lock.png');
-            background-repeat: no-repeat;
-            background-position: right;
-        }
-
-        &>li {
-            line-height: 2em;
-            margin-top: 5px;
-
-            &[active='no'] {
-                display: none;
-            }
-
-            &>label {
-                width: 70px;
-                display: inline-block;
-                text-align: right;
-            }
-
-            &>input {
-                width: 50px;
-                margin-right: 5px;
-            }
-
-            .change-type {
-                font-size: 0;
-                width: 90px;
-                display: inline-block;
-                line-height: 0;
-                vertical-align: top;
-                background-image: url('./images/size.png');
-                background-size: 100% auto;
-                background-repeat: no-repeat;
-
-                &>span {
-                    display: inline-block;
-                    width: 30px;
-                    height: 30px;
-                    cursor: pointer;
-                    outline: 1px solid #dedede;
-                }
-
-                &[type='left-top'] {
-                    background-position: -29px -32px;
-                }
-
-                &[type='center-top'] {
-                    background-position: 1px -32px;
-                }
-
-                &[type='right-top'] {
-                    background-position: 30px -32px;
-                }
-
-                &[type='left-middle'] {
-                    background-position: -29px -1px;
-                }
-
-                &[type='center-middle'] {
-                    background-position: 1px -1px;
-                }
-
-                &[type='right-middle'] {
-                    background-position: 30px -1px;
-                }
-
-                &[type='left-bottom'] {
-                    background-position: -29px 30px;
-                }
-
-                &[type='center-bottom'] {
-                    background-position: 1px 30px;
-                }
-
-                &[type='right-bottom'] {
-                    background-position: 30px 30px;
-                }
-            }
-        }
-    }
+#dialog-root>.content.imageSize {
+    border: 1px solid gray;
+    min-height: 300px;
+    width: 300px;
+    background-color: white;
+
+    &>h2 {
+        font-size: 12px;
+        padding-left: 30px;
+        background-image: url('./images/image-editor.png');
+        background-size: auto 80%;
+        background-repeat: no-repeat;
+        background-position: 3px center;
+        border-bottom: 1px solid gray;
+        line-height: 30px;
+        height: 30px;
+        user-select: none;
+    }
+
+    &>div.right-btn {
+        display: flex;
+
+        &>div {
+            &:first-child {
+                flex-grow: 1;
+                padding: 10px 0 10px 10px;
+            }
+
+            &:last-child {
+                text-align: center;
+                flex-grow: 0;
+                flex-shrink: 0;
+                flex-basis: 70px;
+
+                &>button {
+                    height: 30px;
+                    border-radius: 15px;
+                    width: 50px;
+                    margin-top: 10px;
+
+                    &:hover {
+                        background-color: rgb(127, 131, 131);
+                        cursor: pointer;
+                    }
+                }
+
+            }
+        }
+    }
+
+    fieldset {
+        margin-top: 10px;
+        font-size: 12px;
+    }
+
+    ul {
+
+        &[lock='yes'] {
+            background-image: url('./images/lock.png');
+            background-repeat: no-repeat;
+            background-position: right;
+        }
+
+        &>li {
+            line-height: 2em;
+            margin-top: 5px;
+
+            &[active='no'] {
+                display: none;
+            }
+
+            &>label {
+                width: 70px;
+                display: inline-block;
+                text-align: right;
+            }
+
+            &>input {
+                width: 50px;
+                margin-right: 5px;
+            }
+
+            .change-type {
+                font-size: 0;
+                width: 90px;
+                display: inline-block;
+                line-height: 0;
+                vertical-align: top;
+                background-image: url('./images/size.png');
+                background-size: 100% auto;
+                background-repeat: no-repeat;
+
+                &>span {
+                    display: inline-block;
+                    width: 30px;
+                    height: 30px;
+                    cursor: pointer;
+                    outline: 1px solid #dedede;
+                }
+
+                &[type='left-top'] {
+                    background-position: -29px -32px;
+                }
+
+                &[type='center-top'] {
+                    background-position: 1px -32px;
+                }
+
+                &[type='right-top'] {
+                    background-position: 30px -32px;
+                }
+
+                &[type='left-middle'] {
+                    background-position: -29px -1px;
+                }
+
+                &[type='center-middle'] {
+                    background-position: 1px -1px;
+                }
+
+                &[type='right-middle'] {
+                    background-position: 30px -1px;
+                }
+
+                &[type='left-bottom'] {
+                    background-position: -29px 30px;
+                }
+
+                &[type='center-bottom'] {
+                    background-position: 1px 30px;
+                }
+
+                &[type='right-bottom'] {
+                    background-position: 30px 30px;
+                }
+            }
+        }
+    }
 }

package/bin/website-htmls/dialogs/index.js

@@ -1,53 +1,53 @@
-import { createApp } from "zipaper";
-
-const dialogs = {
-    imageSize: () => import("./imageSize/index.js")
-};
-
-let dialogsResolve = [];
-export default {
-    install(Zipaper) {
-
-        // 打开弹框
-        Zipaper.prototype.$openDialog = function (dialogName, data) {
-            let el = document.createElement("div");
-
-            dialogs[dialogName]().then(App => {
-
-                // 准备好挂载点
-                el.setAttribute("class", "content " + dialogName);
-
-                // 创建并挂载
-                document.getElementById("dialog-root").appendChild(el);
-
-                if (data) {
-                    let props = {};
-                    for (let key in data) {
-                        props[key] = {
-                            default: data[key]
-                        };
-                    }
-                    App.default.props = props;
-                } else {
-                    App.default.props = {};
-                }
-
-                createApp(App.default).mount(el);
-            });
-
-            return new Promise((resolve) => {
-                dialogsResolve.push({
-                    resolve,
-                    el
-                });
-            });
-        };
-
-        // 关闭弹框
-        Zipaper.prototype.$closeDialog = function (data) {
-            let dialog = dialogsResolve.pop();
-            dialog.el.parentNode.removeChild(dialog.el);
-            dialog.resolve(data);
-        };
-    }
+import { createApp } from "zipaper";
+
+const dialogs = {
+    imageSize: () => import("./imageSize/index.js")
+};
+
+let dialogsResolve = [];
+export default {
+    install(Zipaper) {
+
+        // 打开弹框
+        Zipaper.prototype.$openDialog = function (dialogName, data) {
+            let el = document.createElement("div");
+
+            dialogs[dialogName]().then(App => {
+
+                // 准备好挂载点
+                el.setAttribute("class", "content " + dialogName);
+
+                // 创建并挂载
+                document.getElementById("dialog-root").appendChild(el);
+
+                if (data) {
+                    let props = {};
+                    for (let key in data) {
+                        props[key] = {
+                            default: data[key]
+                        };
+                    }
+                    App.default.props = props;
+                } else {
+                    App.default.props = {};
+                }
+
+                createApp(App.default).mount(el);
+            });
+
+            return new Promise((resolve) => {
+                dialogsResolve.push({
+                    resolve,
+                    el
+                });
+            });
+        };
+
+        // 关闭弹框
+        Zipaper.prototype.$closeDialog = function (data) {
+            let dialog = dialogsResolve.pop();
+            dialog.el.parentNode.removeChild(dialog.el);
+            dialog.resolve(data);
+        };
+    }
 }

package/bin/website-htmls/images/addFile.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 12v-2h1v2h2v1h-2v2h-1v-2h-2v-1h2zm5 8H6V4H5v17h13v-1zm1 0v2H4V3h2V1h10l5 5v14h-2zM7 2v17h13V6l-4-4H7zm9 0l4 4h-4V2z"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 12v-2h1v2h2v1h-2v2h-1v-2h-2v-1h2zm5 8H6V4H5v17h13v-1zm1 0v2H4V3h2V1h10l5 5v14h-2zM7 2v17h13V6l-4-4H7zm9 0l4 4h-4V2z"></path></svg>

package/bin/website-htmls/images/img-to-pdf.svg

@@ -1 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z" fill="#FFB700"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.99992 8L13.9999 14.5625L16.9544 11.7927L24 17.5625V20L17.0455 14.3589L13.9999 17.2141L6.99992 10.6517L0 17.1875V14.5625L6.99992 8Z" fill="white"></path><circle cx="18" cy="6" r="3" fill="white"></circle></svg>
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z" fill="#FFB700"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.99992 8L13.9999 14.5625L16.9544 11.7927L24 17.5625V20L17.0455 14.3589L13.9999 17.2141L6.99992 10.6517L0 17.1875V14.5625L6.99992 8Z" fill="white"></path><circle cx="18" cy="6" r="3" fill="white"></circle></svg>

package/bin/website-htmls/index.html

@@ -1,18 +1,18 @@
-<!DOCTYPE html>
-<html lang="zh-cn">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>OIPage 应用市场</title>
-    <link rel="shortcut icon" href="./images/logo.png">
-    <link rel="stylesheet" href="./styles/normalize.css">
-    <link rel="stylesheet" href="./styles/common.css">
-</head>
-
-<body>
-    <div id="root"></div>
-    <script type="module" src="./main.js"></script>
-</body>
-
+<!DOCTYPE html>
+<html lang="zh-cn">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>OIPage 应用市场</title>
+    <link rel="shortcut icon" href="./images/logo.png">
+    <link rel="stylesheet" href="./styles/normalize.css">
+    <link rel="stylesheet" href="./styles/common.css">
+</head>
+
+<body>
+    <div id="root"></div>
+    <script type="module" src="./main.js"></script>
+</body>
+
 </html>

package/bin/website-htmls/main.js

@@ -1,14 +1,14 @@
-import { createApp } from "zipaper"
-
-import App from "./pages/App/index.js"
-import router from "./router.config.js"
-import dialogs from "./dialogs/index.js"
-import uiSelectFile from "./components/ui-select-file/index.js"
-
-// https://oi-contrib.github.io/Zipaper/index.html
-
-createApp(App)
-    .use(router) // 路由
-    .use(dialogs) // 弹框
-    .component("ui-select-file", uiSelectFile)
+import { createApp } from "zipaper"
+
+import App from "./pages/App/index.js"
+import router from "./router.config.js"
+import dialogs from "./dialogs/index.js"
+import uiSelectFile from "./components/ui-select-file/index.js"
+
+// https://oi-contrib.github.io/Zipaper/index.html
+
+createApp(App)
+    .use(router) // 路由
+    .use(dialogs) // 弹框
+    .component("ui-select-file", uiSelectFile)
     .mount(document.getElementById("root")) // 挂载到页面

package/bin/website-htmls/pages/App/index.html

@@ -1,7 +1,7 @@
-<router></router>
-<div id="dialog-root">
-    <div class="mask" z-on:click="closeDialog"></div>
-</div>
-<a class="fork" href="https://github.com/oi-contrib/OIPage" target="_blank">
-    Fork me on Github
+<router></router>
+<div id="dialog-root">
+    <div class="mask" z-on:click="closeDialog"></div>
+</div>
+<a class="fork" href="https://github.com/oi-contrib/OIPage" target="_blank">
+    Fork me on Github
 </a>

package/bin/website-htmls/pages/App/index.js

@@ -1,23 +1,23 @@
-import { defineElement } from "zipaper"
-import template from "./index.html"
-import style from "./index.scss"
-
-export default defineElement({
-    template,
-    data() {
-        return {
-
-        }
-    },
-    methods: {
-
-        // 点击遮罩关闭弹框
-        closeDialog() {
-            this.$closeDialog()
-        }
-
-    },
-    style: {
-        content: style
-    }
+import { defineElement } from "zipaper"
+import template from "./index.html"
+import style from "./index.scss"
+
+export default defineElement({
+    template,
+    data() {
+        return {
+
+        }
+    },
+    methods: {
+
+        // 点击遮罩关闭弹框
+        closeDialog() {
+            this.$closeDialog()
+        }
+
+    },
+    style: {
+        content: style
+    }
 })