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

package/es/packages/scale-view/src/components/formitem/r-collection.js

@@ -1,113 +1 @@
-import { defineComponent, computed, createVNode, resolveComponent, createTextVNode } from 'vue';
-import { NDivider, NIcon } from 'naive-ui';
-import { AlertCircleOutline } from '@vicons/ionicons5';
-
-var RCollection = defineComponent({
-  name: "RCollection",
-  components: {
-    NDivider,
-    NIcon
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [],
-  setup(props, {
-    emit
-  }) {
-    var _a, _b;
-    const type = (_a = props.item) == null ? void 0 : _a.type;
-    const {
-      title,
-      describe
-    } = props.item || {};
-    const options = ((_b = props.item) == null ? void 0 : _b.setting) || {};
-    const className = computed(() => {
-      const type2 = options.promptType;
-      return type2 ? `is-${type2}` : "";
-    });
-    const showIcon = computed(() => {
-      return options.promptType === "strong";
-    });
-    const imgLink = computed(() => {
-      return options.imgLink;
-    });
-    const imgUrl = computed(() => {
-      return options.imgUrl;
-    });
-    const defaultValue = computed(() => {
-      return options.defaultValue;
-    });
-    const renderTitle = () => {
-      return createVNode("div", {
-        "class": "c-scale-collection scale-collection-title"
-      }, [title && createVNode("h1", {
-        "class": "lb-title"
-      }, [title]), describe && createVNode("div", {
-        "class": "lb-title"
-      }, [describe])]);
-    };
-    const renderLinebar = () => {
-      if (!props.item.title)
-        return null;
-      return createVNode("div", {
-        "class": "linebar-div"
-      }, [createVNode("span", null, [props.item.title]), createVNode(resolveComponent("n-divider"), null, null)]);
-    };
-    const renderPrompt = () => {
-      return createVNode("div", {
-        "class": ["prompt-message", "c-scale-collection", className.value]
-      }, [showIcon.value && createVNode(NIcon, {
-        "class": "prompt-icon",
-        "size": "20",
-        "component": AlertCircleOutline
-      }, null), createVNode("div", {
-        "class": "prompt-message-content "
-      }, [createTextVNode(" "), options.promptMsg || ""])]);
-    };
-    const renderImgCard = () => {
-      return createVNode("div", {
-        "class": "c-scale-collection"
-      }, [imgLink.value && createVNode("a", {
-        "href": imgLink.value,
-        "target": "_blank"
-      }, [createVNode("img", {
-        "class": "img-card",
-        "src": imgUrl.value
-      }, null), " "]), !imgLink.value && createVNode("img", {
-        "class": "img-card",
-        "src": imgUrl.value
-      }, null)]);
-    };
-    const renderRichText = () => {
-      return createVNode("div", {
-        "class": "c-scale-collection",
-        "innerHTML": defaultValue.value
-      }, null);
-    };
-    return () => {
-      if (type === "TITLE")
-        return renderTitle();
-      if (type === "LINEBAR")
-        return renderLinebar();
-      if (type === "PROMPT")
-        return renderPrompt();
-      if (type === "IMGCARD")
-        return renderImgCard();
-      return renderRichText();
-    };
-  }
-});
-
-export { RCollection as default };
+export { default } from './r-collection2.js';

package/es/packages/scale-view/src/components/formitem/r-collection2.js

@@ -0,0 +1,113 @@
+import { defineComponent, computed, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { NDivider, NIcon } from 'naive-ui';
+import { AlertCircleOutline } from '@vicons/ionicons5';
+
+var RCollection = defineComponent({
+  name: "RCollection",
+  components: {
+    NDivider,
+    NIcon
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [],
+  setup(props, {
+    emit
+  }) {
+    var _a, _b;
+    const type = (_a = props.item) == null ? void 0 : _a.type;
+    const {
+      title,
+      describe
+    } = props.item || {};
+    const options = ((_b = props.item) == null ? void 0 : _b.setting) || {};
+    const className = computed(() => {
+      const type2 = options.promptType;
+      return type2 ? `is-${type2}` : "";
+    });
+    const showIcon = computed(() => {
+      return options.promptType === "strong";
+    });
+    const imgLink = computed(() => {
+      return options.imgLink;
+    });
+    const imgUrl = computed(() => {
+      return options.imgUrl;
+    });
+    const defaultValue = computed(() => {
+      return options.defaultValue;
+    });
+    const renderTitle = () => {
+      return createVNode("div", {
+        "class": "c-scale-collection scale-collection-title"
+      }, [title && createVNode("h1", {
+        "class": "lb-title"
+      }, [title]), describe && createVNode("div", {
+        "class": "lb-title"
+      }, [describe])]);
+    };
+    const renderLinebar = () => {
+      if (!props.item.title)
+        return null;
+      return createVNode("div", {
+        "class": "linebar-div"
+      }, [createVNode("span", null, [props.item.title]), createVNode(resolveComponent("n-divider"), null, null)]);
+    };
+    const renderPrompt = () => {
+      return createVNode("div", {
+        "class": ["prompt-message", "c-scale-collection", className.value]
+      }, [showIcon.value && createVNode(NIcon, {
+        "class": "prompt-icon",
+        "size": "20",
+        "component": AlertCircleOutline
+      }, null), createVNode("div", {
+        "class": "prompt-message-content "
+      }, [createTextVNode(" "), options.promptMsg || ""])]);
+    };
+    const renderImgCard = () => {
+      return createVNode("div", {
+        "class": "c-scale-collection"
+      }, [imgLink.value && createVNode("a", {
+        "href": imgLink.value,
+        "target": "_blank"
+      }, [createVNode("img", {
+        "class": "img-card",
+        "src": imgUrl.value
+      }, null), " "]), !imgLink.value && createVNode("img", {
+        "class": "img-card",
+        "src": imgUrl.value
+      }, null)]);
+    };
+    const renderRichText = () => {
+      return createVNode("div", {
+        "class": "c-scale-collection",
+        "innerHTML": defaultValue.value
+      }, null);
+    };
+    return () => {
+      if (type === "TITLE")
+        return renderTitle();
+      if (type === "LINEBAR")
+        return renderLinebar();
+      if (type === "PROMPT")
+        return renderPrompt();
+      if (type === "IMGCARD")
+        return renderImgCard();
+      return renderRichText();
+    };
+  }
+});
+
+export { RCollection as default };

package/es/packages/scale-view/src/components/formitem/r-datetime.js

@@ -1,212 +1 @@
-import { defineComponent, reactive, computed, createVNode, resolveComponent, createTextVNode } from 'vue';
-import { NTimePicker, NDatePicker } from 'naive-ui';
-import vexutils from '../../../../../src/utils/vexutils';
-import moment from 'moment';
-
-var scriptDatetime = defineComponent({
-  name: "RDatetime",
-  components: {
-    NTimePicker,
-    NDatePicker
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    var _a, _b, _c, _d, _e;
-    const type = (_a = props.item) == null ? void 0 : _a.type;
-    const startToStop = (_c = (_b = props.item) == null ? void 0 : _b.setting) == null ? void 0 : _c.startToStop;
-    const dateType = type === "DATE" ? "date" : (_e = (_d = props.item) == null ? void 0 : _d.setting) == null ? void 0 : _e.dateType;
-    const timeFormat = "HH:mm:ss";
-    const state = reactive({
-      rangeValue: [null, null],
-      dateValue: null
-    });
-    const useDateRangeType = computed(() => {
-      if (dateType == "datetime")
-        return "datetimerange";
-      return "daterange";
-    });
-    const defaultValue = (val) => {
-      console.log(val, "time---val---");
-      vexutils.isJSON(val) && (val = JSON.parse(val));
-      if (!val || vexutils.isEmpty(val))
-        return;
-      let value = JSON.parse(JSON.stringify(val));
-      if (type === "TIME" || dateType == "time") {
-        if (startToStop != 1) {
-          state.dateValue = val;
-          return;
-        }
-        if (!Array.isArray(value) || !value.length)
-          return;
-        let val0 = value[0] ? moment(value[0], timeFormat).valueOf() : "";
-        let val1 = value[1] ? moment(value[1], timeFormat).valueOf() : "";
-        let sV = val0 ? vexutils.isValidDate(new Date(val0)) ? val0 : null : null;
-        let eV = val1 ? vexutils.isValidDate(new Date(val1)) ? val1 : null : null;
-        state.rangeValue = [sV, eV];
-        return;
-      } else {
-        state.dateValue = val;
-      }
-    };
-    const disStartHours = (hour) => {
-      let endTime = state.rangeValue[1];
-      if (!endTime)
-        return false;
-      let eH = Number(new Date(endTime).getHours());
-      return hour > eH;
-    };
-    const disStartMinute = (minute, hour) => {
-      if (hour === null)
-        return false;
-      let endTime = state.rangeValue[1];
-      if (!endTime)
-        return false;
-      let eH = Number(new Date(endTime).getHours());
-      let eM = Number(new Date(endTime).getMinutes());
-      if (hour < eH)
-        return false;
-      return minute > eM;
-    };
-    const disStartSeconds = (second, minute, hour) => {
-      if (hour === null || minute === null)
-        return false;
-      let endTime = state.rangeValue[1];
-      if (!endTime)
-        return false;
-      let eH = Number(new Date(endTime).getHours());
-      let eM = Number(new Date(endTime).getMinutes());
-      let eS = Number(new Date(endTime).getSeconds());
-      if (hour < eH)
-        return false;
-      if (minute < eM)
-        return false;
-      return second >= eS;
-    };
-    const disEndHours = (hour) => {
-      let startTime = state.rangeValue[0];
-      if (!startTime)
-        return false;
-      let sH = Number(new Date(startTime).getHours());
-      return hour < sH;
-    };
-    const disEndMinute = (minute, hour) => {
-      if (hour === null)
-        return false;
-      let startTime = state.rangeValue[0];
-      if (!startTime)
-        return false;
-      let sH = Number(new Date(startTime).getHours());
-      let sM = Number(new Date(startTime).getMinutes());
-      if (hour > sH)
-        return false;
-      return minute < sM;
-    };
-    const disEndSeconds = (second, minute, hour) => {
-      if (hour === null || minute === null)
-        return false;
-      let startTime = state.rangeValue[0];
-      if (!startTime)
-        return false;
-      let sH = Number(new Date(startTime).getHours());
-      let sM = Number(new Date(startTime).getMinutes());
-      let sS = Number(new Date(startTime).getSeconds());
-      if (hour > sH)
-        return false;
-      if (minute > sM)
-        return false;
-      return second <= sS;
-    };
-    const changeRangeTime = (val, formattedValue, rangeType) => {
-      let otherIndex = rangeType === "start" ? 1 : 0;
-      let otherVal = state.rangeValue[otherIndex];
-      otherVal && (otherVal = moment(otherVal).format(timeFormat));
-      if (rangeType === "start") {
-        context.emit("scaleChange", [formattedValue, otherVal || ""], props.item);
-        return;
-      }
-      context.emit("scaleChange", [otherVal || "", formattedValue], props.item);
-    };
-    const changeDate = (val, formattedValue) => {
-      context.emit("scaleChange", formattedValue, props.item);
-    };
-    const renderTime = () => {
-      return createVNode(resolveComponent("n-time-picker"), {
-        "formatted-value": state.dateValue,
-        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
-        "clearable": true,
-        "disabled": props.isLock,
-        "onUpdate:value": changeDate
-      }, null);
-    };
-    const renderTimeRange = () => {
-      return createVNode("div", {
-        "class": "c-time-range"
-      }, [createVNode(resolveComponent("n-time-picker"), {
-        "value": state.rangeValue[0],
-        "onUpdate:value": [($event) => state.rangeValue[0] = $event, (val, formattedValue) => changeRangeTime(val, formattedValue, "start")],
-        "clearable": true,
-        "disabled": props.isLock,
-        "isHourDisabled": disStartHours,
-        "isMinuteDisabled": disStartMinute,
-        "isSecondDisabled": disStartSeconds
-      }, null), createTextVNode("\xA0 - \xA0"), createVNode(resolveComponent("n-time-picker"), {
-        "value": state.rangeValue[1],
-        "onUpdate:value": [($event) => state.rangeValue[1] = $event, (val, formattedValue) => changeRangeTime(val, formattedValue, "end")],
-        "clearable": true,
-        "disabled": props.isLock,
-        "isHourDisabled": disEndHours,
-        "isMinuteDisabled": disEndMinute,
-        "isSecondDisabled": disEndSeconds
-      }, null)]);
-    };
-    const renderDate = () => {
-      return createVNode(resolveComponent("n-date-picker"), {
-        "formatted-value": state.dateValue,
-        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
-        "type": dateType,
-        "clearable": true,
-        "disabled": props.isLock,
-        "onUpdate:value": changeDate
-      }, null);
-    };
-    const renderDateRange = () => {
-      return createVNode(resolveComponent("n-date-picker"), {
-        "formatted-value": state.dateValue,
-        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
-        "type": useDateRangeType.value,
-        "clearable": true,
-        "disabled": props.isLock,
-        "onUpdate:value": changeDate
-      }, null);
-    };
-    defaultValue(props.form[props.item.val_key]);
-    return () => {
-      if (type === "TIME" || dateType == "time") {
-        if (startToStop == 1)
-          return renderTimeRange();
-        return renderTime();
-      }
-      if (dateType === "date" || dateType === "datetime") {
-        if (startToStop == 1)
-          return renderDateRange();
-      }
-      return renderDate();
-    };
-  }
-});
-
-export { scriptDatetime as default };
+export { default } from './r-datetime2.js';

package/es/packages/scale-view/src/components/formitem/r-datetime2.js

@@ -0,0 +1,212 @@
+import { defineComponent, reactive, computed, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { NTimePicker, NDatePicker } from 'naive-ui';
+import vexutils from '../../../../../src/utils/vexutils';
+import moment from 'moment';
+
+var scriptDatetime = defineComponent({
+  name: "RDatetime",
+  components: {
+    NTimePicker,
+    NDatePicker
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    var _a, _b, _c, _d, _e;
+    const type = (_a = props.item) == null ? void 0 : _a.type;
+    const startToStop = (_c = (_b = props.item) == null ? void 0 : _b.setting) == null ? void 0 : _c.startToStop;
+    const dateType = type === "DATE" ? "date" : (_e = (_d = props.item) == null ? void 0 : _d.setting) == null ? void 0 : _e.dateType;
+    const timeFormat = "HH:mm:ss";
+    const state = reactive({
+      rangeValue: [null, null],
+      dateValue: null
+    });
+    const useDateRangeType = computed(() => {
+      if (dateType == "datetime")
+        return "datetimerange";
+      return "daterange";
+    });
+    const defaultValue = (val) => {
+      console.log(val, "time---val---");
+      vexutils.isJSON(val) && (val = JSON.parse(val));
+      if (!val || vexutils.isEmpty(val))
+        return;
+      let value = JSON.parse(JSON.stringify(val));
+      if (type === "TIME" || dateType == "time") {
+        if (startToStop != 1) {
+          state.dateValue = val;
+          return;
+        }
+        if (!Array.isArray(value) || !value.length)
+          return;
+        let val0 = value[0] ? moment(value[0], timeFormat).valueOf() : "";
+        let val1 = value[1] ? moment(value[1], timeFormat).valueOf() : "";
+        let sV = val0 ? vexutils.isValidDate(new Date(val0)) ? val0 : null : null;
+        let eV = val1 ? vexutils.isValidDate(new Date(val1)) ? val1 : null : null;
+        state.rangeValue = [sV, eV];
+        return;
+      } else {
+        state.dateValue = val;
+      }
+    };
+    const disStartHours = (hour) => {
+      let endTime = state.rangeValue[1];
+      if (!endTime)
+        return false;
+      let eH = Number(new Date(endTime).getHours());
+      return hour > eH;
+    };
+    const disStartMinute = (minute, hour) => {
+      if (hour === null)
+        return false;
+      let endTime = state.rangeValue[1];
+      if (!endTime)
+        return false;
+      let eH = Number(new Date(endTime).getHours());
+      let eM = Number(new Date(endTime).getMinutes());
+      if (hour < eH)
+        return false;
+      return minute > eM;
+    };
+    const disStartSeconds = (second, minute, hour) => {
+      if (hour === null || minute === null)
+        return false;
+      let endTime = state.rangeValue[1];
+      if (!endTime)
+        return false;
+      let eH = Number(new Date(endTime).getHours());
+      let eM = Number(new Date(endTime).getMinutes());
+      let eS = Number(new Date(endTime).getSeconds());
+      if (hour < eH)
+        return false;
+      if (minute < eM)
+        return false;
+      return second >= eS;
+    };
+    const disEndHours = (hour) => {
+      let startTime = state.rangeValue[0];
+      if (!startTime)
+        return false;
+      let sH = Number(new Date(startTime).getHours());
+      return hour < sH;
+    };
+    const disEndMinute = (minute, hour) => {
+      if (hour === null)
+        return false;
+      let startTime = state.rangeValue[0];
+      if (!startTime)
+        return false;
+      let sH = Number(new Date(startTime).getHours());
+      let sM = Number(new Date(startTime).getMinutes());
+      if (hour > sH)
+        return false;
+      return minute < sM;
+    };
+    const disEndSeconds = (second, minute, hour) => {
+      if (hour === null || minute === null)
+        return false;
+      let startTime = state.rangeValue[0];
+      if (!startTime)
+        return false;
+      let sH = Number(new Date(startTime).getHours());
+      let sM = Number(new Date(startTime).getMinutes());
+      let sS = Number(new Date(startTime).getSeconds());
+      if (hour > sH)
+        return false;
+      if (minute > sM)
+        return false;
+      return second <= sS;
+    };
+    const changeRangeTime = (val, formattedValue, rangeType) => {
+      let otherIndex = rangeType === "start" ? 1 : 0;
+      let otherVal = state.rangeValue[otherIndex];
+      otherVal && (otherVal = moment(otherVal).format(timeFormat));
+      if (rangeType === "start") {
+        context.emit("scaleChange", [formattedValue, otherVal || ""], props.item);
+        return;
+      }
+      context.emit("scaleChange", [otherVal || "", formattedValue], props.item);
+    };
+    const changeDate = (val, formattedValue) => {
+      context.emit("scaleChange", formattedValue, props.item);
+    };
+    const renderTime = () => {
+      return createVNode(resolveComponent("n-time-picker"), {
+        "formatted-value": state.dateValue,
+        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
+        "clearable": true,
+        "disabled": props.isLock,
+        "onUpdate:value": changeDate
+      }, null);
+    };
+    const renderTimeRange = () => {
+      return createVNode("div", {
+        "class": "c-time-range"
+      }, [createVNode(resolveComponent("n-time-picker"), {
+        "value": state.rangeValue[0],
+        "onUpdate:value": [($event) => state.rangeValue[0] = $event, (val, formattedValue) => changeRangeTime(val, formattedValue, "start")],
+        "clearable": true,
+        "disabled": props.isLock,
+        "isHourDisabled": disStartHours,
+        "isMinuteDisabled": disStartMinute,
+        "isSecondDisabled": disStartSeconds
+      }, null), createTextVNode("\xA0 - \xA0"), createVNode(resolveComponent("n-time-picker"), {
+        "value": state.rangeValue[1],
+        "onUpdate:value": [($event) => state.rangeValue[1] = $event, (val, formattedValue) => changeRangeTime(val, formattedValue, "end")],
+        "clearable": true,
+        "disabled": props.isLock,
+        "isHourDisabled": disEndHours,
+        "isMinuteDisabled": disEndMinute,
+        "isSecondDisabled": disEndSeconds
+      }, null)]);
+    };
+    const renderDate = () => {
+      return createVNode(resolveComponent("n-date-picker"), {
+        "formatted-value": state.dateValue,
+        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
+        "type": dateType,
+        "clearable": true,
+        "disabled": props.isLock,
+        "onUpdate:value": changeDate
+      }, null);
+    };
+    const renderDateRange = () => {
+      return createVNode(resolveComponent("n-date-picker"), {
+        "formatted-value": state.dateValue,
+        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
+        "type": useDateRangeType.value,
+        "clearable": true,
+        "disabled": props.isLock,
+        "onUpdate:value": changeDate
+      }, null);
+    };
+    defaultValue(props.form[props.item.val_key]);
+    return () => {
+      if (type === "TIME" || dateType == "time") {
+        if (startToStop == 1)
+          return renderTimeRange();
+        return renderTime();
+      }
+      if (dateType === "date" || dateType === "datetime") {
+        if (startToStop == 1)
+          return renderDateRange();
+      }
+      return renderDate();
+    };
+  }
+});
+
+export { scriptDatetime as default };