sone-ui-component-3.2.4 2.1.50 → 2.1.51

package/package.json

@@ -1,6 +1,6 @@
   {
   "name": "sone-ui-component-3.2.4",
-  "version": "2.1.50",
+  "version": "2.1.51",
   "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,93 @@
+<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,
+    },
+  },
+  data() {
+    return {};
+  },
+  watch: {
+    disabled: {
+      immediate: true,
+      handler: "intEditor",
+    },
+    value: {
+      immediate: true,
+      deep: true,
+      handler: "intEditor",
+    },
+  },
+  methods: {
+    getData() {
+      return this.$refs.luckysheet?.contentWindow?.getData();
+    },
+    exitEditMode() {
+      this.$refs.luckysheet?.contentWindow?.exitEditMode();
+    },
+    // 获取坐标值
+    getCellIndex() {
+      return this.$refs.luckysheet?.contentWindow?.getCellIndex();
+    },
+    // 设置单元格的值
+    setCellValue() {
+      this.$refs.luckysheet?.contentWindow?.setCellValue();
+    },
+    intEditor: throttle(async function() {
+      await this.$nextTick();
+      if (
+        typeof this.$refs.luckysheet.contentWindow.createEditor === "function"
+      ) {
+        this.$refs.luckysheet.contentWindow.createEditor(
+          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

@@ -57,7 +57,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.1.50',
+  version: '2.1.51',
   locale: locale.use,
   i18n: locale.i18n,
   install,

package/src/utils/util.js

@@ -284,3 +284,18 @@ export const deepClone = data => {
   }
   return obj
 }
+
+export function 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)
+  }
+}