cnhis-design-vue 3.1.40-release.4 → 3.1.40-release.6

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

@@ -1,139 +0,0 @@
-import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
-import { NSelect } from 'naive-ui';
-import XEUtils from 'xe-utils';
-import 'moment';
-import { useCommon } from './useCommon.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, true);
-    const state = reactive({
-      keyupValue: attrs.value,
-      options: [],
-      filterOptions: [],
-      loading: false,
-      keyword: "",
-      config: {
-        multiple: props.col.multiple || false,
-        ...props.col.componentProps || {}
-      }
-    });
-    const setOptions = async () => {
-      if (props.col.options) {
-        state.options = XEUtils.clone(props.col.options);
-        state.filterOptions = XEUtils.clone(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) => {
-      state.keyupValue = value;
-      emit("formChange", {
-        value,
-        row: props.row,
-        column: props.col,
-        index: props.index
-      });
-    };
-    const init = () => {
-      if (props.col.options) {
-        setOptions();
-        state.config.onSearch = (value) => {
-          var _a, _b, _c;
-          const filterOptions = ((_c = (_b = (_a = formRef == null ? void 0 : formRef.value) == null ? void 0 : _a.treeMate) == null ? void 0 : _b.treeNodes) == null ? void 0 : _c.map((item) => item.rawNode)) || XEUtils.clone(props.col.options);
-          state.filterOptions = filterOptions;
-          props.row[`${props.col.columnName}_filter_options`] = state.filterOptions;
-          props.row[`${props.col.columnName}_is_key_arrow`] = false;
-        };
-      } else {
-        state.config.remote = true;
-        state.config.onSearch = selectSearch;
-        selectSearch("");
-      }
-    };
-    function onKeyup(event) {
-      var _a, _b, _c, _d;
-      const {
-        key
-      } = event;
-      if (state.config.multiple || !["ArrowUp", "ArrowDown"].includes(key))
-        return;
-      props.row[`${props.col.columnName}_is_key_arrow`] = true;
-      if (!state.keyupValue)
-        state.keyupValue = (_b = (_a = state.filterOptions) == null ? void 0 : _a[0]) == null ? void 0 : _b.value;
-      let index = state.filterOptions.findIndex((item) => item.value === state.keyupValue);
-      if (!~index) {
-        state.keyupValue = (_d = (_c = state.filterOptions) == null ? void 0 : _c[0]) == null ? void 0 : _d.value;
-        index = 0;
-      }
-      const length = state.filterOptions.length;
-      if (key === "ArrowUp") {
-        index = index - 1 === -1 ? length - 1 : index - 1;
-      }
-      if (key === "ArrowDown") {
-        index = index + 1 === length ? 0 : index + 1;
-      }
-      state.keyupValue = state.filterOptions[index].value;
-      onUpdateValue(state.keyupValue);
-    }
-    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,
-      "onKeyup": onKeyup
-    }), null);
-  }
-});
-
-export { EditSelect as default };

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

@@ -1,103 +0,0 @@
-import { defineComponent, ref, watch, onDeactivated, 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/useSeparateRow.js';
-import Separate from '../separate.vue.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"
-    };
-    onDeactivated(() => {
-      onClose(getRowData(props.row));
-    });
-    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-time.js

@@ -1,122 +0,0 @@
-import { defineComponent, ref, createVNode, mergeProps } from 'vue';
-import { NTimePicker } from 'naive-ui';
-import { useCommon } from './useCommon.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
-  }) {
-    var _a, _b;
-    const {
-      formRef,
-      isShow
-    } = useCommon(props, attrs);
-    const __value = ref(attrs.formattedValue);
-    const onConfirm = (value) => {
-      __value.value = value;
-      emit("formChange", {
-        value,
-        row: props.row,
-        column: props.col,
-        index: props.index
-      });
-    };
-    const config = {
-      clearable: true,
-      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 || {}
-    };
-    function getFormatTime(str) {
-      if (!str)
-        return "";
-      const valueFormat = config.valueFormat;
-      const strInsert = (str2, length) => {
-        const reg = new RegExp("\\w{1," + length + "}", "g");
-        const ma = str2.match(reg);
-        return ma == null ? void 0 : ma.join(":");
-      };
-      const result = valueFormat.includes(":") ? strInsert(str, 2) : str;
-      return result;
-    }
-    const onUpdateValue = (event) => {
-      var _a2;
-      __value.value = ((_a2 = event.target) == null ? void 0 : _a2.value) || "";
-    };
-    function onBlur() {
-      let time = __value.value;
-      const isHHmm = /^(0\d{1}|1\d{1}|2[0-3]):([0-5]\d{1})$/;
-      const ishhmm = /^(0\d{1}|1\d{1}):([0-5]\d{1})$/;
-      const isHHmmss = /^(0\d{1}|1\d{1}|2[0-3]):[0-5]\d{1}:([0-5]\d{1})$/;
-      const ishhmmss = /^(0\d{1}|1\d{1}):[0-5]\d{1}:([0-5]\d{1})$/;
-      const isValid = (curTime) => {
-        if (isHHmm.test(curTime) && config.valueFormat === "HH:mm" || ishhmm.test(curTime) && config.valueFormat === "hh:mm" || isHHmmss.test(curTime) && config.valueFormat === "HH:mm:ss" || ishhmmss.test(curTime) && config.valueFormat === "hh:mm:ss") {
-          return true;
-        }
-        return false;
-      };
-      const isTime = (curTime) => {
-        const arr = curTime.split(":");
-        return +arr[0] * 60 * 60 + +arr[1] * 60 + (arr[3] ? +arr[3] : 0) < 24 * 60 * 60;
-      };
-      if (!isValid(time)) {
-        if (!isNaN(time) && (/^\d{4}$/.test(time) || /^\d{6}$/.test(time))) {
-          const curTime = getFormatTime(time);
-          time = isValid(curTime) && isTime(curTime) ? curTime : "";
-        } else {
-          time = "";
-        }
-      }
-      time = time || "";
-      emit("formChange", {
-        value: time,
-        row: props.row,
-        column: props.col,
-        index: props.index
-      });
-    }
-    const onFunc = ((_a = props.col.componentProps) == null ? void 0 : _a.isPopover) ? {
-      onBlur
-    } : {};
-    const hideSuffix = (_b = props.col.componentProps) == null ? void 0 : _b.hideSuffix;
-    return () => createVNode(NTimePicker, mergeProps({
-      "class": {
-        "hide-suffix": hideSuffix
-      },
-      "ref": formRef,
-      "show": isShow.value,
-      "onUpdate:show": ($event) => isShow.value = $event
-    }, attrs, config, onFunc, {
-      "onUpdateFormattedValue": onConfirm,
-      "onKeyup": onUpdateValue
-    }), null);
-  }
-});
-
-export { EditTime as default };

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

@@ -1,23 +0,0 @@
-import { ref, onMounted } from 'vue';
-
-const useCommon = (props, attrs, isTriggerClick = false) => {
-  const formRef = ref(null);
-  const isShow = ref(false);
-  onMounted(() => {
-    var _a, _b, _c;
-    if (attrs.editTrigger !== "manual") {
-      if (isTriggerClick) {
-        (_b = (_a = formRef.value) == null ? void 0 : _a.handleTriggerClick) == null ? void 0 : _b.call(_a);
-      } else {
-        (_c = formRef.value) == null ? void 0 : _c.focus();
-      }
-      isShow.value = true;
-    }
-  });
-  return {
-    formRef,
-    isShow
-  };
-};
-
-export { useCommon };

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

@@ -1,39 +0,0 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withKeys, withCtx, createVNode, createTextVNode } from 'vue';
-import { NInput, NButton } from 'naive-ui';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "input-button",
-  emits: ["trigger"],
-  setup(__props, { emit }) {
-    const content = ref("");
-    function search() {
-      emit("trigger", content.value);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NInput), {
-        value: content.value,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => content.value = $event),
-        placeholder: "\u5B57\u6BB5\u641C\u7D22",
-        class: "check-seach-input",
-        onKeyup: withKeys(search, ["enter"])
-      }, {
-        suffix: withCtx(() => [
-          createVNode(unref(NButton), {
-            text: "",
-            onClick: search
-          }, {
-            default: withCtx(() => [
-              createTextVNode("\u641C\u7D22")
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["value", "onKeyup"]);
-    };
-  }
-});
-var InputButtonScript = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-button.vue"]]);
-
-export { InputButtonScript as default };

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

@@ -1,30 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
-import { useSeparateMap } from '../hooks/useSeparateRow.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/constants/index.js

@@ -1,3 +0,0 @@
-const InjectionSeparateHandle = Symbol("InjectionSeparateHandle");
-
-export { InjectionSeparateHandle };

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

@@ -1,9 +0,0 @@
-export { useAnchor } from './useAnchor.js';
-export { comps, useEdit } from './useEdit.js';
-export { useFormat } from './useFormat.js';
-export { useTableParse } from './useTableParse.js';
-export { useBatchEditing } from './useBatchEditing.js';
-export { useNestTable } from './useNestTable.js';
-export { useEvent } from './useEvent.js';
-export { useAnnotation } from './useAnnotation.js';
-export { SeparateHandle, useSeparateMap, useSeparateRow } from './useSeparateRow.js';

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

@@ -1,49 +0,0 @@
-import { useThrottleFn } from '@vueuse/core';
-
-const useAnchor = (props, state, emit, xGrid) => {
-  let setAnchorStatus = true;
-  function initAnchor() {
-    var _a, _b, _c;
-    if ((_a = props.anchor) == null ? void 0 : _a.length) {
-      const columns = xGrid.value.getColumns();
-      let left = 0;
-      columns.forEach((column) => {
-        const { field, minWidth, width, fixed } = column;
-        const colWidth = +(minWidth || width);
-        if (fixed == "left") ; else {
-          left += colWidth;
-          const anchorObj = props.anchor.find((v) => v.field === field);
-          anchorObj && state.anchorList.push({
-            ...anchorObj,
-            left: left - colWidth
-          });
-        }
-      });
-      state.anchorValue = ((_c = (_b = state.anchorList) == null ? void 0 : _b[0]) == null ? void 0 : _c.field) || "";
-    }
-  }
-  async function updateAnchor(field) {
-    setAnchorStatus = false;
-    const anchorObj = state.anchorList.find((v) => v.field === field);
-    await xGrid.value.scrollTo(anchorObj.left);
-    setTimeout(() => {
-      setAnchorStatus = true;
-    });
-  }
-  function setAnchorValue({ scrollLeft }) {
-    if (state.anchorList.length && setAnchorStatus) {
-      const anchorObj = state.anchorList.find((v) => scrollLeft < v.left);
-      if (anchorObj) {
-        state.anchorValue = anchorObj.field;
-      }
-    }
-  }
-  const anchorEvent = useThrottleFn(setAnchorValue, 800);
-  return {
-    initAnchor,
-    updateAnchor,
-    anchorEvent
-  };
-};
-
-export { useAnchor };

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

@@ -1,21 +0,0 @@
-import { createVNode } from 'vue';
-import { isObject } from '@vue/shared';
-import Annotation from '../../../annotation-edit/index.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 };