sone-ui-component-3.2.4 2.1.50 → 2.1.52

package/package.json

@@ -1,6 +1,6 @@
   {
   "name": "sone-ui-component-3.2.4",
-  "version": "2.1.50",
+  "version": "2.1.52",
   "private": false,
   "main": "lib/sone-ui.common.js",
   "files": [

package/packages/luckySheet/index.js

@@ -0,0 +1,15 @@
+/*
+ * @Descripttion: your project
+ * @version: 1.0
+ * @Author: lw
+ * @Date: 2025-02-28 10:22:13
+ * @LastEditors: lw
+ * @LastEditTime: 2025-02-28 10:23:12
+ */
+import LuckySheet from './src/main';
+
+LuckySheet.install = function (Vue) {
+  Vue.component(LuckySheet.name, LuckySheet);
+};
+
+export default LuckySheet;

package/packages/luckySheet/src/main.vue

@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <iframe
+      ref="luckysheet"
+      src="/luckySheet/index.html"
+      frameborder="0"
+      style="width: 100%"
+      :style="{ height: height }"
+    />
+  </div>
+</template>
+<script>
+import { deepClone, throttle } from "sone-ui-component/src/utils/util";
+const initialData = [
+  {
+    name: "sheet1", //工作表名称
+    index: 0, //工作表索引
+    status: 1, //激活状态
+    order: 0, //工作表的下标
+    celldata: [], //初始化使用的单元格数据
+    config: {},
+    calcChain: [],
+  },
+];
+export default {
+  name: "SoneLuckySheet",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    height: {
+      type: String,
+      default: "700px",
+    },
+    value: {
+      type: Array,
+      default: () => initialData,
+    },
+    options: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {};
+  },
+  watch: {
+    disabled: {
+      immediate: true,
+      handler: "intEditor",
+    },
+    value: {
+      immediate: true,
+      deep: true,
+      handler: "intEditor",
+    },
+  },
+  methods: {
+    getData() {
+      let data = this.$refs.luckysheet?.contentWindow?.getData();
+      return data;
+    },
+    exitEditMode() {
+      this.$refs.luckysheet?.contentWindow?.exitEditMode();
+    },
+    // 获取坐标值
+    getCellIndex() {
+      let index = this.$refs.luckysheet?.contentWindow?.getCellIndex();
+      return index;
+    },
+    // 设置单元格的值
+    setCellValue(row, col, value) {
+      this.$refs.luckysheet?.contentWindow?.setCellValue(row, col, value);
+    },
+    intEditor: throttle(async function() {
+      await this.$nextTick();
+      if (
+        typeof this.$refs.luckysheet.contentWindow.createEditor === "function"
+      ) {
+        this.$refs.luckysheet.contentWindow.createEditor(
+          this.value ? deepClone(this.value) : deepClone(initialData),
+          this.disabled
+        );
+      } else {
+        setTimeout(() => {
+          this.intEditor();
+        }, 500);
+      }
+    }, 200),
+
+    getRangeHtml() {
+      const html = this.$refs.luckysheet.contentWindow.getRangeHtml();
+      return html;
+    },
+  },
+};
+</script>

package/src/index.js

@@ -17,7 +17,8 @@ import Editor from '../packages/editor/index.js';
 import InputNumber from '../packages/inputNumber/index.js';
 import Cascader from '../packages/cascader/index.js';
 import Autocomplete from '../packages/autocomplete/index.js';
-import FileUpload from '../packages/fileUpload/index.js';
+import FileUpload from '../packages/fileUpload/index.js';
+import LuckySheet from '../packages/luckySheet/index.js';
 import locale from 'sone-ui-component/src/locale';
 import 'sone-ui-component/src/utils/directives.js';
 const components = [
@@ -37,7 +38,8 @@ const components = [
   InputNumber,
   Cascader,
   Autocomplete,
-  FileUpload
+  FileUpload,
+  LuckySheet
 ];
 
 const install = function(Vue, opts = {}) {
@@ -57,7 +59,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.1.50',
+  version: '2.1.52',
   locale: locale.use,
   i18n: locale.i18n,
   install,
@@ -78,5 +80,6 @@ export default {
   InputNumber,
   Cascader,
   Autocomplete,
-  FileUpload
+  FileUpload,
+  LuckySheet
 };

package/src/utils/util.js

@@ -284,3 +284,18 @@ export const deepClone = data => {
   }
   return obj
 }
+
+export const throttle=(fn, time)=> {
+  let timer = null
+  time = time || 1000
+  return function (...args) {
+    if (timer) {
+      return
+    }
+    const _this = this
+    timer = setTimeout(() => {
+      timer = null
+    }, time)
+    fn.apply(_this, args)
+  }
+}

package/lib/demo.html

@@ -1,10 +0,0 @@
-<meta charset="utf-8">
-<title>sone-ui demo</title>
-<script src="./sone-ui.umd.js"></script>
-
-<link rel="stylesheet" href="./sone-ui.css">
-
-
-<script>
-console.log(sone-ui)
-</script>

package/lib/locale/lang/en.js

@@ -1,26 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define('sone/locale/en', ['module', 'exports'], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(module, exports);
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod, mod.exports);
-    global.SONE.lang = global.SONE.lang || {}; 
-    global.SONE.lang.en = mod.exports;
-  }
-})(this, function (module, exports) {
-  'use strict';
-
-  exports.__esModule = true;
-  exports.default = {
-    sone: {
-      empty: {
-        description: 'No Data'
-      }
-    }
-  };
-  module.exports = exports['default'];
-});

package/lib/locale/lang/zh-CN.js

@@ -1,26 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define('sone/locale/zh-CN', ['module', 'exports'], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(module, exports);
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod, mod.exports);
-    global.SONE.lang = global.SONE.lang || {}; 
-    global.SONE.lang.zhCN = mod.exports;
-  }
-})(this, function (module, exports) {
-  'use strict';
-
-  exports.__esModule = true;
-  exports.default = {
-    sone: {
-      empty: {
-        description: '暂无数据'
-      }
-    }
-  };
-  module.exports = exports['default'];
-});