picture_edit 2.1.0 → 2.1.2

package/src/template/frame.html

@@ -1,28 +0,0 @@
-<div class="picture-edit-frame">
-  <div class="cancel-btn" operate="cancel">
-    <img src="../assets/cancel.svg" class="operate-img" operate="cancel">
-  </div>
-  <div class="save-btn" operate="save">
-    <img src="../assets/save.svg" class="operate-img" operate="save">
-  </div>
-  <div class="body-content">
-    <div class="canvas-box"></div>
-  </div>
-  <div class="footer-content">
-    <div class="operate-item" operate="line">
-      <img src="../assets/painting_cancel.svg" class="operate-img" operate="line">
-    </div>
-    <div class="operate-item" operate="text">
-      <img src="../assets/text.svg" class="operate-img" operate="text">
-    </div>
-    <div class="operate-item" operate="back">
-      <img src="../assets/return.svg" class="operate-img" operate="back">
-    </div>
-    <div class="operate-item" operate="clear">
-      <img src="../assets/delete.svg" class="operate-img" operate="clear">
-    </div>
-  </div>
-  <div class="text-content">
-    <div contenteditable="true" class="text-input"></div>
-  </div>
-</div>

package/src/template/frame.less

@@ -1,143 +0,0 @@
-.picture-edit-frame {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  z-index: 99999;
-  display: flex;
-  flex-direction: column;
-  font-size: 16px;
-
-  .body-content {
-    flex: 1;
-    background-color: #fff;
-    overflow: auto;
-    will-change: transform;
-  }
-
-  .cancel-btn {
-    position: fixed;
-    left: 15px;
-    top: 15px;
-    padding: 5px 13px;
-    background-color: white;
-    color: black;
-    z-index: 2;
-    border-radius: 3px;
-  }
-
-  .save-btn {
-    position: fixed;
-    right: 15px;
-    top: 15px;
-    padding: 5px 13px;
-    background-color: white;
-    color: white;
-    z-index: 2;
-    border-radius: 3px;
-  }
-
-  .cancel-test {
-    position: fixed;
-    right: 125px;
-    top: 15px;
-    padding: 5px 13px;
-    background-color: #67c23a;
-    color: white;
-    z-index: 2;
-    border-radius: 3px;
-  }
-
-  .canvas-box {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-  }
-  .footer-content {
-    background-color: #000;
-    height: 6em;
-    display: flex;
-    text-align: center;
-    color: #fff;
-    align-items: flex-start;
-  }
-
-  .operate-item {
-    display: block;
-    margin-top: 25px;
-    width: 10px;
-    flex: 1;
-  }
-
-  .operate-img {
-    width: 1.3em;
-    height: 1.3em;
-  }
-
-  .text-content {
-    position: absolute;
-    inset: 0px;
-    overflow: hidden;
-    z-index: 2;
-    display: none;
-    background-color: white;
-    opacity: 0.93;
-
-    .text-input {
-      min-height: 15%;
-      border-radius: 5px;
-      border: 2px solid rgb(99, 236, 161);
-      outline: none;
-      width: 96%;
-      box-sizing: border-box;
-      position: absolute;
-      top: 8%;
-      left: 2%;
-      right: 2%;
-      z-index: 2;
-      padding: 3px 5px;
-    }
-  }
-
-  .icon-rotate {
-    width: 18px;
-    position: absolute;
-    right: -5px;
-    bottom: -22px;
-  }
-
-  .icon-remove {
-    width: 18px;
-    position: absolute;
-    left: -5px;
-    bottom: -22px;
-  }
-
-  .icon-scale {
-    width: 18px;
-    position: absolute;
-    right: -5px;
-    top: -22px;
-  }
-
-  .operate-rotate {
-    position: absolute;
-    width: 20px;
-    bottom: -30px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .operate-scale {
-    position: absolute;
-    width: 16px;
-    height: 16px;
-    background-color: #fff;
-    right: -8px;
-    top: -8px;
-    border-radius: 50%;
-    box-sizing: border-box;
-  }
-}

package/webpack.config.js

@@ -1,51 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-
-module.exports = {
-  entry: './src/index.js',
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'picture-edit.js',
-    library: {
-      name: 'PED',
-      type: 'umd',
-    },
-  },
-  mode: "production",
-  devServer: {
-    static: './dist',
-    hot: true,
-    client: {
-      overlay: {
-        warnings: false, // 不在页面上显示警告
-        errors: true, // 显示错误
-      },
-    },
-  },
-  plugins: [
-    new HtmlWebpackPlugin({
-      template: './index.html',//指定一个HTML模板文件
-      filename: 'index.html'//生成的HTML文件名，默认是index.html
-    })
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.html$/,
-        use: ['html-loader'], // 使用 html-loader 加载 HTML 文件
-      },
-      {
-        test: /\.less$/,
-        use: [
-          "style-loader",
-          "css-loader",
-          "less-loader"
-        ]
-      },
-      {
-        test: /\.svg$/,
-        type: 'asset/inline',
-      }
-    ]
-  },
-};