@wlydfe/pro-ui 0.2.0

package/es/components/table/src/table-title-bar.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './table-title-bar.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-title-bar.vue"]]);
+
+export { PlusTableTitleBar as default };

package/es/components/table/src/table-title-bar.vue2.mjs

@@ -0,0 +1,435 @@
+import { defineComponent, ref, computed, unref, reactive, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, createCommentVNode, createBlock, Fragment, renderList } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { RefreshRight, Setting } from '@element-plus/icons-vue';
+import { PlusPopover } from '../../popover/index.mjs';
+import '../../../hooks/index.mjs';
+import { getTableKey, versionIsLessThan260 } from '../../utils/index.mjs';
+import { ElTooltip, ElIcon, ElButton, ElCheckbox, ElCheckboxGroup } from 'element-plus';
+import Sortable from 'sortablejs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+import { isPlainObject } from '../../utils/is.mjs';
+
+const _hoisted_1 = { class: "plus-table-title-bar" };
+const _hoisted_2 = { class: "plus-table-title-bar__title" };
+const _hoisted_3 = { class: "plus-table-title-bar__toolbar" };
+const _hoisted_4 = { class: "plus-table-title-bar__toolbar__density" };
+const _hoisted_5 = {
+  key: 0,
+  class: "plus-table-checkbox-handle"
+};
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusTableToolbar"
+  },
+  __name: "table-title-bar",
+  props: {
+    columns: { default: () => [] },
+    titleBar: { type: [Boolean, Object], default: true },
+    filterTableHeaderOverflowLabelLength: { default: 6 },
+    defaultSize: { default: "default" },
+    changeColumns: { default: () => [] }
+  },
+  emits: ["filterTable", "clickDensity", "refresh"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const checkboxGroupInstance = ref(null);
+    const titleBarConfig = computed(() => props.titleBar);
+    const iconSize = computed(() => {
+      var _a;
+      return ((_a = titleBarConfig.value.icon) == null ? void 0 : _a.size) || 18;
+    });
+    const iconColor = computed(() => {
+      var _a;
+      return (_a = titleBarConfig.value.icon) == null ? void 0 : _a.color;
+    });
+    const { t } = useLocale();
+    const buttonNameDensity = [
+      {
+        size: "default",
+        text: computed(() => t("plus.table.default"))
+      },
+      {
+        size: "large",
+        text: computed(() => t("plus.table.loose"))
+      },
+      {
+        size: "small",
+        text: computed(() => t("plus.table.compact"))
+      }
+    ];
+    const subColumns = computed(() => props.columns.filter((item) => unref(item.hideInTable) !== true));
+    const getCheckList = (hasDisabled = false) => {
+      if (hasDisabled) {
+        return cloneDeep(subColumns.value).filter((item) => item.disabledHeaderFilter === true).map((item) => getTableKey(item));
+      }
+      return cloneDeep(subColumns.value).map((item) => getTableKey(item));
+    };
+    const state = reactive({
+      checkAll: true,
+      isIndeterminate: false,
+      bigImageVisible: false,
+      srcList: [],
+      checkList: getCheckList()
+    });
+    const handleCheckAllChange = (val) => {
+      state.checkList = val ? getCheckList() : getCheckList(true);
+      handleFilterTableConfirm();
+    };
+    const handleFilterTableConfirm = () => {
+      const columns = cloneDeep(subColumns.value);
+      const filterColumns = columns.filter((item) => state.checkList.includes(getTableKey(item)));
+      emit("filterTable", filterColumns);
+    };
+    const handleCheckGroupChange = (value) => {
+      const checkedCount = value.length;
+      state.checkAll = checkedCount === subColumns.value.length;
+      state.isIndeterminate = checkedCount > 0 && checkedCount < subColumns.value.length;
+      handleFilterTableConfirm();
+    };
+    const handleClickDensity = (size) => {
+      emit("clickDensity", size);
+    };
+    const handleRefresh = () => {
+      emit("refresh");
+    };
+    const getLabel = (label) => {
+      if ((label == null ? void 0 : label.length) <= props.filterTableHeaderOverflowLabelLength) {
+        return label;
+      }
+      return (label == null ? void 0 : label.slice(0, props.filterTableHeaderOverflowLabelLength)) + "...";
+    };
+    const handleDrop = () => {
+      var _a, _b;
+      const checkbox = checkboxGroupInstance.value;
+      if (!checkbox) return;
+      let config = {
+        onEnd: handleDragEnd,
+        ghostClass: "plus-table-ghost-class"
+      };
+      const dragSort = (_b = (_a = props.titleBar) == null ? void 0 : _a.columnSetting) == null ? void 0 : _b.dragSort;
+      if (isPlainObject(dragSort)) {
+        config = { ...config, ...dragSort, handle: ".plus-table-checkbox-handle" };
+      }
+      new Sortable(checkbox, config);
+    };
+    const handleDragEnd = (event) => {
+      const subDragCheckboxList = cloneDeep(props.changeColumns);
+      const draggedCheckbox = props.changeColumns[event.oldIndex];
+      subDragCheckboxList.splice(event.oldIndex, 1);
+      subDragCheckboxList.splice(event.newIndex, 0, draggedCheckbox);
+      emit("filterTable", subDragCheckboxList);
+    };
+    onMounted(() => {
+      var _a, _b;
+      const dragSort = (_b = (_a = props.titleBar) == null ? void 0 : _a.columnSetting) == null ? void 0 : _b.dragSort;
+      if (dragSort !== false) {
+        if (checkboxGroupInstance.value) {
+          handleDrop();
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(
+              toDisplayString(titleBarConfig.value.title),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "toolbar"),
+          ((_a = titleBarConfig.value) == null ? void 0 : _a.refresh) === true ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "plus-table-title-bar__toolbar__refresh",
+            onClick: handleRefresh
+          }, [
+            createVNode(unref(ElTooltip), {
+              effect: "dark",
+              content: unref(t)("plus.table.refresh"),
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "refresh-icon", {}, () => [
+                  createVNode(unref(ElIcon), {
+                    size: iconSize.value,
+                    color: iconColor.value,
+                    class: "plus-table-title-bar__toolbar__icon"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(RefreshRight))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["size", "color"])
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["content"])
+          ])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u8868\u683C\u5BC6\u5EA6 "),
+          ((_b = titleBarConfig.value) == null ? void 0 : _b.density) !== false ? (openBlock(), createBlock(unref(PlusPopover), {
+            key: 1,
+            placement: "bottom",
+            width: 150,
+            trigger: "click",
+            title: unref(t)("plus.table.density")
+          }, {
+            reference: withCtx(() => [
+              createVNode(unref(ElTooltip), {
+                effect: "dark",
+                content: unref(t)("plus.table.density"),
+                placement: "top"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "density-icon", {}, () => [
+                    createVNode(unref(ElIcon), {
+                      size: iconSize.value,
+                      color: iconColor.value,
+                      class: "plus-table-title-bar__toolbar__icon"
+                    }, {
+                      default: withCtx(() => _cache[2] || (_cache[2] = [
+                        createElementVNode(
+                          "svg",
+                          {
+                            viewBox: "0 0 1024 1024",
+                            focusable: "false",
+                            "data-icon": "column-height",
+                            fill: "currentColor",
+                            "aria-hidden": "true"
+                          },
+                          [
+                            createElementVNode("path", { d: "M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 00-11.3 0L403.6 366.3a7.23 7.23 0 005.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z" })
+                          ],
+                          -1
+                          /* CACHED */
+                        )
+                      ])),
+                      _: 1,
+                      __: [2]
+                    }, 8, ["size", "color"])
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["content"])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                (openBlock(), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(buttonNameDensity, (item) => {
+                    return createVNode(unref(ElButton), {
+                      key: item.size,
+                      plain: _ctx.defaultSize !== item.size,
+                      type: "primary",
+                      size: "small",
+                      onClick: ($event) => handleClickDensity(item.size)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(unref(item.text)),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["plain", "onClick"]);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["title"])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u5217\u8BBE\u7F6E "),
+          ((_c = titleBarConfig.value) == null ? void 0 : _c.columnSetting) !== false ? (openBlock(), createBlock(unref(PlusPopover), {
+            key: 2,
+            placement: "bottom",
+            width: 100,
+            trigger: "click",
+            title: unref(t)("plus.table.columnSettings")
+          }, {
+            reference: withCtx(() => [
+              createVNode(unref(ElTooltip), {
+                effect: "dark",
+                content: unref(t)("plus.table.columnSettings"),
+                placement: "top"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "column-settings-icon", {}, () => [
+                    createVNode(unref(ElIcon), {
+                      size: iconSize.value,
+                      color: iconColor.value,
+                      class: "plus-table-title-bar__toolbar__icon"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Setting))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["size", "color"])
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["content"])
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(ElCheckbox), {
+                modelValue: state.checkAll,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.checkAll = $event),
+                indeterminate: state.isIndeterminate,
+                onChange: handleCheckAllChange
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(unref(t)("plus.table.selectAll")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue", "indeterminate"]),
+              createVNode(unref(ElCheckboxGroup), {
+                modelValue: state.checkList,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.checkList = $event),
+                onChange: handleCheckGroupChange
+              }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "div",
+                    {
+                      ref_key: "checkboxGroupInstance",
+                      ref: checkboxGroupInstance,
+                      class: "plus-table-checkbox-sortable-list"
+                    },
+                    [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(subColumns.value, (item) => {
+                          var _a2, _b2;
+                          return openBlock(), createElementBlock("div", {
+                            key: item.prop,
+                            class: "plus-table-checkbox-item"
+                          }, [
+                            ((_b2 = (_a2 = titleBarConfig.value) == null ? void 0 : _a2.columnSetting) == null ? void 0 : _b2.dragSort) !== false ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                              renderSlot(_ctx.$slots, "drag-sort-icon", {}, () => [
+                                _cache[3] || (_cache[3] = createTextVNode("\u2637"))
+                              ])
+                            ])) : createCommentVNode("v-if", true),
+                            createCommentVNode(" element-plus \u7248\u672C\u53F7\u5C0F\u4E8E2.6.0 "),
+                            unref(versionIsLessThan260) ? (openBlock(), createBlock(unref(ElCheckbox), {
+                              key: 1,
+                              label: unref(getTableKey)(item),
+                              disabled: item.disabledHeaderFilter,
+                              class: "plus-table-title-bar__toolbar__checkbox__item"
+                            }, {
+                              default: withCtx(() => {
+                                var _a3;
+                                return [
+                                  item.label && ((_a3 = item.label) == null ? void 0 : _a3.length) > _ctx.filterTableHeaderOverflowLabelLength ? (openBlock(), createBlock(unref(ElTooltip), {
+                                    key: 0,
+                                    content: item.label,
+                                    placement: "right-start"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(
+                                        toDisplayString(getLabel(item.label)),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["content"])) : (openBlock(), createElementBlock(
+                                    "span",
+                                    _hoisted_6,
+                                    toDisplayString(item.label ? getLabel(item.label) : ""),
+                                    1
+                                    /* TEXT */
+                                  ))
+                                ];
+                              }),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["label", "disabled"])) : (openBlock(), createElementBlock(
+                              Fragment,
+                              { key: 2 },
+                              [
+                                createCommentVNode(" element-plus \u7248\u672C\u53F7\u5927\u4E8E\u7B49\u4E8E2.6.0 "),
+                                createVNode(unref(ElCheckbox), {
+                                  value: unref(getTableKey)(item),
+                                  disabled: item.disabledHeaderFilter,
+                                  class: "plus-table-title-bar__toolbar__checkbox__item"
+                                }, {
+                                  default: withCtx(() => {
+                                    var _a3;
+                                    return [
+                                      item.label && ((_a3 = item.label) == null ? void 0 : _a3.length) > _ctx.filterTableHeaderOverflowLabelLength ? (openBlock(), createBlock(unref(ElTooltip), {
+                                        key: 0,
+                                        content: item.label,
+                                        placement: "right-start"
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(
+                                            toDisplayString(getLabel(item.label)),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ]),
+                                        _: 2
+                                        /* DYNAMIC */
+                                      }, 1032, ["content"])) : (openBlock(), createElementBlock(
+                                        "span",
+                                        _hoisted_7,
+                                        toDisplayString(item.label ? getLabel(item.label) : ""),
+                                        1
+                                        /* TEXT */
+                                      ))
+                                    ];
+                                  }),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["value", "disabled"])
+                              ],
+                              64
+                              /* STABLE_FRAGMENT */
+                            ))
+                          ]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ],
+                    512
+                    /* NEED_PATCH */
+                  )
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["modelValue"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["title"])) : createCommentVNode("v-if", true)
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table/src/type.d.ts

@@ -0,0 +1,208 @@
+import type { RecordType, PageInfo, Mutable } from '@wlydfe/pro-ui-types';
+import type { ComponentSize } from 'element-plus/es/constants';
+import type { ElForm, ElFormItem, ElMessageBoxOptions, ButtonProps, LinkProps, IconProps, ElTooltipProps, TableColumnCtx } from 'element-plus';
+import type { Component, Ref, ComputedRef, AppContext } from 'vue';
+import type { Options as SortableOptions } from 'sortablejs';
+/**
+ * 表格操作栏按钮配置项的值的类型
+ */
+export interface ActionBarButtonsRow {
+    /**
+     * 操作文本
+     */
+    text: string | Ref<string> | ComputedRef<string> | ((row: any, index: number, button: ActionBarButtonsRow) => string | Ref<string> | ComputedRef<string>);
+    /**
+     * 操作唯一code
+     *
+     */
+    code?: string | number;
+    /**
+     * `@element-plus/icons-vue` 的图标名称，对ElButton,ElLink 和ElIcon 组件同时生效
+     */
+    icon?: Component;
+    /**
+     * ElButton,ElLink和ElIcon 组件对应的props
+     */
+    props?: Partial<Mutable<ButtonProps & LinkProps & IconProps>>;
+    /**
+     * ElTooltip组件的props， type 为icon 时生效
+     */
+    tooltipProps?: Partial<ElTooltipProps>;
+    /**
+     * 按钮显示的逻辑 默认 true 显示， 不需要显示给 false
+     *
+     * 可以用来控制权限
+     */
+    show?: boolean | Ref<boolean> | ComputedRef<boolean> | ((row: any, index: number, button: ActionBarButtonsRow) => boolean | Ref<boolean> | ComputedRef<boolean>);
+    /**
+     * 操作是不是需要二次确认  默认值为 `false`
+     */
+    confirm?: boolean | {
+        /**
+         * 默认 `提示`
+         */
+        title?: string | ((data: ButtonsCallBackParams) => string);
+        /**
+         * 默认 `确定执行本次操作`
+         */
+        message?: string | ((data: ButtonsCallBackParams) => string);
+        /**
+         *  ElMessageBox.confirm 的options
+         */
+        options?: ElMessageBoxOptions;
+        /**
+         *  ElMessageBox.confirm 的appContext
+         */
+        appContext?: AppContext | null;
+    };
+}
+/**
+ * 表格可编辑表单的行form 的参数类型
+ */
+export interface TableFormRefRow {
+    /**
+     * 单元格的表单实例
+     */
+    formInstance: Ref<InstanceType<typeof ElForm>>;
+    /**
+     * 单元格的表单单项实例
+     * @deprecated v0.0.1-beta.34
+     */
+    formItemInstance: Ref<InstanceType<typeof ElFormItem>>;
+    /**
+     * 获取显示组件实例
+     */
+    getDisplayItemInstance: () => {
+        index: number;
+        prop: string;
+        formInstance: Ref<InstanceType<typeof ElForm>>;
+        /**
+         * 单元格的表单单项实例
+         * @deprecated v0.0.1-beta.34
+         */
+        formItemInstance: Ref<InstanceType<typeof ElFormItem>>;
+    };
+    /**
+     * 表格的行索引
+     */
+    index: number;
+    /**
+     * 表格的列字段
+     */
+    prop: string;
+    /**
+     * 单元格的表单开启编辑
+     * @returns
+     */
+    startCellEdit: () => void;
+    /**
+     * 单元格的表单停止编辑
+     * @returns
+     */
+    stopCellEdit: () => void;
+}
+/**
+ * 点击按钮回调的参数的类型
+ */
+export interface ButtonsCallBackParams {
+    /**
+     * 表格行数据
+     */
+    row: RecordType;
+    /**
+     * 点击按钮数据
+     */
+    buttonRow: ActionBarButtonsRow;
+    /**
+     * 表格索引
+     */
+    index: number;
+    /**
+     * 按钮点击事件数据
+     */
+    e: MouseEvent;
+    /**
+     * 可编辑表单的行form
+     */
+    formRefs?: TableFormRefRow[];
+}
+/**
+ * 操作栏的整体类型
+ */
+export interface ActionBarProps {
+    /**
+     * 操作栏名称  默认值为 `'操作栏'`
+     *
+     */
+    label?: string;
+    /**
+     * 操作栏固定   默认值为 `'right'`
+     */
+    fixed?: string;
+    /**
+     * 显示出来的按钮个数  默认值为 `3`
+     */
+    showNumber?: number;
+    /**
+     * 操作按钮的类型   默认值为 `'link'`
+     */
+    type?: 'icon' | 'button' | 'link';
+    /**
+     * 操作按钮集合   默认值为 `[]`
+     */
+    buttons?: ActionBarButtonsRow[];
+    /**
+     * 表格操作栏 el-table-column 的其width   默认值为 `200`
+     */
+    width?: string | number;
+    /**
+     * 表格操作栏 el-table-column 的其他props   默认值为 `{}`
+     */
+    actionBarTableColumnProps?: Partial<TableColumnCtx<any>>;
+}
+/**
+ * 表格自身状态
+ */
+export interface TableState {
+    size?: ComponentSize;
+    /**
+     * 分页参数供表格自身使用
+     */
+    subPageInfo: PageInfo;
+}
+/**
+ * 标题栏
+ */
+export type TitleBar = Partial<{
+    /**
+     * 标题  使用title插槽则此配置不生效
+     */
+    title?: string;
+    /**
+     *  是否需要刷新  默认false
+     */
+    refresh?: boolean;
+    /**
+     *  是否需要密度控制  默认true
+     */
+    density?: boolean;
+    /**
+     * 是否需要列设置 默认true
+     */
+    columnSetting?: boolean | {
+        dragSort?: boolean | Partial<SortableOptions>;
+    };
+    /**
+     * 工具栏 icon 的大小和颜色配置
+     */
+    icon?: {
+        /**
+         * icon 的大小  默认 18
+         */
+        size?: string;
+        /**
+         * icon 的颜色  默认 #606266
+         */
+        color?: string;
+    };
+}>;

package/es/components/table/src/type.mjs

@@ -0,0 +1 @@
+

package/es/components/table/style/css.d.ts

@@ -0,0 +1,13 @@
+import 'element-plus/es/components/table/style/css';
+import 'element-plus/es/components/table-column/style/css';
+import 'element-plus/es/components/button/style/css';
+import 'element-plus/es/components/link/style/css';
+import 'element-plus/es/components/tooltip/style/css';
+import 'element-plus/es/components/message-box/style/css';
+import 'element-plus/es/components/dropdown/style/css';
+import 'element-plus/es/components/dropdown-menu/style/css';
+import 'element-plus/es/components/dropdown-item/style/css';
+import '@wlydfe/pro-ui-components/display-item/style/css';
+import '@wlydfe/pro-ui-components/popover/style/css';
+import '@wlydfe/pro-ui-components/pagination/style/css';
+import '@wlydfe/pro-ui-theme-chalk/plus-table.css';

package/es/components/table/style/css.mjs

@@ -0,0 +1,13 @@
+import 'element-plus/es/components/table/style/css.mjs';
+import 'element-plus/es/components/table-column/style/css.mjs';
+import 'element-plus/es/components/button/style/css.mjs';
+import 'element-plus/es/components/link/style/css.mjs';
+import 'element-plus/es/components/tooltip/style/css.mjs';
+import 'element-plus/es/components/message-box/style/css.mjs';
+import 'element-plus/es/components/dropdown/style/css.mjs';
+import 'element-plus/es/components/dropdown-menu/style/css.mjs';
+import 'element-plus/es/components/dropdown-item/style/css.mjs';
+import '../../display-item/style/css.mjs';
+import '../../popover/style/css.mjs';
+import '../../pagination/style/css.mjs';
+import '@wlydfe/pro-ui-theme-chalk/plus-table.css';