cnhis-design-vue 3.1.17 → 3.1.18-beta.11

package/es/components/big-table/src/components/edit-form/edit-select.js

@@ -0,0 +1,102 @@
+import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
+import { NSelect } from 'naive-ui';
+import XEUtils from 'xe-utils';
+import 'moment';
+import { useCommon } from './useCommon2.js';
+
+var EditSelect = defineComponent({
+  name: "EditSelect",
+  inheritAttrs: false,
+  components: {
+    NSelect
+  },
+  props: {
+    col: {
+      type: Object,
+      default: () => ({})
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    index: {
+      type: [Number, Object],
+      default: 0
+    }
+  },
+  emits: ["setOptions", "formChange"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const {
+      formRef,
+      isShow
+    } = useCommon(props, attrs);
+    const state = reactive({
+      options: [],
+      loading: false,
+      keyword: "",
+      config: {
+        multiple: props.col.multiple || false,
+        ...props.col.componentProps || {}
+      }
+    });
+    const setOptions = async () => {
+      if (props.col.options) {
+        state.options = JSON.parse(JSON.stringify(props.col.options));
+      } else {
+        `${props.col.columnName}_options`;
+        const obj = {
+          keyword: state.keyword,
+          row: props.row,
+          column: props.col,
+          index: props.index
+        };
+        state.options = await props.col.queryOptions(obj);
+        state.loading = false;
+        emit("setOptions", state.options);
+      }
+    };
+    let selectSearch = (value) => {
+      state.keyword = value;
+      state.loading = true;
+      setOptions();
+    };
+    selectSearch = XEUtils.debounce(selectSearch, 800);
+    const onUpdateValue = (value) => {
+      emit("formChange", {
+        value,
+        row: props.row,
+        column: props.col,
+        index: props.index
+      });
+    };
+    const init = () => {
+      if (props.col.options) {
+        setOptions();
+      } else {
+        state.config.remote = true;
+        state.config.onSearch = selectSearch;
+        selectSearch("");
+      }
+    };
+    init();
+    return () => createVNode(NSelect, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, state.config, {
+      "options": state.options,
+      "consistentMenuWidth": false,
+      "clearable": true,
+      "filterable": true,
+      "placeholder": props.col.placeholder || "\u8BF7\u9009\u62E9",
+      "loading": state.loading,
+      "onUpdateValue": onUpdateValue
+    }), null);
+  }
+});
+
+export { EditSelect as default };

package/es/components/big-table/src/components/edit-form/edit-separate.js

@@ -0,0 +1,100 @@
+import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, withModifiers } from 'vue';
+import script from '../../../../../shared/components/SlotRender/SlotRender.js';
+import { cloneDeep, isObject, isArray } from 'lodash-es';
+import { NPopover, NInput } from 'naive-ui';
+import { useSeparateMap } from '../../hooks/useSeparateRow2.js';
+import Separate from '../separate.js';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "edit-separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true },
+    index: { type: Number, required: true }
+  },
+  emits: ["formChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const popoverRef = ref();
+    const show = ref(false);
+    function setShow(v) {
+      show.value = v;
+    }
+    watch(show, updateShow);
+    const editContent = ref();
+    const { getRowData } = useSeparateMap();
+    async function onShow(target) {
+      var _a;
+      if (!target)
+        return;
+      editContent.value = cloneDeep(target.row[props.col.field]);
+      await new Promise((resolve) => setTimeout(resolve));
+      (_a = popoverRef.value) == null ? void 0 : _a.syncPosition();
+      return;
+    }
+    async function onClose(target) {
+      if (!target)
+        return;
+      const old = target.row[props.col.field];
+      if (!isObject(editContent.value) && !isArray(editContent.value)) {
+        if (old === editContent.value)
+          return;
+      }
+      emit("formChange", {
+        value: editContent.value,
+        row: props.row,
+        column: props.col,
+        index: target.index
+      });
+    }
+    function updateShow(show2) {
+      show2 ? onShow(getRowData(props.row)) : onClose(getRowData(props.row));
+    }
+    const style = {
+      border: "1px solid #f5f5f5",
+      padding: "4px 0 4px 4px",
+      background: "white",
+      "border-radius": "4px"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), {
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        trigger: "manual",
+        show: show.value,
+        "onUpdate:show": _cache[3] || (_cache[3] = ($event) => show.value = $event),
+        "show-arrow": false
+      }, {
+        trigger: withCtx(() => [
+          createVNode(Separate, {
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => show.value = !show.value, ["stop"])),
+            style,
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["col", "row"])
+        ]),
+        default: withCtx(() => [
+          __props.col.separateSlot ? (openBlock(), createBlock(unref(script), {
+            key: 0,
+            renderer: __props.col.separateSlot,
+            value: editContent.value,
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => editContent.value = $event),
+            "onUpdate:show": setShow,
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["renderer", "value", "col", "row"])) : (openBlock(), createBlock(unref(NInput), {
+            key: 1,
+            value: editContent.value,
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => editContent.value = $event),
+            type: "textarea"
+          }, null, 8, ["value"]))
+        ]),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+});
+var EditSeparate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "edit-separate.vue"]]);
+
+export { EditSeparate as default };

package/es/components/big-table/src/components/edit-form/edit-separate.vue.d.ts

@@ -0,0 +1,132 @@
+import { AnyObject } from '../../../../../../es/shared/types';
+import { CSSProperties, PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    col: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        row: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        index: {
+            type: NumberConstructor;
+            required: true;
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    popoverRef: import("vue").Ref<any>;
+    show: import("vue").Ref<boolean>;
+    setShow: (v: boolean) => void;
+    emit: (event: "formChange", ...args: any[]) => void;
+    editContent: import("vue").Ref<any>;
+    getRowData: (row: AnyObject) => {
+        separateData: Record<string, string>;
+        index: number;
+        rawRow: AnyObject;
+        row: AnyObject;
+    } | undefined;
+    onShow: (target: {
+        separateData: Record<string, string>;
+        index: number;
+        rawRow: AnyObject;
+        row: AnyObject;
+    } | undefined) => Promise<void>;
+    onClose: (target: {
+        separateData: Record<string, string>;
+        index: number;
+        rawRow: AnyObject;
+        row: AnyObject;
+    } | undefined) => Promise<void>;
+    updateShow: (show: boolean) => void;
+    style: CSSProperties;
+    SlotRender: import("vue").DefineComponent<{
+        renderer: {
+            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../../../es/shared/types").Func<any[], any>>;
+            required: true;
+        };
+        rootSlots: {
+            type: PropType<Record<string, import("../../../../../../es/shared/types").Func<any[], any>>>;
+        };
+    }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        renderer: {
+            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../../../es/shared/types").Func<any[], any>>;
+            required: true;
+        };
+        rootSlots: {
+            type: PropType<Record<string, import("../../../../../../es/shared/types").Func<any[], any>>>;
+        };
+    }>>, {}>;
+    NPopover: any;
+    NInput: any;
+    Separate: import("vue").DefineComponent<{
+        col: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        row: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            col: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+            row: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+        }>> & {
+            [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        separateDataMap: import("vue").Ref<WeakMap<AnyObject, {
+            separateData: Record<string, string>;
+            index: number;
+            rawRow: AnyObject;
+            row: AnyObject;
+        }>>;
+        displayContent: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        row: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    col: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    onFormChange?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/es/components/big-table/src/components/edit-form/edit-time.d.ts

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    col: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    row: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    index: {
+        type: (NumberConstructor | ObjectConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    col: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    row: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    index: {
+        type: (NumberConstructor | ObjectConstructor)[];
+        default: number;
+    };
+}>> & {
+    onFormChange?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    row: Record<string, any>;
+    index: number | Record<string, any>;
+    col: Record<string, any>;
+}>;
+export default _default;

package/es/components/big-table/src/components/edit-form/edit-time.js

@@ -0,0 +1,62 @@
+import { defineComponent, createVNode, mergeProps } from 'vue';
+import { NTimePicker } from 'naive-ui';
+import { useCommon } from './useCommon2.js';
+
+var EditTime = defineComponent({
+  name: "EditTime",
+  inheritAttrs: false,
+  components: {
+    NTimePicker
+  },
+  props: {
+    type: {
+      type: String,
+      default: "input"
+    },
+    col: {
+      type: Object,
+      default: () => ({})
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    index: {
+      type: [Number, Object],
+      default: 0
+    }
+  },
+  emits: ["formChange"],
+  setup(props, {
+    attrs,
+    emit
+  }) {
+    const {
+      formRef,
+      isShow
+    } = useCommon(props, attrs);
+    const onUpdateValue = (value) => {
+      emit("formChange", {
+        value,
+        row: props.row,
+        column: props.col,
+        index: props.index
+      });
+    };
+    const config = {
+      placeholder: props.col.placeholder || "\u8BF7\u9009\u62E9",
+      valueFormat: props.col.valueFormat || "HH:mm",
+      format: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
+      ...props.col.componentProps || {}
+    };
+    return () => createVNode(NTimePicker, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, config, {
+      "onUpdateFormattedValue": onUpdateValue
+    }), null);
+  }
+});
+
+export { EditTime as default };

package/es/components/big-table/src/components/edit-form/useCommon.js

@@ -0,0 +1 @@
+export { useCommon } from './useCommon2.js';

package/es/components/big-table/src/components/input-button.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    content: import("vue").Ref<string>;
+    NButton: any;
+    NInput: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/es/components/big-table/src/components/separate.js

@@ -0,0 +1,30 @@
+import { defineComponent, computed, openBlock, createElementBlock, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
+import { useSeparateMap } from '../hooks/useSeparateRow2.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "big-table__separate" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "big-table__separatePlaceholder" }, /* @__PURE__ */ toDisplayString(` `), -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { separateDataMap } = useSeparateMap();
+    const displayContent = computed(() => {
+      const target = separateDataMap.value.get(props.row);
+      return target ? target.separateData[props.col.field] : "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createTextVNode(toDisplayString(unref(displayContent)) + " ", 1),
+        _hoisted_2
+      ]);
+    };
+  }
+});
+var Separate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "separate.vue"]]);
+
+export { Separate as default };

package/es/components/big-table/src/components/separate.vue.d.ts

@@ -0,0 +1,42 @@
+import { AnyObject } from '../../../../../es/shared/types';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    col: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        row: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    separateDataMap: import("vue").Ref<WeakMap<AnyObject, {
+        separateData: Record<string, string>;
+        index: number;
+        rawRow: AnyObject;
+        row: AnyObject;
+    }>>;
+    displayContent: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    col: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/es/components/big-table/src/constants/index.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { SeparateHandle } from '../../../../../es/components/big-table/src/hooks/useSeparateRow';
+export declare const InjectionSeparateHandle: InjectionKey<SeparateHandle>;

package/es/components/big-table/src/constants/index.js

@@ -0,0 +1 @@
+export { InjectionSeparateHandle } from './index2.js';

package/es/components/big-table/src/hooks/export.js

@@ -0,0 +1 @@
+export { useColumnConfigAdaptor } from './useColumnConfigAdaptor2.js';

package/es/components/big-table/src/hooks/index.js

@@ -0,0 +1,9 @@
+export { useAnchor } from './useAnchor2.js';
+export { comps, useEdit } from './useEdit2.js';
+export { useFormat } from './useFormat2.js';
+export { useTableParse } from './useTableParse2.js';
+export { useBatchEditing } from './useBatchEditing2.js';
+export { useNestTable } from './useNestTable2.js';
+export { useEvent } from './useEvent2.js';
+export { useAnnotation } from './useAnnotation.js';
+export { SeparateHandle, useSeparateMap, useSeparateRow } from './useSeparateRow2.js';

package/es/components/big-table/src/hooks/useAnchor.js

@@ -0,0 +1 @@
+export { useAnchor } from './useAnchor2.js';

package/es/components/big-table/src/hooks/useAnnotation.d.ts

@@ -0,0 +1,4 @@
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useAnnotation(props: AnyObject): {
+    renderAnnotation: (columnConfig: AnyObject) => JSX.Element | null;
+};

package/es/components/big-table/src/hooks/useAnnotation.js

@@ -0,0 +1,21 @@
+import { createVNode } from 'vue';
+import { isObject } from '@vue/shared';
+import Annotation from '../../../annotation-edit/index2.js';
+
+function useAnnotation(props) {
+  function renderAnnotation(columnConfig) {
+    if (!isObject(props.annotation) || columnConfig.annotation === false)
+      return null;
+    return createVNode("section", {
+      "class": "big-table__annotationWrapper"
+    }, [createVNode(Annotation, {
+      "modelValue": props.annotation[columnConfig.columnName],
+      "onUpdate:modelValue": ($event) => props.annotation[columnConfig.columnName] = $event
+    }, null)]);
+  }
+  return {
+    renderAnnotation
+  };
+}
+
+export { useAnnotation };

package/es/components/big-table/src/hooks/useBatchEditing.js

@@ -0,0 +1 @@
+export { useBatchEditing } from './useBatchEditing2.js';

package/es/components/big-table/src/hooks/useColumnConfigAdaptor.d.ts

@@ -0,0 +1,11 @@
+import { AnyObject } from '../../../../../es/shared/types';
+interface FormConfigLikePayload {
+    fieldList: AnyObject[];
+}
+declare type EditRules = Record<string, AnyObject[]>;
+export declare function useColumnConfigAdaptor(): {
+    formConfigLikeAdaptor: (payload: FormConfigLikePayload) => FormConfigLikePayload & {
+        editRules?: EditRules | undefined;
+    };
+};
+export {};

package/es/components/big-table/src/hooks/useColumnConfigAdaptor.js

@@ -0,0 +1 @@
+export { useColumnConfigAdaptor } from './useColumnConfigAdaptor2.js';