cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/iho-table/src/plugins/defaultConfigPlugin/index.js

@@ -0,0 +1,33 @@
+import { mergeWith } from 'lodash-es';
+import { HIGHEST_PRIORITY } from '../../constants/index.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function defaultConfigPlugin() {
+  const pluginName = "defaultTablePlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.configHooks.config.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (config) => {
+        return mergeWith(
+          {
+            height: "100%",
+            border: true,
+            showSeq: true,
+            selectType: "checkbox",
+            columnConfig: { resizable: true },
+            rowConfig: { height: 48, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
+            mouseConfig: { selected: true },
+            editConfig: {
+              trigger: "click",
+              mode: "cell"
+            },
+            keyboardConfig: { isArrow: true, isDel: true, isEnter: true, isTab: true, isEdit: true, isChecked: true }
+          },
+          config
+        );
+      });
+    }
+  });
+}
+
+export { defaultConfigPlugin };

package/es/components/iho-table/src/plugins/index.d.ts

@@ -0,0 +1,3 @@
+import { TablePlugin } from '../../../../../es/components/iho-table';
+declare const _default: Record<string, () => TablePlugin>;
+export default _default;

package/es/components/iho-table/src/plugins/index.js

@@ -0,0 +1,37 @@
+import * as index from './defaultConfigPlugin/index.js';
+import * as index$1 from './lowCodeFieldAdaptorPlugin/index.js';
+import * as index$2 from './rendererPlugins/editableWidgets/dateRendererPlugin/index.js';
+import * as inputRendererPlugin from './rendererPlugins/editableWidgets/inputRendererPlugin.js';
+import * as index$3 from './rendererPlugins/editableWidgets/selectRendererPlugin/index.js';
+import * as index$4 from './rendererPlugins/editableWidgets/separateRendererPlugin/index.js';
+import * as index$5 from './rendererPlugins/editableWidgets/timeRendererPlugin/index.js';
+import * as checkRendererPlugin from './rendererPlugins/widgets/checkRendererPlugin.js';
+import * as colorRendererPlugin from './rendererPlugins/widgets/colorRendererPlugin.js';
+import * as defaultRendererPlugin from './rendererPlugins/widgets/defaultRendererPlugin.js';
+import * as labelRendererPlugin from './rendererPlugins/widgets/labelRendererPlugin.js';
+import * as pictureRendererPlugin from './rendererPlugins/widgets/pictureRendererPlugin.js';
+import * as seqRendererPlugin from './rendererPlugins/widgets/seqRendererPlugin.js';
+import * as index$6 from './rowGroupSettingPlugin/index.js';
+import * as index$7 from './virtualTreePlugin/index.js';
+import { separateMetaModule } from '../../../../shared/utils/index.js';
+
+const modules = Object.assign({
+  "./defaultConfigPlugin/index.ts": index,
+  "./lowCodeFieldAdaptorPlugin/index.ts": index$1,
+  "./rendererPlugins/editableWidgets/dateRendererPlugin/index.tsx": index$2,
+  "./rendererPlugins/editableWidgets/inputRendererPlugin.tsx": inputRendererPlugin,
+  "./rendererPlugins/editableWidgets/selectRendererPlugin/index.tsx": index$3,
+  "./rendererPlugins/editableWidgets/separateRendererPlugin/index.tsx": index$4,
+  "./rendererPlugins/editableWidgets/timeRendererPlugin/index.tsx": index$5,
+  "./rendererPlugins/widgets/checkRendererPlugin.tsx": checkRendererPlugin,
+  "./rendererPlugins/widgets/colorRendererPlugin.tsx": colorRendererPlugin,
+  "./rendererPlugins/widgets/defaultRendererPlugin.tsx": defaultRendererPlugin,
+  "./rendererPlugins/widgets/labelRendererPlugin.tsx": labelRendererPlugin,
+  "./rendererPlugins/widgets/pictureRendererPlugin.tsx": pictureRendererPlugin,
+  "./rendererPlugins/widgets/seqRendererPlugin.tsx": seqRendererPlugin,
+  "./rowGroupSettingPlugin/index.ts": index$6,
+  "./virtualTreePlugin/index.ts": index$7
+});
+var PluginPresets = separateMetaModule(modules);
+
+export { PluginPresets as default };

package/es/components/iho-table/src/plugins/lowCodeFieldAdaptorPlugin/index.d.ts

@@ -0,0 +1 @@
+export declare function lowCodeFieldAdaptorPlugin(): import("../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/lowCodeFieldAdaptorPlugin/index.js

@@ -0,0 +1,37 @@
+import { pick, cloneDeep } from 'lodash-es';
+import { toRaw } from 'vue';
+import { HIGHEST_PRIORITY, WIDGET_TYPE } from '../../constants/index.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function lowCodeFieldAdaptorPlugin() {
+  const pluginName = "lowCodeFieldAdaptorPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.field.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (field) => {
+        const _field = field;
+        const result = {
+          field: _field.columnName,
+          width: _field.colWidth,
+          showOverflow: "tooltip",
+          ...pick(_field, ["title", "treeNode"])
+        };
+        settingObjAdaptor(result, _field);
+        return result;
+      });
+    }
+  });
+}
+function settingObjAdaptor(fieldItem, lowCodeField) {
+  if (!lowCodeField.settingObj)
+    return;
+  fieldItem.editRender = {
+    autofocus: "input",
+    name: lowCodeField.settingObj.attr || "DEFAULT",
+    props: cloneDeep(toRaw(lowCodeField))
+  };
+  fieldItem.editRender.enabled = !Reflect.get(WIDGET_TYPE, fieldItem.editRender.name);
+  fieldItem.visible = lowCodeField.settingObj.isHide !== "1";
+}
+
+export { lowCodeFieldAdaptorPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.d.ts

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
+import { AnyObject } from '../../../../../../../../es/shared/types';
+declare const _default: import("vue").DefineComponent<{
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.js

@@ -0,0 +1,205 @@
+import { defineComponent, inject, ref, computed, watch, createVNode, mergeProps } from 'vue';
+import { generateTimeFormat } from '../../../../../../../shared/utils/index.js';
+import { isFunction, isNaN } from 'lodash-es';
+import { NDatePicker, NPopover, NInput } from 'naive-ui';
+import { InjectionIhoTableEmits } from '../../../../constants/index.js';
+import { useCommon } from '../hooks/useCommon.js';
+
+var EditDate = defineComponent({
+  name: "EditDate",
+  inheritAttrs: false,
+  components: {
+    NDatePicker
+  },
+  props: {
+    column: {
+      type: Object,
+      required: true
+    },
+    row: {
+      type: Object,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(props, {
+    attrs,
+    emit
+  }) {
+    const globEmit = inject(InjectionIhoTableEmits);
+    const {
+      formRef,
+      isShow
+    } = useCommon();
+    const __value = ref(props.row[props.column.field]);
+    const onConfirm = (value) => {
+      globEmit("formChange", {
+        value,
+        row: props.row,
+        column: props.column,
+        index: props.index
+      });
+    };
+    const {
+      isStartDate = false,
+      isEndDate = false
+    } = attrs;
+    const connectField = attrs.connectField || "";
+    const setDateDisabled = (cur, date) => {
+      if (isStartDate && connectField) {
+        return cur > date;
+      }
+      if (isEndDate && connectField) {
+        return cur < date;
+      }
+      return false;
+    };
+    const isDateDisabled = (ts) => {
+      if (!props.row[connectField])
+        return false;
+      return setDateDisabled(ts, isEndDate ? new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[connectField]).getTime());
+    };
+    const isTimeDisabled = (ts) => {
+      const date = new Date(props.row[connectField]);
+      const d = new Date(ts);
+      const h = date.getHours();
+      const m = date.getMinutes();
+      const s = date.getSeconds();
+      const setDisabled = (t1, t2, d1, d2) => {
+        if (isEndDate && d1 > d2)
+          return false;
+        if (isStartDate && d1 < d2)
+          return false;
+        return setDateDisabled(t1, t2);
+      };
+      return {
+        isHourDisabled: (hour) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime();
+          const minute = d.getMinutes();
+          const second = d.getSeconds();
+          const d1 = ts - hour * 60 * 60 * 1e3 - minute * 60 * 1e3 - second * 1e3;
+          return setDisabled(hour, h, d1, d2);
+        },
+        isMinuteDisabled: (minute) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} ${h}:00:00`).getTime();
+          const second = d.getSeconds();
+          const d1 = ts - minute * 60 * 1e3 - second * 1e3;
+          return setDisabled(minute, m, d1, d2);
+        },
+        isSecondDisabled: (second) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} ${h}:${m}:00`).getTime();
+          const d1 = ts - second * 1e3;
+          return setDisabled(second, s, d1, d2);
+        }
+      };
+    };
+    function customDateDisabledDecorator(customDateDisabled) {
+      if (!isFunction(customDateDisabled))
+        return null;
+      return (ts) => {
+        return customDateDisabled(ts, props.row);
+      };
+    }
+    function getFormatDate(str) {
+      if (!str)
+        return "";
+      const d = new Date(str);
+      const month = `00${d.getMonth() + 1}`.slice(-2);
+      const day = `00${d.getDate()}`.slice(-2);
+      const valueFormat = formatConfig.value.valueFormat;
+      const format = valueFormat.includes("/") ? "/" : valueFormat.includes(".") ? "." : "-";
+      let date = `${d.getFullYear()}${format}${month}${format}${day}`;
+      const dTime = d.getTime();
+      const connectFieldTime = new Date(props.row[connectField]).getTime();
+      if (props.row[connectField] && (isStartDate && dTime > connectFieldTime || isEndDate && dTime < connectFieldTime)) {
+        date = "";
+      }
+      return date;
+    }
+    function onBlur() {
+      let date = __value.value;
+      if (isNaN(new Date(date).getTime())) {
+        if (/^\d{8}$/.test(date)) {
+          const dateNew = `${date.slice(0, 4)} ${date.slice(4, 6)} ${date.slice(6)}`;
+          date = "";
+          if (!isNaN(new Date(dateNew).getTime())) {
+            date = getFormatDate(dateNew);
+          }
+        } else {
+          date = "";
+        }
+      } else {
+        date = getFormatDate(date);
+      }
+      props.row[props.column.field] = __value.value = date || void 0;
+      onConfirm(__value.value);
+    }
+    const formatConfig = computed(() => {
+      const valueFormat = attrs.valueFormat || "yyyy-MM-dd HH:mm:ss";
+      return {
+        valueFormat,
+        format: valueFormat,
+        timePickerProps: {
+          format: generateTimeFormat(valueFormat)
+        }
+      };
+    });
+    const dateConfig = {
+      type: attrs.type || "datetime",
+      clearable: true,
+      placeholder: attrs.placeholder || "\u8BF7\u9009\u62E9",
+      ...attrs,
+      ...formatConfig.value,
+      isDateDisabled: customDateDisabledDecorator(attrs.isDateDisabled) || isDateDisabled,
+      onUpdateFormattedValue: onConfirm
+    };
+    if (dateConfig.type.includes("time")) {
+      dateConfig.isTimeDisabled = customDateDisabledDecorator(attrs.isTimeDisabled) || isTimeDisabled;
+    }
+    watch(() => props.row[props.column.field], (value) => {
+      __value.value = value;
+    });
+    return () => (attrs == null ? void 0 : attrs.isPopover) ? createVNode(NPopover, mergeProps({
+      "show": isShow.value,
+      "trigger": "click",
+      "showArrow": false,
+      "placement": "bottom-start",
+      "style": "padding: 0"
+    }, attrs, {
+      "onClickoutside": () => isShow.value = false
+    }), {
+      trigger: () => createVNode(NInput, {
+        "ref": formRef,
+        "clearable": true,
+        "value": __value.value,
+        "onUpdate:value": ($event) => __value.value = $event,
+        "onBlur": onBlur,
+        "onClick": () => isShow.value = true
+      }, null),
+      default: () => createVNode(NDatePicker, mergeProps({
+        "panel": true,
+        "show": isShow.value,
+        "onUpdate:show": ($event) => isShow.value = $event,
+        "formattedValue": props.row[props.column.field],
+        "onUpdate:formattedValue": ($event) => props.row[props.column.field] = $event
+      }, dateConfig), null)
+    }) : createVNode(NDatePicker, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event,
+      "formattedValue": props.row[props.column.field],
+      "onUpdate:formattedValue": ($event) => props.row[props.column.field] = $event
+    }, dateConfig), null);
+  }
+});
+
+export { EditDate as default };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/index.d.ts

@@ -0,0 +1 @@
+export declare function dateRendererPlugin(): import("../../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/index.js

@@ -0,0 +1,39 @@
+import { createVNode, mergeProps } from 'vue';
+import '../../../../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import EditDate from './editDate.js';
+import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
+
+function dateRendererPlugin() {
+  const pluginName = "dateRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.DATE, {
+        renderCell({
+          props
+        }, {
+          row,
+          column
+        }) {
+          return [createVNode("span", null, [row[column.field]])];
+        },
+        renderEdit({
+          props
+        }, {
+          row,
+          column,
+          $rowIndex
+        }) {
+          return [createVNode(EditDate, mergeProps((props == null ? void 0 : props.componentProps) || {}, {
+            "column": column,
+            "row": row,
+            "index": $rowIndex
+          }), null)];
+        }
+      });
+    }
+  });
+}
+
+export { dateRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/hooks/useCommon.d.ts

@@ -0,0 +1,4 @@
+export declare const useCommon: () => {
+    formRef: import("vue").Ref<HTMLElement | null>;
+    isShow: import("vue").Ref<boolean>;
+};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/hooks/useCommon.js

@@ -0,0 +1,17 @@
+import { ref, onMounted } from 'vue';
+
+const useCommon = () => {
+  const formRef = ref(null);
+  const isShow = ref(false);
+  onMounted(() => {
+    var _a;
+    (_a = formRef.value) == null ? void 0 : _a.focus();
+    isShow.value = true;
+  });
+  return {
+    formRef,
+    isShow
+  };
+};
+
+export { useCommon };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/inputRendererPlugin.d.ts

@@ -0,0 +1 @@
+export declare function inputRendererPlugin(): import("../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/inputRendererPlugin.js

@@ -0,0 +1,44 @@
+import { createVNode, inject } from 'vue';
+import { NInput } from 'naive-ui';
+import '../../../../index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../constants/index.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+function inputRendererPlugin() {
+  const pluginName = "inputRendererPlugins";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.INPUT, {
+        renderCell(renderOpts, {
+          row,
+          column
+        }) {
+          return [createVNode("span", null, [row[column.field]])];
+        },
+        renderEdit(renderOpts, {
+          row,
+          column,
+          $rowIndex
+        }) {
+          const emit = inject(InjectionIhoTableEmits);
+          function onBlur() {
+            emit("formChange", {
+              value: row[column.field],
+              row,
+              column,
+              index: $rowIndex
+            });
+          }
+          return [createVNode(NInput, {
+            "value": row[column.field],
+            "onUpdate:value": ($event) => row[column.field] = $event,
+            "onBlur": onBlur
+          }, null)];
+        }
+      });
+    }
+  });
+}
+
+export { inputRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/editSelect.d.ts

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
+import { AnyObject } from '../../../../../../../../es/shared/types';
+declare const _default: import("vue").DefineComponent<{
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/editSelect.js

@@ -0,0 +1,60 @@
+import { defineComponent, inject, createVNode, mergeProps } from 'vue';
+import { NSelect } from 'naive-ui';
+import { InjectionIhoTableEmits } from '../../../../constants/index.js';
+import { useCommon } from '../hooks/useCommon.js';
+
+var EditSelect = defineComponent({
+  name: "EditSelect",
+  inheritAttrs: false,
+  components: {
+    NSelect
+  },
+  props: {
+    column: {
+      type: Object,
+      required: true
+    },
+    row: {
+      type: Object,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const globEmit = inject(InjectionIhoTableEmits);
+    const {
+      formRef,
+      isShow
+    } = useCommon();
+    function onUpdateValue(value) {
+      globEmit("formChange", {
+        value,
+        row: props.row,
+        column: props.column,
+        index: props.index
+      });
+    }
+    return () => createVNode(NSelect, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, {
+      "value": props.row[props.column.field],
+      "onUpdate:value": ($event) => props.row[props.column.field] = $event,
+      "consistentMenuWidth": false,
+      "clearable": true,
+      "filterable": true,
+      "placeholder": attrs.placeholder || "\u8BF7\u9009\u62E9",
+      "onUpdateValue": onUpdateValue
+    }), null);
+  }
+});
+
+export { EditSelect as default };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/index.d.ts

@@ -0,0 +1 @@
+export declare function selectRendererPlugin(): import("../../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/index.js

@@ -0,0 +1,40 @@
+import { createVNode, mergeProps } from 'vue';
+import '../../../../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import EditSelect from './editSelect.js';
+import { getDefaultValue } from './selectUtils.js';
+import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
+
+function selectRendererPlugin() {
+  const pluginName = "selectRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.SELECT, {
+        renderCell({
+          props
+        }, {
+          row,
+          column
+        }) {
+          return [createVNode("span", null, [getDefaultValue(row, props)])];
+        },
+        renderEdit({
+          props
+        }, {
+          row,
+          column,
+          $rowIndex
+        }) {
+          return [createVNode(EditSelect, mergeProps((props == null ? void 0 : props.componentProps) || {}, {
+            "column": column,
+            "row": row,
+            "index": $rowIndex
+          }), null)];
+        }
+      });
+    }
+  });
+}
+
+export { selectRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/selectUtils.d.ts

@@ -0,0 +1,2 @@
+import { LowCodeTableFieldItem } from '../../../../../../../../es/components/iho-table/src/types';
+export declare function getDefaultValue(row: any, item: LowCodeTableFieldItem | any): any;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/selectUtils.js

@@ -0,0 +1,20 @@
+function getDefaultValue(row, item) {
+  var _a;
+  const value = row[item.columnName];
+  if (Array.isArray(value))
+    return (_a = value.map((v) => getValue(v))) == null ? void 0 : _a.join(",");
+  return getValue(value);
+  function getValue(value2) {
+    var _a2, _b;
+    const findValue = (options) => {
+      var _a3;
+      return ((_a3 = options == null ? void 0 : options.find((v) => v.value == value2)) == null ? void 0 : _a3.label) || value2 || "";
+    };
+    if (item.formatMap) {
+      return row[(_a2 = item.formatMap) == null ? void 0 : _a2.label];
+    }
+    return findValue(((_b = item.componentProps) == null ? void 0 : _b.options) || []);
+  }
+}
+
+export { getDefaultValue };