cnhis-design-vue 3.1.8-beta.4 → 3.1.8-beta.7

package/es/packages/big-table/src/bigTableState.mjs

@@ -1 +1,52 @@
-export { default } from './bigTableState2.mjs';
+const bigTableState = {
+  curAbleCheckedLen: 0,
+  showButtonTop: 0,
+  isTree: 0,
+  isShowEmpty: false,
+  currentPageSelectedLength: 0,
+  visibleCheckAllWrap: false,
+  visibleCheckAllWrapMore: false,
+  checkedRows: [],
+  filterFields: {},
+  visibleTreeCheck: false,
+  treeTableLength: 0,
+  checkWidth: {
+    "table-simple": "30",
+    "table-classics": "24"
+  },
+  lastPageIndex: 1,
+  selectType: "",
+  levelLazyLoadSetting: null,
+  openOnly: 0,
+  filterWidth: 280,
+  filterHeight: 120,
+  startX: 0,
+  distance: 0,
+  mask: "",
+  groupText: [],
+  currentClickBtnInfo: null,
+  columnLen: 0,
+  hasRefresh: false,
+  isExpand: 0,
+  btnIcons: {
+    copy: "copy",
+    pencil: "edit",
+    delete: "delete",
+    add: "plus-circle",
+    download: "download",
+    label: "tag",
+    queding: "check",
+    del: "close"
+  },
+  tableHeight: "100%",
+  cacheUniqueKey: {},
+  theUniqueKeyListObj: {},
+  editColumnMap: {},
+  fieldLength: 0,
+  originFormatList: [],
+  isSaveForm: false,
+  editConfig: { trigger: "manual", mode: "cell", autoClear: false, showIcon: false },
+  rowConfig: { height: 32 }
+};
+
+export { bigTableState as default };

package/es/packages/big-table/src/components/NoData.mjs

@@ -1,2 +1,4 @@
-import './NoData2.mjs';
+import script from './NoData.vue_vue_type_script_setup_true_lang.mjs';
 export { default } from './NoData.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/big-table/src/components/NoData.vue";

package/es/packages/big-table/src/components/NoData.vue_vue_type_script_setup_true_lang.mjs

@@ -8,7 +8,7 @@ const _hoisted_1 = { class: "no-data-tip NoData-page" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { key: 1 };
 var script = /* @__PURE__ */ defineComponent({
-  name: "NoData",
+  __name: "NoData",
   props: {
     noDataTip: {
       type: String,

package/es/packages/big-table/src/components/edit-form/edit-date.mjs

@@ -1 +1,114 @@
-export { default } from './edit-date2.mjs';
+import { defineComponent, createVNode, mergeProps } from 'vue';
+import { NDatePicker } from 'naive-ui';
+
+var EditDate = defineComponent({
+  name: "EditDate",
+  inheritAttrs: false,
+  components: {
+    NDatePicker
+  },
+  props: {
+    col: {
+      type: Object,
+      default: () => ({})
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    index: {
+      type: [Number, Object],
+      default: 0
+    }
+  },
+  emits: ["formChange"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const onConfirm = (value) => {
+      emit("formChange", {
+        value,
+        row: props.row,
+        column: props.col,
+        index: props.index
+      });
+    };
+    const {
+      isStartDate = false,
+      isEndDate = false,
+      connectField
+    } = props.col;
+    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);
+        }
+      };
+    };
+    const config = {
+      type: props.col.type || "datetime",
+      clearable: props.col.clearable || true,
+      disabled: props.col.disabled || false,
+      valueFormat: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
+      isDateDisabled: props.col.isDateDisabled || isDateDisabled,
+      placeholder: props.col.placeholder || "\u8BF7\u9009\u62E9"
+    };
+    if (config.type.includes("time")) {
+      config.isTimeDisabled = props.col.isTimeDisabled || isTimeDisabled;
+    }
+    return () => createVNode(NDatePicker, mergeProps(attrs, config, {
+      "onUpdateFormattedValue": onConfirm
+    }), null);
+  }
+});
+
+export { EditDate as default };

package/es/packages/big-table/src/components/edit-form/edit-input.mjs

@@ -1 +1,54 @@
-export { default } from './edit-input2.mjs';
+import { defineComponent, createVNode, mergeProps } from 'vue';
+import { NInput, NInputNumber } from 'naive-ui';
+
+var EditInput = defineComponent({
+  name: "EditInput",
+  inheritAttrs: false,
+  components: {
+    NInput,
+    NInputNumber
+  },
+  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,
+    slots,
+    emit
+  }) {
+    const onUpdateValue = (value) => {
+      emit("formChange", {
+        value,
+        row: props.row,
+        column: props.col,
+        index: props.index
+      });
+    };
+    const config = {
+      placeholder: props.col.placeholder || "\u8BF7\u8F93\u5165"
+    };
+    return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, config, {
+      "onUpdateValue": onUpdateValue
+    }), null) : createVNode(NInputNumber, mergeProps(attrs, config, {
+      "onUpdateValue": onUpdateValue
+    }), null);
+  }
+});
+
+export { EditInput as default };

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

@@ -1 +1,148 @@
-export { default } from './edit-select-table2.mjs';
+import { defineComponent, reactive, createVNode } from 'vue';
+import { NSelect, NPagination, NEmpty, NSpin, NSpace } from 'naive-ui';
+import CGrid from 'cnhis-design-vue/es/packages/grid';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+
+var editSelectTable = defineComponent({
+  name: "EditSelectTable",
+  inheritAttrs: false,
+  components: {
+    NSelect,
+    CGrid,
+    NPagination,
+    NEmpty,
+    NSpin,
+    NSpace
+  },
+  props: {
+    row: {
+      type: Object,
+      default: {}
+    },
+    col: {
+      type: Object,
+      default: {}
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value", "clickSelectTable"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const state = reactive({
+      value: props.value,
+      row: JSON.parse(JSON.stringify(props.row)),
+      page: 1,
+      pageCount: 0,
+      keyword: "",
+      data: [],
+      columns: JSON.parse(JSON.stringify(props.col.tableColumn)),
+      loading: false,
+      show: true
+    });
+    const selectTableFocus = () => {
+      state.show = true;
+      state.page = 1;
+      state.keyword = "";
+      state.pageCount = 0;
+      querySelectTableList();
+    };
+    const querySelectTableList = async () => {
+      state.loading = true;
+      const obj = {
+        page: state.page,
+        keyword: state.keyword
+      };
+      const {
+        data,
+        pageCount
+      } = await props.col.querySelectTableList(obj);
+      state.data = data;
+      state.pageCount = pageCount;
+      state.loading = false;
+    };
+    let selectTableSearch = (value) => {
+      state.keyword = value;
+      querySelectTableList();
+    };
+    selectTableSearch = vexutils.debounce(selectTableSearch, 800);
+    selectTableSearch("");
+    const getSelectTableGrid = () => {
+      const config = {
+        border: "outer",
+        resizable: true,
+        autoResize: true,
+        showOverflow: true,
+        showHeaderOverflow: true,
+        highlightHoverRow: true,
+        highlightCurrentRow: true,
+        maxHeight: props.col.tableHeight || 200,
+        align: "center",
+        columns: state.columns,
+        data: state.data,
+        onCellClick
+      };
+      return createVNode(CGrid, config, {
+        empty: () => createVNode(NEmpty, {
+          "description": "\u65E0\u6570\u636E"
+        }, null)
+      });
+    };
+    const onCellClick = (data) => {
+      const {
+        row
+      } = data;
+      emit("clickSelectTable", row);
+      state.show = false;
+    };
+    const getPagination = () => {
+      const pagination = () => {
+        return createVNode(NPagination, {
+          "page": state.page,
+          "onUpdate:page": ($event) => state.page = $event,
+          "pageCount": state.pageCount,
+          "onUpdatePage": (page) => querySelectTableList()
+        }, null);
+      };
+      return createVNode(NSpace, {
+        "justify": "space-between",
+        "align": "center",
+        "style": "margin-top: 5px"
+      }, {
+        default: () => [`\u5171${state.pageCount}\u6761`, pagination()]
+      });
+    };
+    return () => [createVNode(NSelect, {
+      "class": "form-select-table",
+      "placeholder": "\u8BF7\u9009\u62E9",
+      "options": [],
+      "consistentMenuWidth": false,
+      "clearable": true,
+      "filterable": true,
+      "to": false,
+      "show": state.show,
+      "loading": state.loading,
+      "onFocus": selectTableFocus,
+      "onBlur": () => state.show = false,
+      "onSearch": selectTableSearch
+    }, {
+      action: () => state.loading ? createVNode(NSpace, {
+        "justify": "center"
+      }, {
+        default: () => createVNode(NSpin, {
+          "style": {
+            margin: "80px auto"
+          },
+          "size": "small"
+        }, null)
+      }) : [getSelectTableGrid(), state.pageCount ? getPagination() : null]
+    })];
+  }
+});
+
+export { editSelectTable as default };

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

@@ -1 +1,89 @@
-export { default } from './edit-select2.mjs';
+import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
+import { NSelect } from 'naive-ui';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+
+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 state = reactive({
+      options: [],
+      loading: false,
+      keyword: "",
+      config: {}
+    });
+    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 = vexutils.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(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 };