@fmdevui/fm-dev 1.0.76 → 1.0.77

package/es/packages/core/ui/components/selecttable/renderCol.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './renderCol.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/selecttable/renderCol.vue2.mjs

@@ -0,0 +1,28 @@
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RenderCol"
+  },
+  __name: "renderCol",
+  props: {
+    row: Object,
+    render: Function,
+    index: Number,
+    column: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const renderComponent = () => {
+      return props.render(props?.row[props?.column?.prop], props.row, props.index);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(renderComponent));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/selecttable/style/css.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/t-select-table.css';

package/es/packages/core/ui/components/selecttable/style/index.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/src/select-table.scss';

package/es/packages/core/ui/components/selecttable/type.mjs

@@ -0,0 +1 @@
+

package/es/packages/core/ui/components/selecttable/useVirtualized.mjs

@@ -0,0 +1,67 @@
+import { ref, nextTick } from 'vue';
+
+function useVirtualized() {
+  const actualHeightContainerEl = ref(null);
+  const translateContainerEl = ref(null);
+  const scrollContainerEl = ref(null);
+  const isMultiple = ref(false);
+  const saveDATA = ref([]);
+  const RenderedItemsCache = {};
+  const getDom = (props) => {
+    const getElements = (className) => {
+      actualHeightContainerEl.value = document.querySelector(`${className} .el-scrollbar__view`);
+      translateContainerEl.value = document.querySelector(`${className} .el-table__body`);
+      scrollContainerEl.value = document.querySelector(`${className} .el-scrollbar__wrap`);
+    };
+    isMultiple.value = props.multiple;
+    if (props.multiple) {
+      getElements(".fm_select_table_multiple");
+    } else {
+      getElements(".fm_select_table_radio");
+    }
+  };
+  const getItemHeightFromCache = (index) => {
+    const val = RenderedItemsCache[index];
+    return val === void 0 ? 50 : val;
+  };
+  const updateActualHeight = () => {
+    let actualHeight = 0;
+    saveDATA.value.forEach((_, i) => {
+      actualHeight += getItemHeightFromCache(i);
+    });
+    actualHeightContainerEl.value.style.height = actualHeight + "px";
+  };
+  const updateOffset = (offset) => {
+    if (translateContainerEl.value && translateContainerEl.value.style) {
+      translateContainerEl.value.style.transform = `translateY(${offset}px)`;
+    }
+  };
+  const updateRenderedItemCache = (index) => {
+    const shouldUpdate = Object.keys(RenderedItemsCache).length < saveDATA.value.length;
+    if (!shouldUpdate) return;
+    nextTick(() => {
+      const Items = Array.from(
+        document.querySelectorAll(
+          `${isMultiple.value ? `.fm_select_table_multiple` : `.fm_select_table_radio`} .el-table__row`
+        )
+      );
+      Items.forEach((el) => {
+        if (!RenderedItemsCache[index]) {
+          RenderedItemsCache[index] = el.offsetHeight;
+        }
+        index++;
+      });
+      updateActualHeight();
+    });
+  };
+  return {
+    scrollContainerEl,
+    updateRenderedItemCache,
+    updateOffset,
+    getDom,
+    getItemHeightFromCache,
+    saveDATA
+  };
+}
+
+export { useVirtualized };