cnhis-design-vue 3.1.11-beta.7 → 3.1.12-beta.0

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

@@ -0,0 +1,114 @@
+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.js

@@ -1,54 +1 @@
-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 };
+export { default } from './edit-input2.js';

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

@@ -0,0 +1,54 @@
+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.js

@@ -1,148 +1 @@
-import { defineComponent, reactive, createVNode } from 'vue';
-import { NSelect, NPagination, NEmpty, NSpin, NSpace } from 'naive-ui';
-import CGrid from '../../../../../packages/grid';
-import vexutils from '../../../../../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 };
+export { default } from './edit-select-table2.js';

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

@@ -0,0 +1,148 @@
+import { defineComponent, reactive, createVNode } from 'vue';
+import { NSelect, NPagination, NEmpty, NSpin, NSpace } from 'naive-ui';
+import CGrid from '../../../../../packages/grid';
+import vexutils from '../../../../../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.js

@@ -1,91 +1 @@
-import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
-import { NSelect } from 'naive-ui';
-import vexutils from '../../../../../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: {
-        multiple: props.col.multiple || false
-      }
-    });
-    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 };
+export { default } from './edit-select2.js';

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

@@ -0,0 +1,91 @@
+import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
+import { NSelect } from 'naive-ui';
+import vexutils from '../../../../../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: {
+        multiple: props.col.multiple || false
+      }
+    });
+    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 };

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

@@ -0,0 +1,2 @@
+import './edit-separate2.js';
+export { default } from './edit-separate.vue_vue_type_script_setup_true_lang.js';