yc-pro-components 0.0.1

package/es/components/table/src/table-column.vue2.mjs

@@ -0,0 +1,231 @@
+import { defineComponent, getCurrentInstance, computed, watch, ref, inject, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, createVNode, createSlots, normalizeProps, guardReactiveProps } from 'vue';
+import { PlusDisplayItem } from '../../display-item/index.mjs';
+import { getLabel, getTableHeaderSlotName, getTooltip, getTableKey } from '../../utils/index.mjs';
+import { TableFormRefInjectionKey } from '../../../constants/form.mjs';
+import { QuestionFilled } from '@element-plus/icons-vue';
+import { PlusRender } from '../../render/index.mjs';
+import { set } from 'lodash-es';
+import { ElTableColumn, ElTooltip, ElIcon } from 'element-plus';
+import { isFunction } from '../../utils/is.mjs';
+
+const _hoisted_1 = { class: "plus-table-column__header" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusTableColumn"
+  },
+  __name: "table-column",
+  props: {
+    columns: { default: () => [] },
+    editable: { type: [Boolean, String], default: false },
+    tableDataLength: { default: 0 },
+    subPageInfo: { default: () => ({}) }
+  },
+  emits: ["formChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const instance = getCurrentInstance();
+    const store = computed(() => {
+      var _a;
+      return (_a = instance == null ? void 0 : instance.parent) == null ? void 0 : _a.store;
+    });
+    watch(
+      store,
+      () => {
+        if (store.value) {
+          instance.store = store.value;
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const plusDisplayItemInstance = ref();
+    const formRefs = inject(TableFormRefInjectionKey);
+    const setFormRef = () => {
+      var _a, _b;
+      if (!((_a = plusDisplayItemInstance.value) == null ? void 0 : _a.length)) return;
+      const list = ((_b = plusDisplayItemInstance.value) == null ? void 0 : _b.map((item) => ({ ...item, ...item == null ? void 0 : item.getDisplayItemInstance() }))) || [];
+      for (let index = 0; index < list.length; index++) {
+        const item = list[index];
+        if (!formRefs.value[item.index]) {
+          formRefs.value[item.index] = [];
+        }
+        set(formRefs.value[item.rowIndex], item.cellIndex, item);
+      }
+    };
+    watch(
+      () => [props.tableDataLength, plusDisplayItemInstance.value, props.subPageInfo],
+      () => {
+        setFormRef();
+      },
+      {
+        flush: "post",
+        deep: true,
+        immediate: true
+      }
+    );
+    const hasPropsEditIcon = computed(() => props.editable === "click" || props.editable === "dblclick");
+    const getKey = (item) => getTableKey(item, true);
+    const handleChange = (data, index, column, item, rest) => {
+      const formChangeCallBackParams = {
+        ...data,
+        index,
+        column: { ...column, ...item },
+        rowIndex: index,
+        ...rest
+      };
+      emit("formChange", formChangeCallBackParams);
+    };
+    const handleFormChange = (data) => {
+      emit("formChange", data);
+    };
+    __expose({
+      plusDisplayItemInstance
+    });
+    return (_ctx, _cache) => {
+      const _component_PlusTableColumn = resolveComponent("PlusTableColumn");
+      return openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList(_ctx.columns, (item, index) => {
+          return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
+            key: getKey(item),
+            "class-name": "plus-table-column " + (hasPropsEditIcon.value ? "plus-table-column__edit" : ""),
+            index
+          }, item.tableColumnProps, {
+            prop: item.prop,
+            width: item.width,
+            "min-width": item.minWidth
+          }), {
+            header: withCtx((scoped) => [
+              createElementVNode("span", _hoisted_1, [
+                item.renderHeader && unref(isFunction)(item.renderHeader) ? (openBlock(), createBlock(unref(PlusRender), {
+                  key: 0,
+                  render: item.renderHeader,
+                  params: { ...scoped, ...item, cellIndex: index },
+                  "callback-value": unref(getLabel)(item.label)
+                }, null, 8, ["render", "params", "callback-value"])) : (openBlock(), createElementBlock(
+                  Fragment,
+                  { key: 1 },
+                  [
+                    createCommentVNode("\u8868\u683C\u5355\u5143\u683CHeader\u7684\u63D2\u69FD "),
+                    renderSlot(_ctx.$slots, unref(getTableHeaderSlotName)(item.prop), mergeProps({
+                      prop: item.prop,
+                      label: unref(getLabel)(item.label),
+                      fieldProps: item.fieldProps,
+                      valueType: item.valueType,
+                      cellIndex: index
+                    }, scoped, {
+                      column: { ...scoped, ...item }
+                    }), () => [
+                      createTextVNode(
+                        toDisplayString(unref(getLabel)(item.label)),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ],
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                )),
+                item.tooltip ? (openBlock(), createBlock(
+                  unref(ElTooltip),
+                  mergeProps({
+                    key: 2,
+                    placement: "top"
+                  }, unref(getTooltip)(item.tooltip)),
+                  {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "tooltip-icon", {}, () => [
+                        createVNode(unref(ElIcon), {
+                          class: "plus-table-column__header__icon",
+                          size: 16
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(QuestionFilled))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1040
+                  /* FULL_PROPS, DYNAMIC_SLOTS */
+                )) : createCommentVNode("v-if", true)
+              ])
+            ]),
+            default: withCtx(({ row, column, $index, ...rest }) => {
+              var _a;
+              return [
+                ((_a = item.children) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock(
+                  Fragment,
+                  { key: 0 },
+                  [
+                    createVNode(_component_PlusTableColumn, {
+                      columns: item.children,
+                      editable: _ctx.editable,
+                      "table-data-length": _ctx.tableDataLength,
+                      onFormChange: handleFormChange
+                    }, createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      renderList(_ctx.$slots, (_, key) => {
+                        return {
+                          name: key,
+                          fn: withCtx((data) => [
+                            renderSlot(_ctx.$slots, key, normalizeProps(guardReactiveProps(data)))
+                          ])
+                        };
+                      })
+                    ]), 1032, ["columns", "editable", "table-data-length"]),
+                    createTextVNode(
+                      " " + toDisplayString(item.label),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : (openBlock(), createBlock(unref(PlusDisplayItem), {
+                  key: 1,
+                  ref_for: true,
+                  ref_key: "plusDisplayItemInstance",
+                  ref: plusDisplayItemInstance,
+                  column: item,
+                  row,
+                  index: $index,
+                  editable: _ctx.editable,
+                  rest: { column, ...rest },
+                  onChange: (data) => handleChange(data, $index, column, item, rest)
+                }, createSlots({
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  renderList(_ctx.$slots, (_, key) => {
+                    return {
+                      name: key,
+                      fn: withCtx((data) => [
+                        renderSlot(_ctx.$slots, key, normalizeProps(guardReactiveProps(data)))
+                      ])
+                    };
+                  })
+                ]), 1032, ["column", "row", "index", "editable", "rest", "onChange"]))
+              ];
+            }),
+            _: 2
+            /* DYNAMIC */
+          }, 1040, ["class-name", "index", "prop", "width", "min-width"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table/src/table-title-bar.vue.d.ts

@@ -0,0 +1,92 @@
+import { TitleBar, ColumnSetting, FilterTableHeaderEventType } from './type';
+import { ComponentSize } from 'element-plus/es/constants';
+import { PlusColumn } from 'yc-components/es/types';
+import { ComputedRef, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+export interface PlusTableToolbarProps {
+    originColumns?: PlusColumn[];
+    columns?: PlusColumn[];
+    titleBar?: boolean | Partial<TitleBar>;
+    defaultSize?: ComponentSize;
+    columnsIsChange?: boolean;
+}
+export interface PlusTableToolbarEmits {
+    (e: 'filterTableHeader', columns: PlusColumn[], eventType: FilterTableHeaderEventType): void;
+    (e: 'clickDensity', size: ComponentSize): void;
+    (e: 'refresh'): void;
+}
+export interface State {
+    checkList: string[];
+    checkAll: boolean;
+    isIndeterminate: boolean;
+}
+export interface ButtonNameDensity {
+    size: ComponentSize;
+    text: string | ComputedRef<string>;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusTableToolbarProps>, {
+    originColumns: () => never[];
+    columns: () => never[];
+    titleBar: boolean;
+    defaultSize: string;
+    columnsIsChange: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    filterTableHeader: (columns: PlusColumn[], eventType: FilterTableHeaderEventType) => void;
+    clickDensity: (size: "" | "default" | "small" | "large") => void;
+    refresh: () => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusTableToolbarProps>, {
+    originColumns: () => never[];
+    columns: () => never[];
+    titleBar: boolean;
+    defaultSize: string;
+    columnsIsChange: boolean;
+}>>> & {
+    onRefresh?: (() => any) | undefined;
+    onFilterTableHeader?: ((columns: PlusColumn[], eventType: FilterTableHeaderEventType) => any) | undefined;
+    onClickDensity?: ((size: "" | "default" | "small" | "large") => any) | undefined;
+}, {
+    columns: PlusColumn[];
+    originColumns: PlusColumn[];
+    titleBar: boolean | Partial<Partial<{
+        title?: string | undefined;
+        refresh?: boolean | undefined;
+        density?: boolean | undefined;
+        columnSetting?: boolean | ColumnSetting | undefined;
+        icon?: {
+            size?: string | undefined;
+            color?: string | undefined;
+        } | undefined;
+    }>>;
+    defaultSize: "" | "default" | "small" | "large";
+    columnsIsChange: boolean;
+}, {}>, {
+    title?(_: {}): any;
+    toolbar?(_: {}): any;
+    "refresh-icon"?(_: {}): any;
+    "density-icon"?(_: {}): any;
+    "drag-sort-icon"?(_: {}): any;
+    "column-settings-icon"?(_: {}): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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';
+
+var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-title-bar.vue"]]);
+
+export { PlusTableTitleBar as default };