@wlydfe/pro-ui 0.2.0

package/es/components/steps-form/src/index.vue.mjs

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

package/es/components/steps-form/src/index.vue2.mjs

@@ -0,0 +1,124 @@
+import { defineComponent, ref, watchEffect, openBlock, createElementBlock, normalizeClass, createVNode, unref, mergeProps, withCtx, Fragment, renderList, createBlock, createSlots, renderSlot } from 'vue';
+import { ElSteps, ElStep } from 'element-plus';
+import '../../../hooks/index.mjs';
+import { PlusForm } from '../../form/index.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusStepsForm"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: 1 },
+    data: { default: () => [] }
+  },
+  emits: ["pre", "next", "update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale();
+    const active = ref();
+    watchEffect(() => {
+      active.value = props.modelValue;
+    });
+    const handleChange = (values, column) => {
+      emit("change", values, column);
+    };
+    const pre = () => {
+      if (active.value-- > props.data.length + 1) active.value = 1;
+      emit("update:modelValue", active.value);
+      emit("pre", active.value);
+    };
+    const next = (values) => {
+      if (active.value++ > props.data.length - 1) active.value = props.data.length;
+      emit("update:modelValue", active.value);
+      emit("next", active.value, values);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["plus-steps-form", _ctx.$attrs.direction === "vertical" ? "plus-steps-from-vertical" : ""])
+        },
+        [
+          createVNode(unref(ElSteps), mergeProps({
+            active: active.value,
+            "finish-status": "success"
+          }, _ctx.$attrs), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.data, (item) => {
+                  return openBlock(), createBlock(
+                    unref(ElStep),
+                    mergeProps({
+                      key: item.title
+                    }, { ref_for: true }, item),
+                    createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      _ctx.$slots.icon ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "icon", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      _ctx.$slots.title ? {
+                        name: "title",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "title", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "1"
+                      } : void 0,
+                      _ctx.$slots.description ? {
+                        name: "description",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "description", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "2"
+                      } : void 0
+                    ]),
+                    1040
+                    /* FULL_PROPS, DYNAMIC_SLOTS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["active"]),
+          createVNode(unref(PlusForm), mergeProps(_ctx.data[active.value - 1].form, {
+            "has-reset": active.value !== 1,
+            "submit-text": active.value === _ctx.data.length ? unref(t)("plus.stepsForm.submitText") : unref(t)("plus.stepsForm.nextText"),
+            "reset-text": unref(t)("plus.stepsForm.preText"),
+            onSubmit: next,
+            onReset: pre,
+            onChange: handleChange
+          }), null, 16, ["has-reset", "submit-text", "reset-text"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/steps-form/style/css.d.ts

@@ -0,0 +1,4 @@
+import 'element-plus/es/components/steps/style/css';
+import 'element-plus/es/components/step/style/css';
+import '@wlydfe/pro-ui-components/form/style/css';
+import '@wlydfe/pro-ui-theme-chalk/plus-steps-form.css';

package/es/components/steps-form/style/css.mjs

@@ -0,0 +1,4 @@
+import 'element-plus/es/components/steps/style/css.mjs';
+import 'element-plus/es/components/step/style/css.mjs';
+import '../../form/style/css.mjs';
+import '@wlydfe/pro-ui-theme-chalk/plus-steps-form.css';

package/es/components/steps-form/style/index.d.ts

@@ -0,0 +1,4 @@
+import 'element-plus/es/components/steps/style/index';
+import 'element-plus/es/components/step/style/index';
+import '@wlydfe/pro-ui-components/form/style/index';
+import '@wlydfe/pro-ui-theme-chalk/src/steps-form.scss';

package/es/components/steps-form/style/index.mjs

@@ -0,0 +1,4 @@
+import 'element-plus/es/components/steps/style/index.mjs';
+import 'element-plus/es/components/step/style/index.mjs';
+import '../../form/style/index.mjs';
+import '../../../theme-chalk/src/steps-form.scss.mjs';

package/es/components/table/index.d.ts

@@ -0,0 +1,6 @@
+import type { PlusTableProps } from './src/index.vue';
+import Table from './src/index.vue';
+export type PlusTableInstance = InstanceType<typeof Table>;
+export * from './src/type';
+export type { PlusTableProps };
+export declare const PlusTable: any;

package/es/components/table/index.mjs

@@ -0,0 +1,6 @@
+import Table from './src/index.vue.mjs';
+import './src/type.mjs';
+
+const PlusTable = Table;
+
+export { PlusTable };

package/es/components/table/src/index.vue.mjs

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

package/es/components/table/src/index.vue2.mjs

@@ -0,0 +1,338 @@
+import { defineComponent, ref, shallowRef, reactive, useSlots, provide, watch, unref, toRefs, openBlock, createElementBlock, createBlock, createSlots, withCtx, renderSlot, createCommentVNode, withDirectives, mergeProps, createElementVNode, createVNode, renderList, normalizeProps, guardReactiveProps, isRef } from 'vue';
+import { PlusPagination } from '../../pagination/index.mjs';
+import '../../../constants/index.mjs';
+import { ElTable, ElTableColumn, vLoading } from 'element-plus';
+import { filterSlots, getTableCellSlotName, getTableHeaderSlotName, getFieldSlotName, getExtraSlotName } from '../../utils/index.mjs';
+import PlusTableActionBarComponent from './table-action-bar.vue.mjs';
+import PlusTableColumnComponent from './table-column.vue.mjs';
+import PlusTableTableColumnIndex from './table-column-index.vue.mjs';
+import PlusTableColumnDragSort from './table-column-drag-sort.vue.mjs';
+import PlusTableTitleBar from './table-title-bar.vue.mjs';
+import { DefaultPageInfo } from '../../../constants/page.mjs';
+import { TableFormRefInjectionKey } from '../../../constants/form.mjs';
+
+const _hoisted_1 = { class: "plus-table" };
+const _hoisted_2 = { class: "plus-table-expand-col" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusTable",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    defaultSize: { default: "default" },
+    pagination: { type: [Boolean, Object], default: false },
+    actionBar: { type: [Boolean, Object], default: false },
+    hasIndexColumn: { type: Boolean, default: false },
+    titleBar: { type: [Boolean, Object], default: true },
+    isSelection: { type: Boolean, default: false },
+    hasExpand: { type: Boolean, default: false },
+    loadingStatus: { type: Boolean, default: false },
+    height: {},
+    tableData: { default: () => [] },
+    columns: { default: () => [] },
+    headerCellStyle: { default: () => ({}) },
+    rowKey: { default: "id" },
+    dragSortable: { type: [Boolean, Object], default: false },
+    dragSortableTableColumnProps: { default: () => ({}) },
+    indexTableColumnProps: { default: () => ({}) },
+    selectionTableColumnProps: { default: () => ({
+      width: 40
+    }) },
+    expandTableColumnProps: { default: () => ({}) },
+    indexContentStyle: { type: [Object, Function], default: () => ({}) }
+  },
+  emits: ["paginationChange", "clickAction", "clickActionConfirmCancel", "dragSortEnd", "formChange", "refresh"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
+    const PlusTableActionBar = PlusTableActionBarComponent;
+    const PlusTableColumn = PlusTableColumnComponent;
+    const props = __props;
+    const emit = __emit;
+    const subColumns = ref([]);
+    const tableInstance = shallowRef(null);
+    const state = reactive({
+      subPageInfo: {
+        ...((_a = props.pagination) == null ? void 0 : _a.modelValue) || DefaultPageInfo
+      },
+      size: props.defaultSize
+    });
+    const slots = useSlots();
+    const cellSlots = filterSlots(slots, getTableCellSlotName());
+    const headerSlots = filterSlots(slots, getTableHeaderSlotName());
+    const fieldSlots = filterSlots(slots, getFieldSlotName());
+    const extraSlots = filterSlots(slots, getExtraSlotName());
+    const formRefs = shallowRef({});
+    provide(TableFormRefInjectionKey, formRefs);
+    watch(
+      () => props.columns,
+      (val) => {
+        subColumns.value = val.filter((item) => unref(item.hideInTable) !== true);
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    const handlePaginationChange = () => {
+      emit("paginationChange", { ...state.subPageInfo });
+    };
+    const handleAction = (res) => {
+      const { row, buttonRow, index, e } = res;
+      emit("clickAction", { row, buttonRow, index, e, formRefs: formRefs.value[index] });
+    };
+    const handleClickActionConfirmCancel = (res) => {
+      const { row, buttonRow, index, e } = res;
+      emit("clickActionConfirmCancel", {
+        row,
+        buttonRow,
+        index,
+        e,
+        formRefs: formRefs.value[index]
+      });
+    };
+    const handleFilterTableConfirm = (data) => {
+      subColumns.value = data.filter((item) => unref(item.hideInTable) !== true);
+    };
+    const handleClickDensity = (data) => {
+      state.size = data;
+    };
+    const handleDragSortEnd = (newIndex, oldIndex) => {
+      emit("dragSortEnd", newIndex, oldIndex);
+    };
+    const handleRefresh = () => {
+      emit("refresh");
+    };
+    const handleFormChange = (data) => {
+      emit("formChange", data);
+    };
+    const { subPageInfo, size } = toRefs(state);
+    __expose({
+      formRefs,
+      tableInstance
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.titleBar ? (openBlock(), createBlock(PlusTableTitleBar, {
+          key: 0,
+          columns: _ctx.columns,
+          "default-size": unref(size),
+          "title-bar": _ctx.titleBar,
+          "change-columns": subColumns.value,
+          onClickDensity: handleClickDensity,
+          onFilterTable: handleFilterTableConfirm,
+          onRefresh: handleRefresh
+        }, createSlots({
+          title: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          toolbar: withCtx(() => [
+            renderSlot(_ctx.$slots, "toolbar")
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          _ctx.$slots["drag-sort-icon"] ? {
+            name: "drag-sort-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "drag-sort-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["column-settings-icon"] ? {
+            name: "column-settings-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "column-settings-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          _ctx.$slots["density-icon"] ? {
+            name: "density-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "density-icon")
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["columns", "default-size", "title-bar", "change-columns"])) : createCommentVNode("v-if", true),
+        withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps({
+          ref_key: "tableInstance",
+          ref: tableInstance,
+          "reserve-selection": true,
+          data: _ctx.tableData,
+          border: true,
+          height: _ctx.height,
+          "header-cell-style": _ctx.headerCellStyle,
+          size: unref(size),
+          "row-key": _ctx.rowKey,
+          "highlight-current-row": "",
+          "scrollbar-always-on": ""
+        }, _ctx.$attrs), {
+          append: withCtx(() => [
+            renderSlot(_ctx.$slots, "append")
+          ]),
+          empty: withCtx(() => [
+            renderSlot(_ctx.$slots, "empty")
+          ]),
+          default: withCtx(() => {
+            var _a2;
+            return [
+              _ctx.isSelection ? (openBlock(), createBlock(
+                unref(ElTableColumn),
+                mergeProps({
+                  key: "selection",
+                  type: "selection"
+                }, _ctx.selectionTableColumnProps),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : createCommentVNode("v-if", true),
+              _ctx.hasIndexColumn ? (openBlock(), createBlock(PlusTableTableColumnIndex, {
+                key: 1,
+                "index-content-style": _ctx.indexContentStyle,
+                "index-table-column-props": _ctx.indexTableColumnProps,
+                "page-info": (_a2 = _ctx.pagination) == null ? void 0 : _a2.modelValue
+              }, null, 8, ["index-content-style", "index-table-column-props", "page-info"])) : createCommentVNode("v-if", true),
+              _ctx.dragSortable ? (openBlock(), createBlock(PlusTableColumnDragSort, {
+                key: 2,
+                sortable: _ctx.dragSortable,
+                "drag-sortable-table-column-props": _ctx.dragSortableTableColumnProps,
+                "table-instance": tableInstance.value,
+                onDragSortEnd: handleDragSortEnd
+              }, createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                _ctx.$slots["drag-sort-icon"] ? {
+                  name: "drag-sort-icon",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "drag-sort-icon")
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["sortable", "drag-sortable-table-column-props", "table-instance"])) : createCommentVNode("v-if", true),
+              _ctx.hasExpand ? (openBlock(), createBlock(
+                unref(ElTableColumn),
+                mergeProps({
+                  key: 3,
+                  type: "expand"
+                }, _ctx.expandTableColumnProps),
+                {
+                  default: withCtx(({ row, $index }) => [
+                    createElementVNode("div", _hoisted_2, [
+                      renderSlot(_ctx.$slots, "expand", {
+                        row,
+                        index: $index
+                      })
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                },
+                16
+                /* FULL_PROPS */
+              )) : createCommentVNode("v-if", true),
+              createVNode(unref(PlusTableColumn), {
+                columns: subColumns.value,
+                onFormChange: handleFormChange
+              }, createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                renderList(unref(headerSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: withCtx((data) => [
+                      renderSlot(_ctx.$slots, key, normalizeProps(guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                renderList(unref(cellSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: withCtx((data) => [
+                      renderSlot(_ctx.$slots, key, normalizeProps(guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                renderList(unref(fieldSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: withCtx((data) => [
+                      renderSlot(_ctx.$slots, key, normalizeProps(guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                renderList(unref(extraSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: withCtx((data) => [
+                      renderSlot(_ctx.$slots, key, normalizeProps(guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                _ctx.$slots["tooltip-icon"] ? {
+                  name: "tooltip-icon",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "tooltip-icon")
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["columns"]),
+              _ctx.actionBar ? (openBlock(), createBlock(
+                unref(PlusTableActionBar),
+                mergeProps({ key: 4 }, _ctx.actionBar, {
+                  onClickAction: handleAction,
+                  onClickActionConfirmCancel: handleClickActionConfirmCancel
+                }),
+                createSlots({
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  _ctx.$slots["action-bar-more-icon"] ? {
+                    name: "action-bar-more-icon",
+                    fn: withCtx(() => [
+                      renderSlot(_ctx.$slots, "action-bar-more-icon")
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]),
+                1040
+                /* FULL_PROPS, DYNAMIC_SLOTS */
+              )) : createCommentVNode("v-if", true)
+            ];
+          }),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["data", "height", "header-cell-style", "size", "row-key"])), [
+          [unref(vLoading), _ctx.loadingStatus]
+        ]),
+        createCommentVNode(" \u5206\u9875 "),
+        _ctx.pagination ? (openBlock(), createBlock(unref(PlusPagination), mergeProps({
+          key: 1,
+          modelValue: unref(subPageInfo),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(subPageInfo) ? subPageInfo.value = $event : null)
+        }, _ctx.pagination, { onChange: handlePaginationChange }), createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          _ctx.$slots["pagination-left"] ? {
+            name: "pagination-left",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "pagination-left")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["pagination-right"] ? {
+            name: "pagination-right",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "pagination-right")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["modelValue"])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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