@wlydfe/pro-ui 0.2.0

package/lib/components/steps-form/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+const StepsForm = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = StepsForm;

package/lib/components/steps-form/src/index.vue2.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const vue = require('vue');
+const elementPlus = require('element-plus');
+require('../../../hooks/index.js');
+const index = require('../../form/index.js');
+const useLocale = require('../../../hooks/useLocale.js');
+
+const _sfc_main = /* @__PURE__ */ vue.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.useLocale();
+    const active = vue.ref();
+    vue.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 vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["plus-steps-form", _ctx.$attrs.direction === "vertical" ? "plus-steps-from-vertical" : ""])
+        },
+        [
+          vue.createVNode(vue.unref(elementPlus.ElSteps), vue.mergeProps({
+            active: active.value,
+            "finish-status": "success"
+          }, _ctx.$attrs), {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(_ctx.data, (item) => {
+                  return vue.openBlock(), vue.createBlock(
+                    vue.unref(elementPlus.ElStep),
+                    vue.mergeProps({
+                      key: item.title
+                    }, { ref_for: true }, item),
+                    vue.createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      _ctx.$slots.icon ? {
+                        name: "icon",
+                        fn: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "icon", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      _ctx.$slots.title ? {
+                        name: "title",
+                        fn: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "title", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "1"
+                      } : void 0,
+                      _ctx.$slots.description ? {
+                        name: "description",
+                        fn: vue.withCtx(() => [
+                          vue.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"]),
+          vue.createVNode(vue.unref(index.PlusForm), vue.mergeProps(_ctx.data[active.value - 1].form, {
+            "has-reset": active.value !== 1,
+            "submit-text": active.value === _ctx.data.length ? vue.unref(t)("plus.stepsForm.submitText") : vue.unref(t)("plus.stepsForm.nextText"),
+            "reset-text": vue.unref(t)("plus.stepsForm.preText"),
+            onSubmit: next,
+            onReset: pre,
+            onChange: handleChange
+          }), null, 16, ["has-reset", "submit-text", "reset-text"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/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/lib/components/steps-form/style/css.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('element-plus/lib/components/steps/style/css.js');
+require('element-plus/lib/components/step/style/css.js');
+require('../../form/style/css.js');
+require('@wlydfe/pro-ui-theme-chalk/plus-steps-form.css');
+

package/lib/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/lib/components/steps-form/style/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('element-plus/lib/components/steps/style/index.js');
+require('element-plus/lib/components/step/style/index.js');
+require('../../form/style/index.js');
+require('../../../theme-chalk/src/steps-form.scss.js');
+

package/lib/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/lib/components/table/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const index = require('./src/index.vue.js');
+require('./src/type.js');
+
+const PlusTable = index.default;
+
+exports.PlusTable = PlusTable;

package/lib/components/table/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+const Table = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = Table;

package/lib/components/table/src/index.vue2.js

@@ -0,0 +1,342 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const vue = require('vue');
+const index$1 = require('../../pagination/index.js');
+require('../../../constants/index.js');
+const elementPlus = require('element-plus');
+const index = require('../../utils/index.js');
+const tableActionBar = require('./table-action-bar.vue.js');
+const tableColumn = require('./table-column.vue.js');
+const tableColumnIndex = require('./table-column-index.vue.js');
+const tableColumnDragSort = require('./table-column-drag-sort.vue.js');
+const tableTitleBar = require('./table-title-bar.vue.js');
+const page = require('../../../constants/page.js');
+const form = require('../../../constants/form.js');
+
+const _hoisted_1 = { class: "plus-table" };
+const _hoisted_2 = { class: "plus-table-expand-col" };
+const _sfc_main = /* @__PURE__ */ vue.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 = tableActionBar.default;
+    const PlusTableColumn = tableColumn.default;
+    const props = __props;
+    const emit = __emit;
+    const subColumns = vue.ref([]);
+    const tableInstance = vue.shallowRef(null);
+    const state = vue.reactive({
+      subPageInfo: {
+        ...((_a = props.pagination) == null ? void 0 : _a.modelValue) || page.DefaultPageInfo
+      },
+      size: props.defaultSize
+    });
+    const slots = vue.useSlots();
+    const cellSlots = index.filterSlots(slots, index.getTableCellSlotName());
+    const headerSlots = index.filterSlots(slots, index.getTableHeaderSlotName());
+    const fieldSlots = index.filterSlots(slots, index.getFieldSlotName());
+    const extraSlots = index.filterSlots(slots, index.getExtraSlotName());
+    const formRefs = vue.shallowRef({});
+    vue.provide(form.TableFormRefInjectionKey, formRefs);
+    vue.watch(
+      () => props.columns,
+      (val) => {
+        subColumns.value = val.filter((item) => vue.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) => vue.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 } = vue.toRefs(state);
+    __expose({
+      formRefs,
+      tableInstance
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.titleBar ? (vue.openBlock(), vue.createBlock(tableTitleBar.default, {
+          key: 0,
+          columns: _ctx.columns,
+          "default-size": vue.unref(size),
+          "title-bar": _ctx.titleBar,
+          "change-columns": subColumns.value,
+          onClickDensity: handleClickDensity,
+          onFilterTable: handleFilterTableConfirm,
+          onRefresh: handleRefresh
+        }, vue.createSlots({
+          title: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "title")
+          ]),
+          toolbar: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "toolbar")
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          _ctx.$slots["drag-sort-icon"] ? {
+            name: "drag-sort-icon",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "drag-sort-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["column-settings-icon"] ? {
+            name: "column-settings-icon",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "column-settings-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          _ctx.$slots["density-icon"] ? {
+            name: "density-icon",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "density-icon")
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["columns", "default-size", "title-bar", "change-columns"])) : vue.createCommentVNode("v-if", true),
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTable), vue.mergeProps({
+          ref_key: "tableInstance",
+          ref: tableInstance,
+          "reserve-selection": true,
+          data: _ctx.tableData,
+          border: true,
+          height: _ctx.height,
+          "header-cell-style": _ctx.headerCellStyle,
+          size: vue.unref(size),
+          "row-key": _ctx.rowKey,
+          "highlight-current-row": "",
+          "scrollbar-always-on": ""
+        }, _ctx.$attrs), {
+          append: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "append")
+          ]),
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ]),
+          default: vue.withCtx(() => {
+            var _a2;
+            return [
+              _ctx.isSelection ? (vue.openBlock(), vue.createBlock(
+                vue.unref(elementPlus.ElTableColumn),
+                vue.mergeProps({
+                  key: "selection",
+                  type: "selection"
+                }, _ctx.selectionTableColumnProps),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : vue.createCommentVNode("v-if", true),
+              _ctx.hasIndexColumn ? (vue.openBlock(), vue.createBlock(tableColumnIndex.default, {
+                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"])) : vue.createCommentVNode("v-if", true),
+              _ctx.dragSortable ? (vue.openBlock(), vue.createBlock(tableColumnDragSort.default, {
+                key: 2,
+                sortable: _ctx.dragSortable,
+                "drag-sortable-table-column-props": _ctx.dragSortableTableColumnProps,
+                "table-instance": tableInstance.value,
+                onDragSortEnd: handleDragSortEnd
+              }, vue.createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                _ctx.$slots["drag-sort-icon"] ? {
+                  name: "drag-sort-icon",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "drag-sort-icon")
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["sortable", "drag-sortable-table-column-props", "table-instance"])) : vue.createCommentVNode("v-if", true),
+              _ctx.hasExpand ? (vue.openBlock(), vue.createBlock(
+                vue.unref(elementPlus.ElTableColumn),
+                vue.mergeProps({
+                  key: 3,
+                  type: "expand"
+                }, _ctx.expandTableColumnProps),
+                {
+                  default: vue.withCtx(({ row, $index }) => [
+                    vue.createElementVNode("div", _hoisted_2, [
+                      vue.renderSlot(_ctx.$slots, "expand", {
+                        row,
+                        index: $index
+                      })
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                },
+                16
+                /* FULL_PROPS */
+              )) : vue.createCommentVNode("v-if", true),
+              vue.createVNode(vue.unref(PlusTableColumn), {
+                columns: subColumns.value,
+                onFormChange: handleFormChange
+              }, vue.createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                vue.renderList(vue.unref(headerSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: vue.withCtx((data) => [
+                      vue.renderSlot(_ctx.$slots, key, vue.normalizeProps(vue.guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                vue.renderList(vue.unref(cellSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: vue.withCtx((data) => [
+                      vue.renderSlot(_ctx.$slots, key, vue.normalizeProps(vue.guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                vue.renderList(vue.unref(fieldSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: vue.withCtx((data) => [
+                      vue.renderSlot(_ctx.$slots, key, vue.normalizeProps(vue.guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                vue.renderList(vue.unref(extraSlots), (_, key) => {
+                  return {
+                    name: key,
+                    fn: vue.withCtx((data) => [
+                      vue.renderSlot(_ctx.$slots, key, vue.normalizeProps(vue.guardReactiveProps(data)))
+                    ])
+                  };
+                }),
+                _ctx.$slots["tooltip-icon"] ? {
+                  name: "tooltip-icon",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "tooltip-icon")
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["columns"]),
+              _ctx.actionBar ? (vue.openBlock(), vue.createBlock(
+                vue.unref(PlusTableActionBar),
+                vue.mergeProps({ key: 4 }, _ctx.actionBar, {
+                  onClickAction: handleAction,
+                  onClickActionConfirmCancel: handleClickActionConfirmCancel
+                }),
+                vue.createSlots({
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  _ctx.$slots["action-bar-more-icon"] ? {
+                    name: "action-bar-more-icon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "action-bar-more-icon")
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]),
+                1040
+                /* FULL_PROPS, DYNAMIC_SLOTS */
+              )) : vue.createCommentVNode("v-if", true)
+            ];
+          }),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["data", "height", "header-cell-style", "size", "row-key"])), [
+          [vue.unref(elementPlus.vLoading), _ctx.loadingStatus]
+        ]),
+        vue.createCommentVNode(" \u5206\u9875 "),
+        _ctx.pagination ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.PlusPagination), vue.mergeProps({
+          key: 1,
+          modelValue: vue.unref(subPageInfo),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(subPageInfo) ? subPageInfo.value = $event : null)
+        }, _ctx.pagination, { onChange: handlePaginationChange }), vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          _ctx.$slots["pagination-left"] ? {
+            name: "pagination-left",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "pagination-left")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["pagination-right"] ? {
+            name: "pagination-right",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "pagination-right")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["modelValue"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/table/src/table-action-bar.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const tableActionBar_vue_vue_type_script_setup_true_lang = require('./table-action-bar.vue2.js');
+const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+const PlusTableActionBarComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(tableActionBar_vue_vue_type_script_setup_true_lang.default, [["__file", "table-action-bar.vue"]]);
+
+exports.default = PlusTableActionBarComponent;