From 1e33eff17a8983aca8582065f6ee1cdc53ac559c Mon Sep 17 00:00:00 2001
From: lrz <1414556676@qq.com>
Date: Thu, 27 Aug 2020 17:56:50 +0800
Subject: [PATCH 1/5] docs(doc): doc
sheet, config
---
README-zh.md | 3 +
README.md | 5 +-
docs/zh/guide/cell.md | 9 ++
docs/zh/guide/config.md | 221 ++++++++++++++++++++++++++--------------
docs/zh/guide/sheet.md | 12 ++-
src/global/draw.js | 2 +-
src/index.html | 2 +-
7 files changed, 173 insertions(+), 81 deletions(-)
diff --git a/README-zh.md b/README-zh.md
index ebc83e7..2531f3e 100644
--- a/README-zh.md
+++ b/README-zh.md
@@ -171,7 +171,10 @@ npm run build
[英文社群](./README.md)
## 贡献者和感谢
+- [@wbfsa](https://github.com/wbfsa)
- [@wpxp123456](https://github.com/wpxp123456)
+- [@swen-xiong](https://github.com/swen-xiong)
+- [@tonytonychopper123](https://github.com/tonytonychopper123)
- [@Dushusir](https://github.com/Dushusir)
## 版权信息
diff --git a/README.md b/README.md
index 8bcf504..2fc6d0a 100644
--- a/README.md
+++ b/README.md
@@ -154,7 +154,7 @@ Create a table
})
```
-## Join the co-construction
+## Co-construction
If you want to implement an important function for Luckysheet, you need to write an RFC document first, follow Luckysheet's [RFC](https://github.com/mengshukeji/Luckysheet-rfcs) to operate, and submit the code after community discussion and improvement.
@@ -169,7 +169,10 @@ If you want to implement an important function for Luckysheet, you need to write
[Chinese community](./README-zh.md)
## Authors and acknowledgment
+- [@wbfsa](https://github.com/wbfsa)
- [@wpxp123456](https://github.com/wpxp123456)
+- [@swen-xiong](https://github.com/swen-xiong)
+- [@tonytonychopper123](https://github.com/tonytonychopper123)
- [@Dushusir](https://github.com/Dushusir)
## License
diff --git a/docs/zh/guide/cell.md b/docs/zh/guide/cell.md
index b048210..3751860 100644
--- a/docs/zh/guide/cell.md
+++ b/docs/zh/guide/cell.md
@@ -147,6 +147,15 @@
|
+
+ | ae |
+ allowEdit |
+ 是否允许编辑 |
+
+ 0: 只读，不可编辑 1：可以编辑，默认为 1
+ |
+ |
+
一个规范的单元格对象如下：
diff --git a/docs/zh/guide/config.md b/docs/zh/guide/config.md
index dc908d4..4fb5ccf 100644
--- a/docs/zh/guide/config.md
+++ b/docs/zh/guide/config.md
@@ -22,48 +22,59 @@ luckysheet.create(options)
这里的`options`配置项会作用于整个表格，特别的，单个sheet的配置则需要在`options.data`数组中，分别设置对应更详细的参数，参考[工作表配置](/zh/guide/sheet.html)
+针对个性化的需求，除了允许配置名称栏（[showinfobar](#showinfobar)）、工具栏（[showtoolbar](#showtoolbar)）、底部sheet页（[showsheetbar](#showsheetbar)）、底部计数栏（[showstatisticBar](#showstatisticBar)）之外，
+Luckysheet开放了更细致的自定义配置选项，分别有
+
+- 自定义工具栏（[showtoolbarConfig](#showtoolbarConfig)）
+- 自定义底部sheet页（[showsheetbarConfig](#showsheetbarConfig)）
+- 自定义计数栏（[showstatisticBarConfig](#showstatisticBarConfig)）
+- 自定义添加行和回到顶部（[sheetBottomConfig](#sheetBottomConfig)）
+- 自定义单元格右键菜单（[cellRightClickConfig](#cellRightClickConfig)）
+- 自定义sheet页右击菜单（[sheetRightClickConfig](#sheetRightClickConfig)）
+
+
## 配置项
以下为所有支持的设置参数
-- [container](#container)
-- [title](#title)
-- [lang](#lang)
-- [gridKey](#gridKey)
-- [loadUrl](#loadUrl)
-- [loadSheetUrl](#loadSheetUrl)
-- [allowUpdate](#allowUpdate)
-- [updateUrl](#updateUrl)
-- [updateImageUrl](#updateImageUrl)
-- [data](#data)
-- [plugins](#plugins)
-- [column](#column)
-- [row](#row)
-- [autoFormatw](#autoFormatw)
-- [accuracy](#accuracy)
-- [allowCopy](#allowCopy)
-- [showtoolbar](#showtoolbar)
-- [showtoolbarConfig](#showtoolbarConfig)
-- [showinfobar](#showinfobar)
-- [showsheetbar](#showsheetbar)
-- [showsheetbarConfig](#showsheetbarConfig)
-- [showstatisticBar](#showstatisticBar)
-- [showstatisticBarConfig](#showstatisticBarConfig)
-- [allowEdit](#allowEdit)
-- [enableAddRow](#enableAddRow)
-- [enableAddCol](#enableAddCol)
-- [userInfo](#userInfo)
-- [userMenuItem](#userMenuItem)
-- [myFolderUrl](#myFolderUrl)
-- [devicePixelRatio](#devicePixelRatio)
-- [functionButton](#functionButton)
-- [showConfigWindowResize](#showConfigWindowResize)
-- [enablePage](#enablePage)
-- [fullscreenmode](#fullscreenmode)
-- [beforeCreateDom](#beforeCreateDom)
-- [fireMousedown](#fireMousedown)
-- [forceCalculation](#forceCalculation)
-- [rightClickConfig](#rightClickConfig)
+- 容器ID [container](#container)
+- 工作簿名称 [title](#title)
+- 语言 [lang](#lang)
+- 唯一key [gridKey](#gridKey)
+- 加载整个工作簿 [loadUrl](#loadUrl)
+- 加载其它页celldata [loadSheetUrl](#loadSheetUrl)
+- 允许更新 [allowUpdate](#allowUpdate)
+- 更新地址 [updateUrl](#updateUrl)
+- 缩略图更新地址 [updateImageUrl](#updateImageUrl)
+- 工作表配置 [data](#data)
+- 插件 [plugins](#plugins)
+- 列数 [column](#column)
+- 行数 [row](#row)
+- 亿万格式 [autoFormatw](#autoFormatw)
+- 精度 [accuracy](#accuracy)
+- 允许复制 [allowCopy](#allowCopy)
+- 工具栏 [showtoolbar](#showtoolbar)
+- 自定义工具栏[showtoolbarConfig](#showtoolbarConfig)
+- 名称栏 [showinfobar](#showinfobar)
+- 底部sheet页 [showsheetbar](#showsheetbar)
+- 自定义底部sheet页 [showsheetbarConfig](#showsheetbarConfig)
+- 底部计数栏 [showstatisticBar](#showstatisticBar)
+- 自定义计数栏 [showstatisticBarConfig](#showstatisticBarConfig)
+- 自定义添加行和回到顶部 [sheetBottomConfig](#sheetBottomConfig)
+- 允许编辑 [allowEdit](#allowEdit)
+- 允许增加行 [enableAddRow](#enableAddRow)
+- 允许增加列 [enableAddCol](#enableAddCol)
+- 用户信息 [userInfo](#userInfo)
+- 用户信息菜单 [userMenuItem](#userMenuItem)
+- 返回按钮链接 [myFolderUrl](#myFolderUrl)
+- 比例 [devicePixelRatio](#devicePixelRatio)
+- 功能按钮 [functionButton](#functionButton)
+- 自动缩进界面 [showConfigWindowResize](#showConfigWindowResize)
+- 加载下一页 [enablePage](#enablePage)
+- 全屏模式 [fullscreenmode](#fullscreenmode)
+- 刷新公式 [forceCalculation](#forceCalculation)
+- 自定义单元格右键菜单 [cellRightClickConfig](#cellRightClickConfig)
+- 自定义sheet页右击菜单 [sheetRightClickConfig](#sheetRightClickConfig)
### container
- 类型：String
@@ -74,7 +85,7 @@ luckysheet.create(options)
### title
- 类型：String
- 默认值："Luckysheet Demo"
-- 作用：表格的名称
+- 作用：工作簿名称
------------
### lang
@@ -167,7 +178,7 @@ luckysheet.create(options)
- 作用：是否第二列显示工具栏
------------
-#### showtoolbarConfig
+### showtoolbarConfig
- 类型：Object
- 默认值：{}
- 作用：自定义配置工具栏
@@ -218,13 +229,13 @@ luckysheet.create(options)
### showsheetbar
- 类型：Boolean
- 默认值：true
-- 作用：是否显示底部表格名称区域
+- 作用：是否显示底部sheet页按钮
------------
### showsheetbarConfig
- 类型：Object
- 默认值：{}
-- 作用：自定义配置底部表格名称区域
+- 作用：自定义配置底部sheet页按钮
- 格式：
```json
{
@@ -252,6 +263,18 @@ luckysheet.create(options)
zoom: false // 缩放
}
+------------
+### sheetBottomConfig
+- 类型：Object
+- 默认值：{}
+- 作用：sheet页下方的添加行按钮和回到顶部按钮配置
+- 格式：
+ ```json
+ {
+ addRow: false, // 添加行按钮
+ backTop: false // 回到顶部
+ }
+
------------
### allowEdit
- 类型：Boolean
@@ -318,18 +341,6 @@ luckysheet.create(options)
- 默认值：true
- 作用：是否全屏模式。非全屏模式下，标记框不会强制选中
-------------
-### beforeCreateDom
-- 类型：Function
-- 默认值：null
-- 作用：表格创建之前自定义方法
-
-------------
-### fireMousedown
-- 类型：Function
-- 默认值：null
-- 作用：单元格数据下钻自定义方法
-
------------
### forceCalculation
- 类型：Boolean
@@ -343,33 +354,54 @@ luckysheet.create(options)
⚠️提醒，公式较多时会有性能问题，慎用！
------------
-### rightClickConfig
+### cellRightClickConfig
- 类型：Object
- 默认值：{}
-- 作用：自定义配置右击菜单
+- 作用：自定义配置单元格右击菜单
- 格式：
```json
{
- copy:false, // '复制'
- copyAs:false, // '复制为'
- paste:false, // '粘贴',
- insert:false, // '插入',
- delete:false, // '删除',
- hide:false, // '隐藏',
- deleteCell:false, // '删除单元格',
- clear:false, // '清除内容',
- matrix:false, // '矩阵操作选区',
- sort:false, // '排序选区',
- filter:false, //'筛选选区',
- chart:false, // '图表生成',
+ copy: false, // '复制'
+ copyAs: false, // '复制为'
+ paste: false, // '粘贴'
+ insert: false, // '插入'
+ delete: false, // '删除'
+ hide: false, // '隐藏'
+ deleteCell: false, // '删除单元格'
+ clear: false, // '清除内容'
+ matrix: false, // '矩阵操作选区'
+ sort: false, // '排序选区'
+ filter: false, //'筛选选区'
+ chart: false // '图表生成'
}
+------------
+### sheetRightClickConfig
+- 类型：Object
+- 默认值：{}
+- 作用：自定义配置sheet页右击菜单
+- 格式：
+ ```json
+ {
+ delete: false, // '删除'
+ copy: false, // '复制'
+ rename: false, //重命名
+ color: false, //更改颜色
+ hide: false, //隐藏
+ show: false, //取消隐藏
+ left: false, //向左移
+ right: false //向右移
+ }
+
+------------
+
## 钩子函数
钩子函数应用于二次开发时，会在各个常用鼠标或者键盘操作时植入钩子，调用开发者传入的函数，起到扩展Luckysheet功能的作用。
-钩子函数统一配置在`options.hook`下，可以分别针对单元格、sheet页、表格创建配置hook
+钩子函数统一配置在`options.hook`下，可以分别针对单元格、sheet页、表格创建配置hook。
+------------
### cellHover
- 类型：Function
- 默认值：null
@@ -380,38 +412,75 @@ luckysheet.create(options)
- {Object} [v]: 单元格对象
------------
-
### cellClickBefore
- 类型：Function
- 默认值：null
- 作用：点击单元格前触发，即在点击单元格的时候，最先触发这个方法
------------
-
-### cellClickAfter
+### cellClicked
- 类型：Function
- 默认值：null
- 作用：点击单元格后触发，即在点击单元格的时候，最后触发这个方法
------------
+### cellEditBefore
+- 类型：Function
+- 默认值：null
+- 作用：双击单元格后触发，即在双击单元格编辑内容的时候，最先触发这个方法
+
+------------
+### cellEdited
+- 类型：Function
+- 默认值：null
+- 作用：双击单元格后触发，即在双击单元格编辑内容的时候，最后触发这个方法
+------------
### sheetClickBefore
- 类型：Function
- 默认值：null
- 作用：点击sheet页前触发
------------
-
-### sheetClickAfter
+### sheetClicked
- 类型：Function
- 默认值：null
- 作用：点击sheet页后触发
------------
+### workbookCreateBefore
+- 类型：Function
+- 默认值：null
+- 作用：表格创建之前触发。旧的钩子函数叫做`beforeCreateDom`
-### sheetClickAfter
+------------
+### workbookCreated
- 类型：Function
- 默认值：null
-- 作用：点击sheet页后触发
+- 作用：表格创建之后触发
------------
+### workbookUpdated
+- 类型：Function
+- 默认值：null
+- 作用：表格创建之后触发
+
+------------
+### workbookDestroyBefore
+- 类型：Function
+- 默认值：null
+- 作用：表格创建之后触发
+
+------------
+### workbookDestroyed
+- 类型：Function
+- 默认值：null
+- 作用：表格创建之后触发
+
+------------
+### fireMousedown
+- 类型：Function
+- 默认值：null
+- 作用：单元格数据下钻自定义方法
+
+------------
\ No newline at end of file
diff --git a/docs/zh/guide/sheet.md b/docs/zh/guide/sheet.md
index 41ce8f4..90560e7 100644
--- a/docs/zh/guide/sheet.md
+++ b/docs/zh/guide/sheet.md
@@ -37,8 +37,9 @@ options.data示例如下：
"luckysheet_alternateformat_save": [], //交替颜色
"luckysheet_alternateformat_save_modelCustom": [], //自定义交替颜色
"luckysheet_conditionformat_save": {},//条件格式
- "frozen": {}, //冻结行列
+ "frozen": {}, //冻结行列配置
"chart": [], //图表配置
+ "allowEdit": true, //是否允许编辑
},
{
"name": "Sheet2",
@@ -723,6 +724,12 @@ options.data示例如下：
- 默认值：[]
- 作用： 图表配置
+------------
+### allowEdit
+- 类型：Boolean
+- 默认值：true
+- 作用： 此sheet页是否允许编辑
+
------------
## 调试信息
@@ -765,7 +772,8 @@ Luckysheet在初始化完成之后进行的一系列操作，会将更多本地
"luckysheet_alternateformat_save": [], //交替颜色
"luckysheet_alternateformat_save_modelCustom": [], //自定义交替颜色
"luckysheet_conditionformat_save": {},//条件格式
- "freezen": {}, //冻结行列
+ "frozen": {}, //冻结行列配置
+ "freezen": {}, //冻结行列的渲染数据存储
"chart": [], //图表配置
"visibledatarow": [], //所有行的位置
diff --git a/src/global/draw.js b/src/global/draw.js
index 3974103..4da0812 100644
--- a/src/global/draw.js
+++ b/src/global/draw.js
@@ -716,7 +716,7 @@ function luckysheetDrawMain(scrollWidth, scrollHeight, drawWidth, drawHeight, of
let end_c = Store.visibledatacolumn[c] - scrollWidth;
- //数据透视表\
+ //数据透视表
if (!!Store.luckysheetcurrentisPivotTable && pivotTable.drawPivotTable) {
if ((c == 0 || c == 5) && r <= 11) {
luckysheetTableContent.beginPath();
diff --git a/src/index.html b/src/index.html
index 58aff59..205e4b8 100644
--- a/src/index.html
+++ b/src/index.html
@@ -33,7 +33,7 @@
luckysheet.create({
container: 'luckysheet',
- lang: 'zh',
+ lang: 'en',
allowEdit:true,
forceCalculation:false,
plugins: ['chart'],
From 4232dfc7832846013e623d13f6157ee1e371bda3 Mon Sep 17 00:00:00 2001
From: wpxp123456 <2677556700@qq.com>
Date: Fri, 28 Aug 2020 17:45:37 +0800
Subject: [PATCH 2/5] feat(image insert): image insert
image insert
---
src/controllers/constant.js | 55 ++++++
src/controllers/handler.js | 169 +++++++++++++++++-
src/controllers/imageCtrl.js | 283 ++++++++++++++++++++++++++++++
src/css/luckysheet-core.css | 218 +++++++++++++++++++++++
src/expendPlugins/chart/plugin.js | 8 +-
5 files changed, 728 insertions(+), 5 deletions(-)
create mode 100644 src/controllers/imageCtrl.js
diff --git a/src/controllers/constant.js b/src/controllers/constant.js
index 3731014..12739a5 100644
--- a/src/controllers/constant.js
+++ b/src/controllers/constant.js
@@ -127,6 +127,57 @@ const gridHTML = function(){
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 插入图片
+
`;
}
diff --git a/src/controllers/handler.js b/src/controllers/handler.js
index f3182ed..559070e 100644
--- a/src/controllers/handler.js
+++ b/src/controllers/handler.js
@@ -4,6 +4,7 @@ import luckysheetFreezen from './freezen';
import pivotTable from './pivotTable';
import luckysheetDropCell from './dropCell';
import luckysheetPostil from './postil';
+import imageCtrl from './imageCtrl';
import menuButton from './menuButton';
import conditionformat from './conditionformat';
import alternateformat from './alternateformat';
@@ -1922,6 +1923,119 @@ export default function luckysheetHandler() {
// resize chart
Store.resizeChart(Store.chartparam.luckysheetCurrentChart)
}
+ //image move
+ else if (imageCtrl.move) {
+ let mouse = mouseposition(event.pageX, event.pageY);
+ let x = mouse[0] + $("#luckysheet-cell-main").scrollLeft();
+ let y = mouse[1] + $("#luckysheet-cell-main").scrollTop();
+
+ let myh = $("#luckysheet-modal-dialog-activeImage").outerHeight(),
+ myw = $("#luckysheet-modal-dialog-activeImage").outerWidth();
+
+ let top = y - imageCtrl.moveXY[1],
+ left = x - imageCtrl.moveXY[0];
+
+ if (top < 0) {
+ top = 0;
+ }
+
+ if (top + myh + 42 + 6 > imageCtrl.currentWinH) {
+ top = imageCtrl.currentWinH - myh - 42 - 6;
+ }
+
+ if (left < 0) {
+ left = 0;
+ }
+
+ if (left + myw + 22 + 36 > imageCtrl.currentWinW) {
+ left = imageCtrl.currentWinW - myw - 22 - 36;
+ }
+
+ $("#luckysheet-modal-dialog-activeImage").css({ "left": left, "top": top });
+ }
+ //image resize
+ else if (!!imageCtrl.resize) {
+ let mouse = mouseposition(event.pageX, event.pageY);
+ let x = mouse[0] + $("#luckysheet-cell-main").scrollLeft();
+ let y = mouse[1] + $("#luckysheet-cell-main").scrollTop();
+
+ if (x < 0 || y < 0) {
+ return false;
+ }
+
+ let resizeXY = imageCtrl.resizeXY;
+
+ let topchange = y - resizeXY[1],
+ leftchange = x - resizeXY[0];
+
+ let top = resizeXY[5],
+ height = resizeXY[3],
+ left = resizeXY[4],
+ width = resizeXY[2];
+
+ let resize = imageCtrl.resize;
+
+ if (resize == "lm" || resize == "lt" || resize == "lb") {
+ left = x;
+ width = resizeXY[2] - leftchange;
+
+ if (left > resizeXY[2] + resizeXY[4] - 60) {
+ left = resizeXY[2] + resizeXY[4] - 60;
+ width = resizeXY[2] - (resizeXY[2] + resizeXY[4] - 60 - resizeXY[0]);
+ }
+ else if (left <= 0) {
+ left = 0;
+ width = resizeXY[2] + resizeXY[0];
+ }
+ }
+
+ if (resize == "rm" || resize == "rt" || resize == "rb") {
+ width = resizeXY[2] + leftchange;
+
+ if (width < 60) {
+ width = 60;
+ }
+ else if (width >= imageCtrl.currentWinW - resizeXY[4] - 22 - 36) {
+ width = imageCtrl.currentWinW - resizeXY[4] - 22 - 36;
+ }
+ }
+
+ if (resize == "mt" || resize == "lt" || resize == "rt") {
+ top = y;
+ height = resizeXY[3] - topchange;
+
+ if (top > resizeXY[3] + resizeXY[5] - 60) {
+ top = resizeXY[3] + resizeXY[5] - 60;
+ height = resizeXY[3] - (resizeXY[3] + resizeXY[5] - 60 - resizeXY[1]);
+ }
+ else if (top <= 0) {
+ top = 0;
+ height = resizeXY[3] + resizeXY[1];
+ }
+ }
+
+ if (resize == "mb" || resize == "lb" || resize == "rb") {
+ height = resizeXY[3] + topchange;
+
+ if (height < 60) {
+ height = 60;
+ }
+ else if (height >= imageCtrl.currentWinH - resizeXY[5] - 42 - 6) {
+ height = imageCtrl.currentWinH - resizeXY[5] - 42 - 6;
+ }
+ }
+
+ $("#luckysheet-modal-dialog-activeImage").css({
+ "width": width,
+ "height": height,
+ "left": left,
+ "top": top
+ });
+ $("#luckysheet-modal-dialog-activeImage .luckysheet-modal-dialog-content").css({
+ "background-size": width + "px " + height + "px",
+ "background-position": "0px 0px"
+ })
+ }
else if (luckysheetPostil.move) {
let mouse = mouseposition(event.pageX, event.pageY);
let x = mouse[0] + $("#luckysheet-cell-main").scrollLeft();
@@ -2029,7 +2143,8 @@ export default function luckysheetHandler() {
}
else if (!!formula.rangeMove) {
formula.rangeMoveDraging(event, formula.rangeMovexy, formula.rangeMoveObj.data("range"), formula.rangeMoveObj, Store.sheetBarHeight, Store.statisticBarHeight);
- } else if (!!Store.chart_selection.rangeResize) {
+ }
+ else if (!!Store.chart_selection.rangeResize) {
Store.chart_selection.rangeResizeDraging(event, Store.sheetBarHeight, Store.statisticBarHeight);
}
else if (!!Store.chart_selection.rangeMove) {
@@ -2208,6 +2323,16 @@ export default function luckysheetHandler() {
formula.rangeResizeDragged(event, formula.rangeResizeObj, formula.rangeResize, formula.rangeResizexy, formula.rangeResizeWinW, formula.rangeResizeWinH);
}
+ //image move
+ if (imageCtrl.move) {
+ imageCtrl.moveImgItem();
+ }
+
+ //image resize
+ if (imageCtrl.resize) {
+ imageCtrl.resizeImgItem();
+ }
+
//批注框 移动
if (luckysheetPostil.move) {
luckysheetPostil.move = false;
@@ -3414,6 +3539,48 @@ export default function luckysheetHandler() {
splitColumn.init();
});
+ //菜单栏 插入图片按钮
+ $("#luckysheet-insertImg-btn-title").click(function () {
+ $("#luckysheet-imgUpload").click();
+ });
+ $("#luckysheet-imgUpload").click(function (e) {
+ e.stopPropagation();
+ });
+ $("#luckysheet-imgUpload").on("change", function(e){
+ let file = e.currentTarget.files[0];
+ let render = new FileReader();
+ render.readAsDataURL(file);
+
+ render.onload = function(event){
+ let src = event.target.result;
+
+ let rowIndex = Store.luckysheet_select_save[0].row_focus;
+ let colIndex = Store.luckysheet_select_save[0].column_focus;
+ let left = colIndex == 0 ? 0 : Store.visibledatacolumn[colIndex - 1];
+ let top = rowIndex == 0 ? 0 : Store.visibledatarow[rowIndex - 1];
+
+ let image = new Image();
+ image.onload = function(){
+ let width = image.width,
+ height = image.height;
+
+ let img = {
+ src: src,
+ left: left,
+ top: top,
+ originWidth: width,
+ originHeight: height
+ }
+
+ imageCtrl.addImgItem(img);
+ $("#luckysheet-imgUpload").val("");
+ }
+ image.src = src;
+ }
+ });
+
+
+
//冻结行列
$("#luckysheet-freezen-btn-horizontal").click(function () {
if ($.trim($(this).text()) == locale().freezen.freezenCancel) {
diff --git a/src/controllers/imageCtrl.js b/src/controllers/imageCtrl.js
new file mode 100644
index 0000000..c4fe94a
--- /dev/null
+++ b/src/controllers/imageCtrl.js
@@ -0,0 +1,283 @@
+import {
+ rowLocation,
+ colLocation,
+ mouseposition
+} from '../global/location';
+import { setluckysheet_scroll_status } from '../methods/set';
+
+const imageCtrl = {
+ imgItem: {
+ src: '', //图片url
+ originWidth: null, //图片原始宽度
+ originHeight: null, //图片原始高度
+ default: {
+ width: null, //图片 宽度
+ height: null, //图片 高度
+ left: null, //图片离表格左边的 位置
+ top: null, //图片离表格顶部的 位置
+ },
+ crop: {
+ width: null, //图片裁剪后 宽度
+ height: null, //图片裁剪后 高度
+ offsetLeft: 0, //图片裁剪后离未裁剪时 左边的位移
+ offsetTop: 0, //图片裁剪后离未裁剪时 顶部的位移
+ }
+ },
+ images: null,
+ currentImgId: null,
+ currentWinW: null,
+ currentWinH: null,
+ resize: null,
+ resizeXY: null,
+ move: false,
+ moveXY: null,
+ generateRandomId: function(prefix) {
+ if(prefix == null){
+ prefix = "img";
+ }
+
+ let userAgent = window.navigator.userAgent.replace(/[^a-zA-Z0-9]/g, "").split("");
+
+ let mid = "";
+
+ for(let i = 0; i < 12; i++){
+ mid += userAgent[Math.round(Math.random() * (userAgent.length - 1))];
+ }
+
+ let time = new Date().getTime();
+
+ return prefix + "_" + mid + "_" + time;
+ },
+ modelHtml: function(id, imgItem) {
+ let src = imgItem.src;
+
+ let width = imgItem.default.width,
+ height = imgItem.default.height,
+ left = imgItem.default.left,
+ top = imgItem.default.top;
+
+ return `
+
+
+
+