@wlydfe/pro-ui 0.1.25

package/lib/components/table/src/table-column-drag-sort.vue2.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Sortable = require('sortablejs');
+require('../../utils/index.js');
+require('../../../hooks/index.js');
+var elementPlus = require('element-plus');
+var useLocale = require('../../../hooks/useLocale.js');
+var is = require('../../utils/is.js');
+
+const _hoisted_1 = { class: "plus-table-column-drag-icon" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusTableColumnDragSort"
+  },
+  __name: "table-column-drag-sort",
+  props: {
+    sortable: { type: Boolean, default: true },
+    tableInstance: { default: null },
+    dragSortableTableColumnProps: { default: () => ({}) }
+  },
+  emits: ["dragSortEnd"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale.useLocale();
+    vue.watch(
+      () => props.tableInstance,
+      (val) => {
+        if (val && props.sortable) {
+          rowDrop();
+        }
+      }
+    );
+    const rowDrop = () => {
+      var _a, _b;
+      const tbody = (_b = (_a = props.tableInstance) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector(".el-table__body-wrapper tbody");
+      if (!tbody) return;
+      let config = {
+        handle: ".plus-table-column-drag-icon",
+        animation: 150,
+        group: "box",
+        easing: "cubic-bezier(1, 0, 0, 1)",
+        chosenClass: "sortable-chosen",
+        forceFallback: true,
+        onEnd({ newIndex, oldIndex }) {
+          emit("dragSortEnd", newIndex, oldIndex);
+        }
+      };
+      if (is.isPlainObject(props.sortable)) {
+        config = { ...config, ...props.sortable };
+      }
+      Sortable.create(tbody, config);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTableColumn), vue.mergeProps({
+        key: "dragSort",
+        label: vue.unref(t)("plus.table.sort"),
+        width: "60",
+        "class-name": "plus-table-column-drag-sort"
+      }, _ctx.dragSortableTableColumnProps), {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("span", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "drag-sort-icon", {}, () => [
+              vue.createTextVNode("\u2637")
+            ])
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["label"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/table/src/table-column-index.vue.d.ts

@@ -0,0 +1,46 @@
+import { TableColumnCtx } from 'element-plus';
+import { CSSProperties, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { PageInfo, RecordType } from '@wlydfe/pro-ui/es/types';
+
+export interface PlusTableTableColumnIndexProps {
+    pageInfo?: PageInfo;
+    indexTableColumnProps?: Partial<TableColumnCtx<any>>;
+    indexContentStyle?: Partial<CSSProperties> | ((row: RecordType, index: number) => Partial<CSSProperties>);
+}
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusTableTableColumnIndexProps>, {
+    pageInfo: () => {
+        page: number;
+        pageSize: number;
+    };
+    indexContentStyle: () => {};
+    indexTableColumnProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusTableTableColumnIndexProps>, {
+    pageInfo: () => {
+        page: number;
+        pageSize: number;
+    };
+    indexContentStyle: () => {};
+    indexTableColumnProps: () => {};
+}>>>, {
+    indexTableColumnProps: Partial<TableColumnCtx<any>>;
+    indexContentStyle: Partial<CSSProperties> | ((row: RecordType, index: number) => Partial<CSSProperties>);
+    pageInfo: PageInfo;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

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

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

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../constants/index.js');
+require('../../utils/index.js');
+var elementPlus = require('element-plus');
+var lodashEs = require('lodash-es');
+var page = require('../../../constants/page.js');
+var is = require('../../utils/is.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusTableTableColumnIndex"
+  },
+  __name: "table-column-index",
+  props: {
+    pageInfo: { default: () => ({ ...page.DefaultPageInfo }) },
+    indexTableColumnProps: { default: () => ({}) },
+    indexContentStyle: { type: [Object, Function], default: () => ({}) }
+  },
+  setup(__props) {
+    var _a, _b, _c;
+    const props = __props;
+    const getTableIndex = lodashEs.isNumber((_a = props.indexTableColumnProps) == null ? void 0 : _a.index) ? vue.computed(() => {
+      var _a2;
+      return (_a2 = props.indexTableColumnProps) == null ? void 0 : _a2.index;
+    }) : is.isFunction((_b = props.indexTableColumnProps) == null ? void 0 : _b.index) ? (_c = props.indexTableColumnProps) == null ? void 0 : _c.index : (index) => {
+      var _a2, _b2;
+      const i = ((((_a2 = props.pageInfo) == null ? void 0 : _a2.page) || page.DefaultPageInfo.page) - 1) * (((_b2 = props.pageInfo) == null ? void 0 : _b2.pageSize) || page.DefaultPageInfo.page) + index + 1;
+      return +i;
+    };
+    const indexContentStyle = (row, index) => {
+      if (is.isFunction(props.indexContentStyle)) {
+        return props.indexContentStyle(
+          row,
+          index
+        );
+      } else if (is.isPlainObject(props.indexContentStyle)) {
+        return props.indexContentStyle;
+      } else {
+        return {};
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTableColumn), vue.mergeProps({
+        key: "index",
+        label: "#",
+        fixed: "left",
+        type: "index",
+        "class-name": "plus-table-column-index",
+        width: "60",
+        align: "center",
+        index: vue.unref(getTableIndex)
+      }, _ctx.indexTableColumnProps), {
+        default: vue.withCtx(({ row, $index }) => [
+          vue.unref(is.isFunction)(vue.unref(getTableIndex)) ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "plus-table-column-index__content",
+              style: vue.normalizeStyle(indexContentStyle(row, $index))
+            },
+            vue.toDisplayString(vue.unref(getTableIndex)($index)),
+            5
+            /* TEXT, STYLE */
+          )) : (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: "plus-table-column-index__content",
+              style: vue.normalizeStyle(indexContentStyle(row, $index))
+            },
+            vue.toDisplayString(vue.unref(getTableIndex)),
+            5
+            /* TEXT, STYLE */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 16, ["index"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;