yuang-framework-ui-pc 1.1.43 → 1.1.45

package/es/ele-pro-table/components/tool-column.js

@@ -1,280 +0,0 @@
-import { defineComponent, ref, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, normalizeClass, createCommentVNode, toDisplayString } from "vue";
-import { ElIcon, ElCheckbox } from "element-plus";
-import { SettingOutlined } from "../../icons";
-import { eachTree } from "../../utils/core";
-import EleTooltip from "../../ele-tooltip/index";
-import EleTool from "../../ele-tool/index";
-import { getColItems, columnsSettingFilter, getCacheCols, getColsCacheKey, getCacheColsWidth, getCheckedColumns } from "../util";
-import ToolColumnList from "./tool-column-list";
-const _sfc_main = defineComponent({
-  name: "ToolColumn",
-  components: {
-    ElCheckbox,
-    ElIcon,
-    SettingOutlined,
-    EleTooltip,
-    EleTool,
-    ToolColumnList
-  },
-  props: {
-    /** 提示位置 */
-    placement: String,
-    /** 表格国际化 */
-    locale: {
-      type: Object,
-      required: true
-    },
-    /** 列数据 */
-    columns: Array,
-    /** 是否开启列拖拽排序 */
-    sortable: Boolean,
-    /** 是否开启开关固定列 */
-    allowFixed: Boolean,
-    /** 列配置缓存本地的名称 */
-    cacheKey: String
-  },
-  emits: {
-    "update:columns": (_columns, _tableColumns, _isReset) => true
-  },
-  setup(props, { emit }) {
-    const toolRef = ref(null);
-    const colItems = ref([]);
-    const isCheckAll = ref(false);
-    const isIndeterminate = ref(false);
-    const initColItems = () => {
-      const { cols, checkAll, indeterminate } = getColItems(
-        props.columns,
-        props.locale,
-        columnsSettingFilter,
-        getCacheCols(getColsCacheKey(props.cacheKey))
-      );
-      colItems.value = cols;
-      isCheckAll.value = checkAll;
-      isIndeterminate.value = indeterminate;
-    };
-    const updateColumns = (isReset) => {
-      const colsWidth = getCacheColsWidth(props.cacheKey);
-      const columns = getCheckedColumns(
-        props.columns,
-        colItems.value,
-        props.sortable,
-        (item) => item.hideInSetting,
-        void 0,
-        false,
-        colsWidth
-      );
-      const tableColumns = getCheckedColumns(
-        props.columns,
-        colItems.value,
-        props.sortable,
-        (item) => item.hideInSetting,
-        void 0,
-        true,
-        colsWidth
-      );
-      emit("update:columns", columns, tableColumns, !!isReset);
-    };
-    const cacheSettingCols = () => {
-      if (props.cacheKey) {
-        localStorage.setItem(
-          getColsCacheKey(props.cacheKey),
-          JSON.stringify(colItems.value)
-        );
-      }
-    };
-    const cleanSettingCols = () => {
-      if (props.cacheKey) {
-        localStorage.removeItem(getColsCacheKey(props.cacheKey));
-      }
-    };
-    const handleCheckedChange = (item, checked) => {
-      let checkAll = true;
-      let indeterminate = false;
-      eachTree(colItems.value, (d) => {
-        if (d.uid === item.uid) {
-          d.checked = checked;
-        }
-        if (!d.checked && checkAll) {
-          checkAll = false;
-        }
-        if (d.checked && !indeterminate) {
-          indeterminate = true;
-        }
-        if (d.uid === item.uid && !checkAll && indeterminate) {
-          return false;
-        }
-      });
-      isCheckAll.value = colItems.value.length > 0 && checkAll;
-      isIndeterminate.value = !checkAll && indeterminate;
-      cacheSettingCols();
-      updateColumns();
-    };
-    const handleCheckAllChange = (checked) => {
-      isCheckAll.value = checked;
-      isIndeterminate.value = false;
-      eachTree(colItems.value, (d) => {
-        if (d.checked !== checked) {
-          d.checked = checked;
-        }
-      });
-      cacheSettingCols();
-      updateColumns();
-    };
-    const handleSortChange = (items, parent) => {
-      if (!parent) {
-        colItems.value = items;
-      } else {
-        eachTree(colItems.value, (d) => {
-          if (d.uid === parent.uid) {
-            d.children = items;
-            return false;
-          }
-        });
-      }
-      cacheSettingCols();
-      updateColumns();
-    };
-    const handleFixedLeft = (colItem) => {
-      eachTree(colItems.value, (d) => {
-        if (d.uid === colItem.uid) {
-          d.fixed = d.fixed === true || d.fixed === "left" ? false : "left";
-          return false;
-        }
-      });
-      cacheSettingCols();
-      updateColumns();
-    };
-    const handleFixedRight = (colItem) => {
-      eachTree(colItems.value, (d) => {
-        if (d.uid === colItem.uid) {
-          d.fixed = d.fixed === "right" ? false : "right";
-          return false;
-        }
-      });
-      cacheSettingCols();
-      updateColumns();
-    };
-    const handleFixedLeftTooltip = (el) => {
-      toolRef.value && toolRef.value.showTooltip(props.locale.columnFixedLeft ?? "", el);
-    };
-    const handleFixedRightTooltip = (el) => {
-      toolRef.value && toolRef.value.showTooltip(props.locale.columnFixedRight ?? "", el);
-    };
-    const handleReset = () => {
-      cleanSettingCols();
-      initColItems();
-      updateColumns(true);
-    };
-    watch(
-      [() => props.columns, () => props.locale],
-      () => {
-        initColItems();
-      },
-      { immediate: true, deep: true }
-    );
-    return {
-      toolRef,
-      colItems,
-      isCheckAll,
-      isIndeterminate,
-      handleCheckedChange,
-      handleCheckAllChange,
-      handleReset,
-      handleSortChange,
-      handleFixedLeft,
-      handleFixedRight,
-      handleFixedLeftTooltip,
-      handleFixedRightTooltip
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-tool-column-header" };
-const _hoisted_2 = { class: "ele-tool-column-label" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SettingOutlined = resolveComponent("SettingOutlined");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElCheckbox = resolveComponent("ElCheckbox");
-  const _component_ToolColumnList = resolveComponent("ToolColumnList");
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  const _component_EleTool = resolveComponent("EleTool");
-  return openBlock(), createBlock(_component_EleTool, {
-    ref: "toolRef",
-    title: _ctx.locale.columns,
-    placement: _ctx.placement,
-    clickHideTooltip: true
-  }, {
-    default: withCtx(() => [
-      createVNode(_component_EleTooltip, {
-        trigger: "click",
-        placement: "bottom-end",
-        popperClass: "ele-tool-column-popover",
-        transition: "el-zoom-in-top",
-        gpuAcceleration: false,
-        effect: "light",
-        isPopover: true,
-        popperOptions: {
-          strategy: "fixed",
-          modifiers: [{ name: "offset", options: { offset: [20, 10] } }]
-        }
-      }, {
-        body: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass([
-              "ele-popover-body",
-              "ele-tool-column",
-              { "is-sortable": _ctx.sortable }
-            ])
-          }, [
-            createElementVNode("div", _hoisted_1, [
-              createElementVNode("div", _hoisted_2, [
-                createVNode(_component_ElCheckbox, {
-                  label: _ctx.locale.columnTitle,
-                  modelValue: _ctx.isCheckAll,
-                  indeterminate: _ctx.isIndeterminate,
-                  "onUpdate:modelValue": _ctx.handleCheckAllChange
-                }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
-              ]),
-              createElementVNode("div", {
-                class: "ele-tool-column-link",
-                onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
-              }, toDisplayString(_ctx.locale.columnReset), 1)
-            ]),
-            _ctx.colItems.length ? (openBlock(), createBlock(_component_ToolColumnList, {
-              key: 0,
-              data: _ctx.colItems,
-              sortable: _ctx.sortable,
-              allowFixed: _ctx.allowFixed,
-              onSortChange: _ctx.handleSortChange,
-              onCheckedChange: _ctx.handleCheckedChange,
-              onFixedLeft: _ctx.handleFixedLeft,
-              onFixedRight: _ctx.handleFixedRight,
-              onFixedLeftTooltip: _ctx.handleFixedLeftTooltip,
-              onFixedRightTooltip: _ctx.handleFixedRightTooltip
-            }, null, 8, ["data", "sortable", "allowFixed", "onSortChange", "onCheckedChange", "onFixedLeft", "onFixedRight", "onFixedLeftTooltip", "onFixedRightTooltip"])) : createCommentVNode("", true)
-          ], 2)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_ElIcon, null, {
-            default: withCtx(() => [
-              createVNode(_component_SettingOutlined)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["title", "placement"]);
-}
-const toolColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  toolColumn as default
-};

package/es/ele-pro-table/components/tool-print-header-cell.d.ts

@@ -1,39 +0,0 @@
-import { PropType } from 'vue';
-import { StyleValues } from '../../ele-app/types';
-import { HeaderCellStyle, HeaderCellClass } from '../../ele-data-table/types';
-import { CustomRenderProps } from '../../ele-virtual-table/types';
-import { CellRender } from '../../ele-virtual-table/util';
-import { ExportDataItem } from '../types';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /** 列数据 */
-    col: {
-        type: PropType<ExportDataItem>;
-        required: true;
-    };
-    /** 列索引 */
-    columnIndex: NumberConstructor;
-    /** 单元格样式 */
-    headerCellStyle: PropType<HeaderCellStyle>;
-    /** 单元格类名自定义 */
-    headerCellClass: PropType<HeaderCellClass>;
-}>, {
-    renderOpt: import('vue').ComputedRef<CustomRenderProps>;
-    cellStyle: import('vue').ComputedRef<StyleValues | undefined>;
-    cellClass: import('vue').ComputedRef<string>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 列数据 */
-    col: {
-        type: PropType<ExportDataItem>;
-        required: true;
-    };
-    /** 列索引 */
-    columnIndex: NumberConstructor;
-    /** 单元格样式 */
-    headerCellStyle: PropType<HeaderCellStyle>;
-    /** 单元格类名自定义 */
-    headerCellClass: PropType<HeaderCellClass>;
-}>> & Readonly<{}>, {}, {}, {
-    CellRender: typeof CellRender;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/ele-pro-table/components/tool-print-header-cell.js

@@ -1,92 +0,0 @@
-import { defineComponent, computed, resolveComponent, createElementBlock, openBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps } from "vue";
-import { CellRender } from "../../ele-virtual-table/util";
-const _sfc_main = defineComponent({
-  name: "ToolPrintHeaderCell",
-  components: { CellRender },
-  props: {
-    /** 列数据 */
-    col: {
-      type: Object,
-      required: true
-    },
-    /** 列索引 */
-    columnIndex: Number,
-    /** 单元格样式 */
-    headerCellStyle: [Object, Function],
-    /** 单元格类名自定义 */
-    headerCellClass: [String, Function]
-  },
-  setup(props, { slots }) {
-    const renderOpt = computed(() => {
-      const { text, column } = props.col;
-      const params = [{ column, $index: props.columnIndex }];
-      const slotName = column ? column.printHeaderSlot || column.headerSlot : void 0;
-      if (column && slotName && typeof slots[slotName] === "function") {
-        return { render: slots[slotName], params };
-      }
-      return { render: () => text, params };
-    });
-    const cellParam = computed(() => {
-      return {
-        column: props.col.column,
-        columnIndex: props.columnIndex,
-        rowIndex: props.col.index
-      };
-    });
-    const cellStyle = computed(() => {
-      if (typeof props.headerCellStyle === "function") {
-        if (cellParam.value.column == null) {
-          return;
-        }
-        return props.headerCellStyle(cellParam.value);
-      }
-      return props.headerCellStyle;
-    });
-    const cellClass = computed(() => {
-      const classes = [];
-      const column = cellParam.value.column;
-      if (column) {
-        const align = column.headerAlign || column.align;
-        if (align) {
-          classes.push("is-align-" + align);
-        }
-        if (typeof props.headerCellClass === "function") {
-          const temp = props.headerCellClass(cellParam.value);
-          if (temp) {
-            classes.push(temp);
-          }
-        } else if (props.headerCellClass) {
-          classes.push(props.headerCellClass);
-        }
-        if (column.labelClassName) {
-          classes.push(column.labelClassName);
-        }
-      }
-      return classes.join(" ");
-    });
-    return { renderOpt, cellStyle, cellClass };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = ["colspan", "rowspan"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CellRender = resolveComponent("CellRender");
-  return openBlock(), createElementBlock("th", {
-    colspan: _ctx.col.colspan,
-    rowspan: _ctx.col.rowspan,
-    style: normalizeStyle(_ctx.cellStyle),
-    class: normalizeClass(_ctx.cellClass)
-  }, [
-    createVNode(_component_CellRender, normalizeProps(guardReactiveProps(_ctx.renderOpt)), null, 16)
-  ], 14, _hoisted_1);
-}
-const toolPrintHeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  toolPrintHeaderCell as default
-};

package/es/ele-pro-table/style/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 高级表格主题变量 */
-@mixin set-pro-table-var($var) {
-  .ele-tool-column {
-    @include set-ele-var('tool-column', $var);
-  }
-}